@cloudscape-design/board-components 3.0.33 → 3.0.35

package/internal/dnd-controller/controller.js

@@ -1,8 +1,8 @@
 // Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
 // SPDX-License-Identifier: Apache-2.0
+import { useStableCallback } from "@cloudscape-design/component-toolkit/internal";
 import { useEffect } from "react";
 import { Coordinates } from "../utils/coordinates";
-import { useStableEventHandler } from "../utils/use-stable-event-handler";
 import { EventEmitter } from "./event-emitter";
 import { getHoveredDroppables } from "./get-hovered-droppables";
 class DragAndDropController extends EventEmitter {
@@ -98,7 +98,7 @@ class DragAndDropController extends EventEmitter {
 // Controller is a singleton and is shared between all d&d elements.
 const controller = new DragAndDropController();
 export function useDragSubscription(event, handler) {
-    const stableHandler = useStableEventHandler(handler);
+    const stableHandler = useStableCallback(handler);
     useEffect(() => controller.on(event, stableHandler), [event, stableHandler]);
 }
 export function useDraggable({ draggableItem, getCollisionRect, }) {

package/internal/environment.js

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

package/internal/environment.json

@@ -1,6 +1,6 @@
 {
   "PACKAGE_SOURCE": "board-components",
-  "PACKAGE_VERSION": "3.0.0 (99e2db90)",
+  "PACKAGE_VERSION": "3.0.0 (bf1460ff)",
   "THEME": "open-source-visual-refresh",
   "ALWAYS_VISUAL_REFRESH": true
 }

package/internal/item-container/index.js

@@ -269,8 +269,7 @@ function ItemContainerComponent({ item, placed, acquired, inTransition, transfor
         focusDragHandle: () => { var _a; return (_a = dragHandleRef.current) === null || _a === void 0 ? void 0 : _a.focus(); },
     }));
     const isActive = (!!transition && !isHidden) || !!acquired;
-    const shouldUsePortal = ((transition === null || transition === void 0 ? void 0 : transition.operation) === "insert" || (transition === null || transition === void 0 ? void 0 : transition.operation) === "reorder") &&
-        (transition === null || transition === void 0 ? void 0 : transition.interactionType) === "pointer";
+    const shouldUsePortal = (transition === null || transition === void 0 ? void 0 : transition.operation) === "insert" && (transition === null || transition === void 0 ? void 0 : transition.interactionType) === "pointer";
     const childrenRef = useRef(null);
     if (!inTransition || isActive) {
         childrenRef.current = children(!!(transition === null || transition === void 0 ? void 0 : transition.hasDropTarget));

package/internal/manifest.json

@@ -1,3 +1,3 @@
 {
-  "commit": "99e2db90a6940d98f17d870adef1688a43067c56"
+  "commit": "bf1460ff40039b89521acaffa48249391e2173f5"
 }

package/package.json

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

package/internal/utils/use-stable-event-handler.d.ts

@@ -1,9 +0,0 @@
-/**
- * A callback that stays stable between renders even as the dependencies change.
- * Not a recommended React pattern, so it should be used sparingly and only if
- * the callback is an event handler (i.e. not used during rendering) and causing
- * clear performance issues.
- *
- * @see https://reactjs.org/docs/hooks-faq.html#how-to-read-an-often-changing-value-from-usecallback
- */
-export declare function useStableEventHandler<T extends (...args: any[]) => any>(fn: T): T;

package/internal/utils/use-stable-event-handler.js

@@ -1,19 +0,0 @@
-// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
-// SPDX-License-Identifier: Apache-2.0
-import { useCallback, useEffect, useRef } from "react";
-// The code is copied from https://github.com/cloudscape-design/components/blob/main/src/internal/hooks/use-stable-event-handler/index.ts
-/**
- * A callback that stays stable between renders even as the dependencies change.
- * Not a recommended React pattern, so it should be used sparingly and only if
- * the callback is an event handler (i.e. not used during rendering) and causing
- * clear performance issues.
- *
- * @see https://reactjs.org/docs/hooks-faq.html#how-to-read-an-often-changing-value-from-usecallback
- */
-export function useStableEventHandler(fn) {
-    const ref = useRef();
-    useEffect(() => {
-        ref.current = fn;
-    });
-    return useCallback((...args) => { var _a; return (_a = ref.current) === null || _a === void 0 ? void 0 : _a.apply(undefined, args); }, []);
-}