@cloudscape-design/board-components 3.0.11 → 3.0.12

package/board/internal.js

@@ -186,14 +186,14 @@ export function InternalBoard({ items, renderItem, onItemsChange, empty, i18nStr
                                     else {
                                         delete itemContainerRef.current[item.id];
                                     }
-                                }, item: item, transform: transforms[item.id], inTransition: !!layoutShift, placed: true, acquired: item.id === (acquiredItem === null || acquiredItem === void 0 ? void 0 : acquiredItem.id), getItemSize: () => ({
+                                }, item: item, transform: transforms[item.id], inTransition: !!transition || !!removeTransition, placed: true, acquired: item.id === (acquiredItem === null || acquiredItem === void 0 ? void 0 : acquiredItem.id), getItemSize: () => ({
                                     width: gridContext.getWidth(itemSize.width),
                                     minWidth: gridContext.getWidth(getMinColumnSpan(item, columns)),
                                     maxWidth: gridContext.getWidth(itemMaxSize.width),
                                     height: gridContext.getHeight(itemSize.height),
                                     minHeight: gridContext.getHeight(getMinRowSpan(item)),
                                     maxHeight: gridContext.getHeight(itemMaxSize.height),
-                                }), onKeyMove: onItemMove, children: renderItem(item, { removeItem: () => removeItemAction(item) }) }, item.id));
+                                }), onKeyMove: onItemMove, children: () => renderItem(item, { removeItem: () => removeItemAction(item) }) }, item.id));
                         });
                         return children;
                     } })) : (empty) }), _jsx(LiveRegion, { children: announcement })] }));

package/internal/environment.js

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

package/internal/item-container/index.d.ts

@@ -44,7 +44,7 @@ export interface ItemContainerProps {
         maxHeight: number;
     };
     onKeyMove?(direction: Direction): void;
-    children: ReactNode;
+    children: () => ReactNode;
 }
 export declare const ItemContainer: import("react").ForwardRefExoticComponent<ItemContainerProps & import("react").RefAttributes<ItemContainerRef>>;
 export {};

package/internal/item-container/index.js

@@ -253,8 +253,13 @@ function ItemContainerComponent({ item, placed, acquired, inTransition, transfor
     useImperativeHandle(ref, () => ({
         focusDragHandle: () => { var _a; return (_a = dragHandleRef.current) === null || _a === void 0 ? void 0 : _a.focus(); },
     }));
+    const isActive = (!!transition && !transition.isBorrowed) || !!acquired;
+    const childrenRef = useRef(null);
+    if (!inTransition || isActive) {
+        childrenRef.current = children();
+    }
     return (_jsx("div", { ref: itemRef, className: clsx(styles.root, ...itemTransitionClassNames), style: itemTransitionStyle, "data-item-id": item.id, onBlur: onBlur, children: _jsx(ItemContext.Provider, { value: {
-                isActive: (!!transition && !transition.isBorrowed) || !!acquired,
+                isActive,
                 dragHandle: {
                     ref: dragHandleRef,
                     onPointerDown: onDragHandlePointerDown,
@@ -266,5 +271,5 @@ function ItemContainerComponent({ item, placed, acquired, inTransition, transfor
                         onKeyDown: onResizeHandleKeyDown,
                     }
                     : null,
-            }, children: children }) }));
+            }, children: childrenRef.current }) }));
 }

package/internal/manifest.json

@@ -1,3 +1,3 @@
 {
-  "commit": "80489570231464cdf039fe26f27deedddecb1858"
+  "commit": "e54f625f9918c8ec22794da2af6fc13af4b62c12"
 }

package/items-palette/internal.js

@@ -68,7 +68,7 @@ export function InternalItemsPalette({ items, renderItem, i18nStrings, __interna
                             }
                             const { width, height } = dropContext.scale(item);
                             return { width, minWidth: width, maxWidth: width, height, minHeight: height, maxHeight: height };
-                        }, children: renderItem(item, {
+                        }, children: () => renderItem(item, {
                             showPreview: (dropState === null || dropState === void 0 ? void 0 : dropState.id) === item.id && dropState.isExpanded,
                         }) }, item.id))) }) }), _jsx(LiveRegion, { children: announcement })] }));
 }

package/package.json

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