@cloudscape-design/board-components 3.0.16 → 3.0.18

package/board/internal.js

@@ -91,7 +91,7 @@ export function InternalBoard({ items, renderItem, onItemsChange, empty, i18nStr
             // If draggables can be of different types a check of some sort is required here.
             draggableItem: draggableItem,
             draggableRect: collisionRect,
-            collisionIds: interactionType === "keyboard" || isElementOverBoard(collisionRect) ? collisionIds : [],
+            collisionIds: interactionType === "pointer" && isElementOverBoard(collisionRect) ? collisionIds : [],
         });
         autoScrollHandlers.addPointerEventHandlers();
         document.body.classList.add(styles[`current-operation-${operation}`]);
@@ -99,7 +99,7 @@ export function InternalBoard({ items, renderItem, onItemsChange, empty, i18nStr
     useDragSubscription("update", ({ interactionType, collisionIds, positionOffset, collisionRect }) => {
         dispatch({
             type: "update-with-pointer",
-            collisionIds: interactionType === "keyboard" || isElementOverBoard(collisionRect) ? collisionIds : [],
+            collisionIds: interactionType === "pointer" && isElementOverBoard(collisionRect) ? collisionIds : [],
             positionOffset,
             draggableRect: collisionRect,
         });

package/board/transition.js

@@ -47,14 +47,23 @@ function initTransition({ operation, interactionType, itemsLayout, draggableItem
         path: [],
     };
     const placeholdersLayout = getLayoutPlaceholders(transition);
-    const itemBelongsToBoard = itemsLayout.items.find((it) => it.id === draggableItem.id);
-    const collisionRect = getHoveredRect(collisionIds, placeholdersLayout.items);
-    const appendPath = operation === "resize" ? appendResizePath : appendMovePath;
-    const path = itemBelongsToBoard ? appendPath([], collisionRect) : [];
+    const layoutItem = itemsLayout.items.find((it) => it.id === draggableItem.id);
+    let path = [];
+    if (interactionType === "pointer" || operation === "insert") {
+        const collisionRect = getHoveredRect(collisionIds, placeholdersLayout.items);
+        const appendPath = operation === "resize" ? appendResizePath : appendMovePath;
+        path = layoutItem ? appendPath([], collisionRect) : [];
+    }
+    else if (layoutItem) {
+        path =
+            operation === "resize"
+                ? [new Position({ x: layoutItem.x + layoutItem.width, y: layoutItem.y + layoutItem.height })]
+                : [new Position({ x: layoutItem.x, y: layoutItem.y })];
+    }
     return {
         transition: { ...transition, path },
         removeTransition: null,
-        announcement: itemBelongsToBoard ? { type: "dnd-started", item: draggableItem, operation } : null,
+        announcement: layoutItem ? { type: "dnd-started", item: draggableItem, operation } : null,
     };
 }
 function initRemoveTransition({ items, removedItem, itemsLayout }) {

package/internal/base-component/use-visual-refresh.js

@@ -1,8 +1,7 @@
 // Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
 // SPDX-License-Identifier: Apache-2.0
+import { isDevelopment, warnOnce } from "@cloudscape-design/component-toolkit/internal";
 import { ALWAYS_VISUAL_REFRESH } from "../environment";
-import { IS_DEV } from "../is-development";
-import { warnOnce } from "../logging";
 export const useVisualRefresh = ALWAYS_VISUAL_REFRESH ? () => true : useVisualRefreshDynamic;
 // We expect VR is to be set only once and before the application is rendered.
 let visualRefreshState = undefined;
@@ -13,7 +12,7 @@ function useVisualRefreshDynamic() {
     if (visualRefreshState === undefined) {
         visualRefreshState = detectVisualRefresh();
     }
-    if (IS_DEV) {
+    if (isDevelopment) {
         const newVisualRefreshState = detectVisualRefresh();
         if (newVisualRefreshState !== visualRefreshState) {
             warnOnce("Visual Refresh", "Dynamic visual refresh change detected. This is not supported. " +

package/internal/environment.js

@@ -1,4 +1,4 @@
 export var PACKAGE_SOURCE = "board-components";
-export var PACKAGE_VERSION = "3.0.0 (2a96deaa)";
+export var PACKAGE_VERSION = "3.0.0 (c2e27bae)";
 export var THEME = "open-source-visual-refresh";
 export var ALWAYS_VISUAL_REFRESH = true;

package/internal/manifest.json

@@ -1,3 +1,3 @@
 {
-  "commit": "2a96deaaae4c967749f16563f62548f9b51329da"
+  "commit": "c2e27baea26a3916f51a16afdd60847ded5c5b02"
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cloudscape-design/board-components",
-  "version": "3.0.16",
+  "version": "3.0.18",
   "repository": {
     "type": "git",
     "url": "https://github.com/cloudscape-design/board-components.git"

package/internal/is-development.d.ts

@@ -1,6 +0,0 @@
-/**
- * Whether the bundle is a development bundle.
- * Only use this in an if condition and on its own! This will help bundlers find
- * and remove the conditional statement for production bundles.
- */
-export declare const IS_DEV: boolean;

package/internal/is-development.js

@@ -1,8 +0,0 @@
-// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
-// SPDX-License-Identifier: Apache-2.0
-/**
- * Whether the bundle is a development bundle.
- * Only use this in an if condition and on its own! This will help bundlers find
- * and remove the conditional statement for production bundles.
- */
-export const IS_DEV = process.env.NODE_ENV !== "production";

package/internal/logging.d.ts

@@ -1 +0,0 @@
-export declare function warnOnce(component: string, message: string): void;

package/internal/logging.js

@@ -1,10 +0,0 @@
-// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
-// SPDX-License-Identifier: Apache-2.0
-const messageCache = {};
-export function warnOnce(component, message) {
-    const warning = `[${component}] ${message}`;
-    if (!messageCache[warning]) {
-        messageCache[warning] = true;
-        console.warn(warning);
-    }
-}