@cloudscape-design/board-components 3.0.67 → 3.0.68

package/board/interfaces.d.ts

@@ -40,11 +40,6 @@ export interface BoardProps<D = DataFallbackType> {
      * * `liveAnnouncementDndDiscarded(BoardProps.DndOperationType): string` - the function to create a live announcement string to indicate commit of DnD ("reorder", "resize" or "insert").
      * * `liveAnnouncementDndCommitted(BoardProps.DndOperationType): string` - the function to create a live announcement string to indicate discard of DnD ("reorder", "resize" or "insert").
      * * `liveAnnouncementItemRemoved(BoardProps.OperationStateRemove<D>): string` - the function to create a live announcement string to indicate when item is removed.
-     *
-     * Navigation labels:
-     * * `navigationAriaLabel` (string) - the ARIA label for the accessible board navigation element.
-     * * `navigationAriaDescription` (string, optional) - the ARIA description for the accessible board navigation element.
-     * * `navigationItemAriaLabel(null | BoardProps.Item<D>): string` - the function to create the ARIA label for a navigation board item or an empty slot.
      */
     i18nStrings: BoardProps.I18nStrings<D>;
     /**
@@ -86,8 +81,11 @@ export declare namespace BoardProps {
         liveAnnouncementDndCommitted: (operationType: DndOperationType) => string;
         liveAnnouncementDndDiscarded: (operationType: DndOperationType) => string;
         liveAnnouncementItemRemoved: (operation: ItemRemovedState<D>) => string;
+        /** @deprecated Has no effect. */
         navigationAriaLabel: string;
+        /** @deprecated Has no effect. */
         navigationAriaDescription?: string;
+        /** @deprecated Has no effect. */
         navigationItemAriaLabel: (item: null | BoardProps.Item<D>) => string;
     }
     type DndOperationType = "reorder" | "resize" | "insert";

package/board/interfaces.js.map

@@ -1 +1 @@
-{"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../src/board/interfaces.ts"],"names":[],"mappings":"","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { ReactNode } from \"react\";\nimport { InteractionType, Operation } from \"../internal/dnd-controller/controller\";\nimport {\n  BoardItemDefinition,\n  BoardItemDefinitionBase,\n  DataFallbackType,\n  Direction,\n  GridLayout,\n  GridLayoutItem,\n  ItemId,\n  Rect,\n} from \"../internal/interfaces\";\nimport { LayoutEngine } from \"../internal/layout-engine/engine\";\nimport { LayoutShift } from \"../internal/layout-engine/interfaces\";\nimport { NonCancelableEventHandler } from \"../internal/utils/events\";\nimport { Position } from \"../internal/utils/position\";\n\n/*\n  Note:\n  The component does not provide handling of items state (loading, error, loaded).\n  It is the responsibility of the client to control it and provide the necessary\n  ARIA-live announcements.\n*/\n\nexport interface BoardProps<D = DataFallbackType> {\n  /**\n   * Specifies the items displayed in the board. Each item includes its position on the board and\n   * optional data. The content of an item is controlled by the `renderItem` property.\n   *\n   * The BoardProps.Item includes:\n   * * `id` (string) - the unique item identifier. The IDs of any two items in a page must be different.\n   * * `definition.minRowSpan` (number, optional) - the minimal number of rows the item is allowed to take. It can't be less than two. Defaults to two.\n   * * `definition.minColumnSpan` (number, optional) - the minimal number of columns the item is allowed to take. It can't be less than one. Defaults to one.\n   * * `definition.defaultRowSpan` (number, optional) - the number or rows the item will take when inserted to the board. It can't be less than `definition.minRowSpan`.\n   * * `definition.defaultColumnSpan` (number, optional) - the number or columns the item will take when inserted in the board. It can't be less than `definition.minColumnSpan`.\n   * * `columnOffset` (mapping, optional) - the item's offset from the first column (per layout) starting from zero. The value is updated by `onItemsChange` after an update is committed.\n   * * `rowSpan` (number, optional) - the item's vertical size starting from two. The value is updated by `onItemsChange` after an update is committed.\n   * * `columnSpan` (number, optional) - the item's horizontal size starting from one. The value is updated by `onItemsChange` after an update is committed.\n   * * `data` (D) - optional item data which can include the specific configurations of an item, such as its title.\n   */\n  items: ReadonlyArray<BoardProps.Item<D>>;\n\n  /**\n   * Specifies a function to render content for board items. The return value must include board item component.\n   *\n   * The function takes the item and its associated actions (BoardProps.ItemActions) that include:\n   * * `removeItem(): void` - the callback to issue the item's removal. Once issued, the `onItemsChange` will fire to update the state.\n   */\n  renderItem: (item: BoardProps.Item<D>, actions: BoardProps.ItemActions) => JSX.Element;\n\n  /**\n   * An object containing all the necessary localized strings required by the component.\n   *\n   * Live announcements:\n   * * `liveAnnouncementDndStarted(BoardProps.DndOperationType): string` - the function to create a live announcement string to indicate start of DnD (\"reorder\", \"resize\" or \"insert\").\n   * * `liveAnnouncementDndItemReordered(BoardProps.DndReorderState<D>): string` - the function to create a live announcement string to indicate when DnD reorder is performed.\n   * * `liveAnnouncementDndItemResized(BoardProps.DndResizeState<D>): string` - the function to create a live announcement string to indicate when DnD resize is performed.\n   * * `liveAnnouncementDndItemInserted(BoardProps.DndInsertState<D>): string` - the function to create a live announcement string to indicate when DnD insert is performed.\n   * * `liveAnnouncementDndDiscarded(BoardProps.DndOperationType): string` - the function to create a live announcement string to indicate commit of DnD (\"reorder\", \"resize\" or \"insert\").\n   * * `liveAnnouncementDndCommitted(BoardProps.DndOperationType): string` - the function to create a live announcement string to indicate discard of DnD (\"reorder\", \"resize\" or \"insert\").\n   * * `liveAnnouncementItemRemoved(BoardProps.OperationStateRemove<D>): string` - the function to create a live announcement string to indicate when item is removed.\n   *\n   * Navigation labels:\n   * * `navigationAriaLabel` (string) - the ARIA label for the accessible board navigation element.\n   * * `navigationAriaDescription` (string, optional) - the ARIA description for the accessible board navigation element.\n   * * `navigationItemAriaLabel(null | BoardProps.Item<D>): string` - the function to create the ARIA label for a navigation board item or an empty slot.\n   */\n  i18nStrings: BoardProps.I18nStrings<D>;\n\n  /**\n   * Called when a user modifies the size or position of board items.\n   *\n   * The change detail has the following properties:\n   *\n   * * `items`: (readonly Item<D>[]) - the updated items array.\n   * * `addedItem`: (Item<D>, optional) - the item that was added as part of the update, if applicable.\n   * * `removedItem`: (Item<D>, optional) - the item that was removed as part of the update, if applicable.\n   * * `resizedItem`: (Item<D>, optional) - the item that was resized as part of the update, if applicable.\n   * * `movedItem`: (Item<D>, optional) - the item that was moved as part of the update, if applicable.\n   */\n  onItemsChange: NonCancelableEventHandler<BoardProps.ItemsChangeDetail<D>>;\n\n  /**\n   * Rendered when the `items` array is empty.\n   *\n   * When items are loading the slot can be used to render the loading indicator.\n   */\n  empty: ReactNode;\n}\n\nexport namespace BoardProps {\n  export type Item<D = DataFallbackType> = BoardItemDefinition<D>;\n\n  export interface ItemActions {\n    removeItem(): void;\n  }\n\n  export interface ItemsChangeDetail<D = DataFallbackType> {\n    items: ReadonlyArray<Item<D>>;\n    movedItem?: Item<D>;\n    resizedItem?: Item<D>;\n    addedItem?: Item<D>;\n    removedItem?: Item<D>;\n  }\n\n  export interface I18nStrings<D> {\n    liveAnnouncementDndStarted: (operationType: DndOperationType) => string;\n    liveAnnouncementDndItemReordered: (operation: DndReorderState<D>) => string;\n    liveAnnouncementDndItemResized: (operation: DndResizeState<D>) => string;\n    liveAnnouncementDndItemInserted: (operation: DndInsertState<D>) => string;\n    liveAnnouncementDndCommitted: (operationType: DndOperationType) => string;\n    liveAnnouncementDndDiscarded: (operationType: DndOperationType) => string;\n    liveAnnouncementItemRemoved: (operation: ItemRemovedState<D>) => string;\n    navigationAriaLabel: string;\n    navigationAriaDescription?: string;\n    navigationItemAriaLabel: (item: null | BoardProps.Item<D>) => string;\n  }\n\n  export type DndOperationType = \"reorder\" | \"resize\" | \"insert\";\n\n  export interface ItemPlacement {\n    x: number;\n    y: number;\n    width: number;\n    height: number;\n  }\n\n  export interface DndReorderState<D> {\n    item: Item<D>;\n    placement: ItemPlacement;\n    direction: \"horizontal\" | \"vertical\";\n    conflicts: readonly Item<D>[];\n    disturbed: readonly Item<D>[];\n  }\n\n  export interface DndInsertState<D> {\n    item: Item<D>;\n    placement: ItemPlacement;\n    conflicts: readonly Item<D>[];\n    disturbed: readonly Item<D>[];\n  }\n\n  export interface DndResizeState<D> {\n    item: Item<D>;\n    placement: ItemPlacement;\n    direction: \"horizontal\" | \"vertical\";\n    isMinimalColumnsReached: boolean;\n    isMinimalRowsReached: boolean;\n    conflicts: readonly Item<D>[];\n    disturbed: readonly Item<D>[];\n  }\n\n  export interface ItemRemovedState<D> {\n    item: Item<D>;\n    disturbed: readonly Item<D>[];\n  }\n}\n\nexport interface Transition<D> {\n  operation: Operation;\n  interactionType: InteractionType;\n  itemsLayout: GridLayout;\n  layoutEngine: LayoutEngine;\n  insertionDirection: null | Direction;\n  draggableItem: BoardItemDefinitionBase<D>;\n  draggableRect: Rect;\n  acquiredItem: null | BoardItemDefinitionBase<D>;\n  collisionIds: Set<ItemId>;\n  layoutShift: null | LayoutShift;\n  path: readonly Position[];\n  acquiredItemElement?: ReactNode;\n}\n\nexport interface RemoveTransition<D> {\n  items: readonly BoardProps.Item<D>[];\n  removedItem: BoardItemDefinitionBase<D>;\n  layoutShift: LayoutShift;\n}\n\nexport type TransitionAnnouncement =\n  | DndStartedAnnouncement\n  | DndActionAnnouncement\n  | DndCommittedAnnouncement\n  | DndDiscardedAnnouncement\n  | ItemRemovedAnnouncement;\n\nexport interface DndStartedAnnouncement {\n  type: \"dnd-started\";\n  item: BoardItemDefinitionBase<unknown>;\n  operation: Operation;\n}\nexport interface DndActionAnnouncement {\n  type: \"dnd-action\";\n  item: BoardItemDefinitionBase<unknown>;\n  operation: Operation;\n  placement: Omit<GridLayoutItem, \"id\">;\n  direction: null | Direction;\n  conflicts: Set<ItemId>;\n  disturbed: Set<ItemId>;\n}\nexport interface DndCommittedAnnouncement {\n  type: \"dnd-committed\";\n  item: BoardItemDefinitionBase<unknown>;\n  operation: Operation;\n}\nexport interface DndDiscardedAnnouncement {\n  type: \"dnd-discarded\";\n  item: BoardItemDefinitionBase<unknown>;\n  operation: Operation;\n}\nexport interface ItemRemovedAnnouncement {\n  type: \"item-removed\";\n  item: BoardItemDefinitionBase<unknown>;\n  disturbed: Set<ItemId>;\n}\n"]}
+{"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../src/board/interfaces.ts"],"names":[],"mappings":"","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { ReactNode } from \"react\";\nimport { InteractionType, Operation } from \"../internal/dnd-controller/controller\";\nimport {\n  BoardItemDefinition,\n  BoardItemDefinitionBase,\n  DataFallbackType,\n  Direction,\n  GridLayout,\n  GridLayoutItem,\n  ItemId,\n  Rect,\n} from \"../internal/interfaces\";\nimport { LayoutEngine } from \"../internal/layout-engine/engine\";\nimport { LayoutShift } from \"../internal/layout-engine/interfaces\";\nimport { NonCancelableEventHandler } from \"../internal/utils/events\";\nimport { Position } from \"../internal/utils/position\";\n\n/*\n  Note:\n  The component does not provide handling of items state (loading, error, loaded).\n  It is the responsibility of the client to control it and provide the necessary\n  ARIA-live announcements.\n*/\n\nexport interface BoardProps<D = DataFallbackType> {\n  /**\n   * Specifies the items displayed in the board. Each item includes its position on the board and\n   * optional data. The content of an item is controlled by the `renderItem` property.\n   *\n   * The BoardProps.Item includes:\n   * * `id` (string) - the unique item identifier. The IDs of any two items in a page must be different.\n   * * `definition.minRowSpan` (number, optional) - the minimal number of rows the item is allowed to take. It can't be less than two. Defaults to two.\n   * * `definition.minColumnSpan` (number, optional) - the minimal number of columns the item is allowed to take. It can't be less than one. Defaults to one.\n   * * `definition.defaultRowSpan` (number, optional) - the number or rows the item will take when inserted to the board. It can't be less than `definition.minRowSpan`.\n   * * `definition.defaultColumnSpan` (number, optional) - the number or columns the item will take when inserted in the board. It can't be less than `definition.minColumnSpan`.\n   * * `columnOffset` (mapping, optional) - the item's offset from the first column (per layout) starting from zero. The value is updated by `onItemsChange` after an update is committed.\n   * * `rowSpan` (number, optional) - the item's vertical size starting from two. The value is updated by `onItemsChange` after an update is committed.\n   * * `columnSpan` (number, optional) - the item's horizontal size starting from one. The value is updated by `onItemsChange` after an update is committed.\n   * * `data` (D) - optional item data which can include the specific configurations of an item, such as its title.\n   */\n  items: ReadonlyArray<BoardProps.Item<D>>;\n\n  /**\n   * Specifies a function to render content for board items. The return value must include board item component.\n   *\n   * The function takes the item and its associated actions (BoardProps.ItemActions) that include:\n   * * `removeItem(): void` - the callback to issue the item's removal. Once issued, the `onItemsChange` will fire to update the state.\n   */\n  renderItem: (item: BoardProps.Item<D>, actions: BoardProps.ItemActions) => JSX.Element;\n\n  /**\n   * An object containing all the necessary localized strings required by the component.\n   *\n   * Live announcements:\n   * * `liveAnnouncementDndStarted(BoardProps.DndOperationType): string` - the function to create a live announcement string to indicate start of DnD (\"reorder\", \"resize\" or \"insert\").\n   * * `liveAnnouncementDndItemReordered(BoardProps.DndReorderState<D>): string` - the function to create a live announcement string to indicate when DnD reorder is performed.\n   * * `liveAnnouncementDndItemResized(BoardProps.DndResizeState<D>): string` - the function to create a live announcement string to indicate when DnD resize is performed.\n   * * `liveAnnouncementDndItemInserted(BoardProps.DndInsertState<D>): string` - the function to create a live announcement string to indicate when DnD insert is performed.\n   * * `liveAnnouncementDndDiscarded(BoardProps.DndOperationType): string` - the function to create a live announcement string to indicate commit of DnD (\"reorder\", \"resize\" or \"insert\").\n   * * `liveAnnouncementDndCommitted(BoardProps.DndOperationType): string` - the function to create a live announcement string to indicate discard of DnD (\"reorder\", \"resize\" or \"insert\").\n   * * `liveAnnouncementItemRemoved(BoardProps.OperationStateRemove<D>): string` - the function to create a live announcement string to indicate when item is removed.\n   */\n  i18nStrings: BoardProps.I18nStrings<D>;\n\n  /**\n   * Called when a user modifies the size or position of board items.\n   *\n   * The change detail has the following properties:\n   *\n   * * `items`: (readonly Item<D>[]) - the updated items array.\n   * * `addedItem`: (Item<D>, optional) - the item that was added as part of the update, if applicable.\n   * * `removedItem`: (Item<D>, optional) - the item that was removed as part of the update, if applicable.\n   * * `resizedItem`: (Item<D>, optional) - the item that was resized as part of the update, if applicable.\n   * * `movedItem`: (Item<D>, optional) - the item that was moved as part of the update, if applicable.\n   */\n  onItemsChange: NonCancelableEventHandler<BoardProps.ItemsChangeDetail<D>>;\n\n  /**\n   * Rendered when the `items` array is empty.\n   *\n   * When items are loading the slot can be used to render the loading indicator.\n   */\n  empty: ReactNode;\n}\n\nexport namespace BoardProps {\n  export type Item<D = DataFallbackType> = BoardItemDefinition<D>;\n\n  export interface ItemActions {\n    removeItem(): void;\n  }\n\n  export interface ItemsChangeDetail<D = DataFallbackType> {\n    items: ReadonlyArray<Item<D>>;\n    movedItem?: Item<D>;\n    resizedItem?: Item<D>;\n    addedItem?: Item<D>;\n    removedItem?: Item<D>;\n  }\n\n  export interface I18nStrings<D> {\n    liveAnnouncementDndStarted: (operationType: DndOperationType) => string;\n    liveAnnouncementDndItemReordered: (operation: DndReorderState<D>) => string;\n    liveAnnouncementDndItemResized: (operation: DndResizeState<D>) => string;\n    liveAnnouncementDndItemInserted: (operation: DndInsertState<D>) => string;\n    liveAnnouncementDndCommitted: (operationType: DndOperationType) => string;\n    liveAnnouncementDndDiscarded: (operationType: DndOperationType) => string;\n    liveAnnouncementItemRemoved: (operation: ItemRemovedState<D>) => string;\n\n    /** @deprecated Has no effect. */\n    navigationAriaLabel: string;\n    /** @deprecated Has no effect. */\n    navigationAriaDescription?: string;\n    /** @deprecated Has no effect. */\n    navigationItemAriaLabel: (item: null | BoardProps.Item<D>) => string;\n  }\n\n  export type DndOperationType = \"reorder\" | \"resize\" | \"insert\";\n\n  export interface ItemPlacement {\n    x: number;\n    y: number;\n    width: number;\n    height: number;\n  }\n\n  export interface DndReorderState<D> {\n    item: Item<D>;\n    placement: ItemPlacement;\n    direction: \"horizontal\" | \"vertical\";\n    conflicts: readonly Item<D>[];\n    disturbed: readonly Item<D>[];\n  }\n\n  export interface DndInsertState<D> {\n    item: Item<D>;\n    placement: ItemPlacement;\n    conflicts: readonly Item<D>[];\n    disturbed: readonly Item<D>[];\n  }\n\n  export interface DndResizeState<D> {\n    item: Item<D>;\n    placement: ItemPlacement;\n    direction: \"horizontal\" | \"vertical\";\n    isMinimalColumnsReached: boolean;\n    isMinimalRowsReached: boolean;\n    conflicts: readonly Item<D>[];\n    disturbed: readonly Item<D>[];\n  }\n\n  export interface ItemRemovedState<D> {\n    item: Item<D>;\n    disturbed: readonly Item<D>[];\n  }\n}\n\nexport interface Transition<D> {\n  operation: Operation;\n  interactionType: InteractionType;\n  itemsLayout: GridLayout;\n  layoutEngine: LayoutEngine;\n  insertionDirection: null | Direction;\n  draggableItem: BoardItemDefinitionBase<D>;\n  draggableRect: Rect;\n  acquiredItem: null | BoardItemDefinitionBase<D>;\n  collisionIds: Set<ItemId>;\n  layoutShift: null | LayoutShift;\n  path: readonly Position[];\n  acquiredItemElement?: ReactNode;\n}\n\nexport interface RemoveTransition<D> {\n  items: readonly BoardProps.Item<D>[];\n  removedItem: BoardItemDefinitionBase<D>;\n  layoutShift: LayoutShift;\n}\n\nexport type TransitionAnnouncement =\n  | DndStartedAnnouncement\n  | DndActionAnnouncement\n  | DndCommittedAnnouncement\n  | DndDiscardedAnnouncement\n  | ItemRemovedAnnouncement;\n\nexport interface DndStartedAnnouncement {\n  type: \"dnd-started\";\n  item: BoardItemDefinitionBase<unknown>;\n  operation: Operation;\n}\nexport interface DndActionAnnouncement {\n  type: \"dnd-action\";\n  item: BoardItemDefinitionBase<unknown>;\n  operation: Operation;\n  placement: Omit<GridLayoutItem, \"id\">;\n  direction: null | Direction;\n  conflicts: Set<ItemId>;\n  disturbed: Set<ItemId>;\n}\nexport interface DndCommittedAnnouncement {\n  type: \"dnd-committed\";\n  item: BoardItemDefinitionBase<unknown>;\n  operation: Operation;\n}\nexport interface DndDiscardedAnnouncement {\n  type: \"dnd-discarded\";\n  item: BoardItemDefinitionBase<unknown>;\n  operation: Operation;\n}\nexport interface ItemRemovedAnnouncement {\n  type: \"item-removed\";\n  item: BoardItemDefinitionBase<unknown>;\n  disturbed: Set<ItemId>;\n}\n"]}

package/board/internal.js

@@ -12,7 +12,6 @@ import { useGlobalDragStateStyles } from "../internal/global-drag-state-styles";
 import Grid from "../internal/grid";
 import { ItemContainer } from "../internal/item-container";
 import LiveRegion from "../internal/live-region";
-import { ScreenReaderGridNavigation } from "../internal/screenreader-grid-navigation";
 import { createPlaceholdersLayout, getDefaultColumnSpan, getDefaultRowSpan, getMinColumnSpan, getMinRowSpan, interpretItems, } from "../internal/utils/layout";
 import { Position } from "../internal/utils/position";
 import { useAutoScroll } from "../internal/utils/use-auto-scroll";
@@ -154,9 +153,6 @@ export function InternalBoard({ items, renderItem, onItemsChange, empty, i18nStr
     const removeItemAction = (removedItem) => {
         dispatch({ type: "init-remove", items, itemsLayout, removedItem });
     };
-    function focusItem(itemId) {
-        itemContainerRef.current[itemId].focusDragHandle();
-    }
     function onItemMove(direction) {
         if (transition) {
             dispatch({ type: "update-with-keyboard", direction });
@@ -166,7 +162,7 @@ export function InternalBoard({ items, renderItem, onItemsChange, empty, i18nStr
     const announcement = transitionAnnouncement
         ? announcementToString(transitionAnnouncement, items, i18nStrings, itemsLayout.columns)
         : "";
-    return (_jsxs("div", { ref: __internalRootRef, ...getDataAttributes(rest), children: [_jsx(ScreenReaderGridNavigation, { items: items, itemsLayout: itemsLayout, ariaLabel: i18nStrings.navigationAriaLabel, ariaDescription: i18nStrings.navigationAriaDescription, itemAriaLabel: i18nStrings.navigationItemAriaLabel, onActivateItem: focusItem }), _jsx("div", { ref: containerRef, className: clsx(styles.root, { [styles.empty]: rows === 0 }), children: rows > 0 ? (_jsx(Grid, { isRtl: isRtl, columns: itemsLayout.columns, layout: [...placeholdersLayout.items, ...itemsLayout.items], children: (gridContext) => {
+    return (_jsxs("div", { ref: __internalRootRef, ...getDataAttributes(rest), children: [_jsx("div", { ref: containerRef, className: clsx(styles.root, { [styles.empty]: rows === 0 }), children: rows > 0 ? (_jsx(Grid, { isRtl: isRtl, columns: itemsLayout.columns, layout: [...placeholdersLayout.items, ...itemsLayout.items], children: (gridContext) => {
                         var _a;
                         const layoutShift = (_a = transition === null || transition === void 0 ? void 0 : transition.layoutShift) !== null && _a !== void 0 ? _a : removeTransition === null || removeTransition === void 0 ? void 0 : removeTransition.layoutShift;
                         const transforms = layoutShift ? createTransforms(itemsLayout, layoutShift.moves, gridContext) : {};

package/board/internal.js.map

@@ -1 +1 @@
-{"version":3,"file":"internal.js","sourceRoot":"","sources":["../../../src/board/internal.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { getIsRtl } from \"@cloudscape-design/component-toolkit/internal\";\nimport clsx from \"clsx\";\nimport { ReactNode, useEffect, useRef } from \"react\";\nimport { getDataAttributes } from \"../internal/base-component/get-data-attributes\";\nimport { InternalBaseComponentProps } from \"../internal/base-component/use-base-component\";\nimport { useContainerColumns } from \"../internal/breakpoints\";\nimport { TRANSITION_DURATION_MS } from \"../internal/constants\";\nimport { useDragSubscription } from \"../internal/dnd-controller/controller\";\nimport { useGlobalDragStateStyles } from \"../internal/global-drag-state-styles\";\nimport Grid from \"../internal/grid\";\nimport { BoardItemDefinition, BoardItemDefinitionBase, Direction, ItemId, Rect } from \"../internal/interfaces\";\nimport { ItemContainer, ItemContainerRef } from \"../internal/item-container\";\nimport LiveRegion from \"../internal/live-region\";\nimport { ScreenReaderGridNavigation } from \"../internal/screenreader-grid-navigation\";\nimport {\n  createPlaceholdersLayout,\n  getDefaultColumnSpan,\n  getDefaultRowSpan,\n  getMinColumnSpan,\n  getMinRowSpan,\n  interpretItems,\n} from \"../internal/utils/layout\";\nimport { Position } from \"../internal/utils/position\";\nimport { useAutoScroll } from \"../internal/utils/use-auto-scroll\";\nimport { useMergeRefs } from \"../internal/utils/use-merge-refs\";\n\nimport { BoardProps } from \"./interfaces\";\nimport Placeholder from \"./placeholder\";\nimport styles from \"./styles.css.js\";\nimport { selectTransitionRows, useTransition } from \"./transition\";\nimport { announcementToString } from \"./utils/announcements\";\nimport { createTransforms } from \"./utils/create-transforms\";\nimport { createItemsChangeEvent } from \"./utils/events\";\n\nexport function InternalBoard<D>({\n  items,\n  renderItem,\n  onItemsChange,\n  empty,\n  i18nStrings,\n  __internalRootRef,\n  ...rest\n}: BoardProps<D> & InternalBaseComponentProps) {\n  const containerAccessRef = useRef<HTMLDivElement>(null);\n  const [currentColumns, containerQueryRef] = useContainerColumns();\n  const containerRef = useMergeRefs(containerAccessRef, containerQueryRef);\n  const itemContainerRef = useRef<{ [id: ItemId]: ItemContainerRef }>({});\n\n  const isRtl = () => getIsRtl(containerAccessRef.current);\n\n  useGlobalDragStateStyles();\n\n  const autoScrollHandlers = useAutoScroll();\n\n  const [transitionState, dispatch] = useTransition<D>({ isRtl });\n  const transition = transitionState.transition;\n  const removeTransition = transitionState.removeTransition;\n  const transitionAnnouncement = transitionState.announcement;\n  const acquiredItem = transition?.acquiredItem ?? null;\n  const acquiredItemElement = transition?.acquiredItemElement;\n\n  // Using cached columns from transition to ensure no unexpected changes in the process.\n  const columns = transition ? transition.itemsLayout.columns : currentColumns;\n\n  // Use previous items while remove transition is in progress.\n  items = removeTransition?.items ?? items;\n\n  // The acquired item is the one being inserting at the moment but not submitted yet.\n  // It needs to be included to the layout to be a part of layout shifts and rendering.\n  items = acquiredItem ? [...items, acquiredItem] : items;\n  const itemsLayout = interpretItems(items, columns);\n\n  const layoutItemById = new Map(itemsLayout.items.map((item) => [item.id, item]));\n  const layoutItemIndexById = new Map(itemsLayout.items.map((item, index) => [item.id, index]));\n\n  // Items and layout items must maintain the same order visually, in the DOM and in the data\n  // to ensure on-change events and tab order work as expected.\n  items = [...items].sort((a, b) => (layoutItemIndexById.get(a.id) ?? -1) - (layoutItemIndexById.get(b.id) ?? -1));\n\n  // When an item gets acquired or removed the focus needs to be dispatched on the next render.\n  const focusNextRenderIndexRef = useRef<null | number>(null);\n  const focusNextRenderIdRef = useRef<null | ItemId>(null);\n  useEffect(() => {\n    const focusTarget = focusNextRenderIdRef.current ?? items[focusNextRenderIndexRef.current ?? -1]?.id;\n    if (focusTarget) {\n      itemContainerRef.current[focusTarget].focusDragHandle();\n    }\n    focusNextRenderIndexRef.current = null;\n    focusNextRenderIdRef.current = null;\n  });\n\n  // Submit scheduled removal after a delay to let animations play.\n  useEffect(() => {\n    if (!removeTransition) {\n      return;\n    }\n\n    const timeoutId = setTimeout(() => {\n      dispatch({ type: \"submit\" });\n\n      const removedItemIndex = items.findIndex((it) => it.id === removeTransition.removedItem.id);\n      const nextIndexToFocus = removedItemIndex !== items.length - 1 ? removedItemIndex : items.length - 2;\n      focusNextRenderIndexRef.current = nextIndexToFocus;\n      onItemsChange(createItemsChangeEvent(items, removeTransition.layoutShift));\n    }, TRANSITION_DURATION_MS);\n\n    return () => clearTimeout(timeoutId);\n  }, [removeTransition, items, onItemsChange]);\n\n  const rows = selectTransitionRows(transitionState) || itemsLayout.rows;\n  const placeholdersLayout = createPlaceholdersLayout(rows, itemsLayout.columns);\n\n  function isElementOverBoard(rect: Rect) {\n    const board = containerAccessRef.current!;\n    const boardContains = (target: null | Element) => board === target || board.contains(target);\n    const left = !isRtl() ? rect.left : document.documentElement.clientWidth - rect.left;\n    const right = !isRtl() ? rect.right : document.documentElement.clientWidth - rect.right;\n    const { top, bottom } = rect;\n    return (\n      boardContains(document.elementFromPoint(left, top)) ||\n      boardContains(document.elementFromPoint(right, top)) ||\n      boardContains(document.elementFromPoint(right, bottom)) ||\n      boardContains(document.elementFromPoint(left, bottom))\n    );\n  }\n\n  useDragSubscription(\"start\", ({ operation, interactionType, draggableItem, collisionRect, collisionIds }) => {\n    dispatch({\n      type: \"init\",\n      operation,\n      interactionType,\n      itemsLayout,\n      // TODO: resolve any\n      // The code only works assuming the board can take any draggable.\n      // If draggables can be of different types a check of some sort is required here.\n      draggableItem: draggableItem as BoardItemDefinitionBase<any>,\n      draggableRect: collisionRect,\n      collisionIds: interactionType === \"pointer\" && isElementOverBoard(collisionRect) ? collisionIds : [],\n    });\n\n    autoScrollHandlers.addPointerEventHandlers();\n  });\n\n  useDragSubscription(\"update\", ({ interactionType, collisionIds, positionOffset, collisionRect }) => {\n    dispatch({\n      type: \"update-with-pointer\",\n      collisionIds: interactionType === \"pointer\" && isElementOverBoard(collisionRect) ? collisionIds : [],\n      positionOffset,\n      draggableRect: collisionRect,\n    });\n  });\n\n  useDragSubscription(\"submit\", () => {\n    dispatch({ type: \"submit\" });\n\n    autoScrollHandlers.removePointerEventHandlers();\n\n    if (!transition) {\n      throw new Error(\"Invariant violation: no transition.\");\n    }\n    if (\n      !transition.layoutShift ||\n      transition.layoutShift.conflicts.length > 0 ||\n      transition.layoutShift.moves.length === 0\n    ) {\n      return null;\n    }\n\n    // Commit new layout for insert case.\n    if (transition.operation === \"insert\") {\n      onItemsChange(createItemsChangeEvent([...items, transition.draggableItem], transition.layoutShift));\n    }\n    // Commit new layout for reorder/resize case.\n    else {\n      onItemsChange(createItemsChangeEvent(items, transition.layoutShift));\n    }\n  });\n\n  useDragSubscription(\"discard\", () => {\n    dispatch({ type: \"discard\" });\n\n    autoScrollHandlers.removePointerEventHandlers();\n  });\n\n  useDragSubscription(\"acquire\", ({ droppableId, draggableItem, renderAcquiredItem }) => {\n    const placeholder = placeholdersLayout.items.find((it) => it.id === droppableId);\n\n    // If missing then it does not belong to this board.\n    if (!placeholder) {\n      return;\n    }\n\n    dispatch({\n      type: \"acquire-item\",\n      position: new Position({ x: placeholder.x, y: placeholder.y }),\n      layoutElement: containerAccessRef.current!,\n      acquiredItemElement: renderAcquiredItem(),\n    });\n\n    focusNextRenderIdRef.current = draggableItem.id;\n  });\n\n  const removeItemAction = (removedItem: BoardItemDefinition<D>) => {\n    dispatch({ type: \"init-remove\", items, itemsLayout, removedItem });\n  };\n\n  function focusItem(itemId: ItemId) {\n    itemContainerRef.current[itemId].focusDragHandle();\n  }\n\n  function onItemMove(direction: Direction) {\n    if (transition) {\n      dispatch({ type: \"update-with-keyboard\", direction });\n      autoScrollHandlers.scheduleActiveElementScrollIntoView(TRANSITION_DURATION_MS);\n    }\n  }\n\n  const announcement = transitionAnnouncement\n    ? announcementToString(transitionAnnouncement, items, i18nStrings, itemsLayout.columns)\n    : \"\";\n\n  return (\n    <div ref={__internalRootRef} {...getDataAttributes(rest)}>\n      <ScreenReaderGridNavigation\n        items={items}\n        itemsLayout={itemsLayout}\n        ariaLabel={i18nStrings.navigationAriaLabel}\n        ariaDescription={i18nStrings.navigationAriaDescription}\n        itemAriaLabel={i18nStrings.navigationItemAriaLabel}\n        onActivateItem={focusItem}\n      />\n\n      <div ref={containerRef} className={clsx(styles.root, { [styles.empty]: rows === 0 })}>\n        {rows > 0 ? (\n          <Grid\n            isRtl={isRtl}\n            columns={itemsLayout.columns}\n            layout={[...placeholdersLayout.items, ...itemsLayout.items]}\n          >\n            {(gridContext) => {\n              const layoutShift = transition?.layoutShift ?? removeTransition?.layoutShift;\n              const transforms = layoutShift ? createTransforms(itemsLayout, layoutShift.moves, gridContext) : {};\n\n              // Exclude drag target from transforms.\n              if (transition && transition.interactionType === \"pointer\") {\n                delete transforms[transition.draggableItem.id];\n              }\n\n              const children: ReactNode[] = [];\n\n              /* Placeholders are rendered even when there is no transition to support the first collisions check. */\n              placeholdersLayout.items.forEach((placeholder) =>\n                children.push(\n                  <Placeholder\n                    key={placeholder.id}\n                    id={placeholder.id}\n                    state={transition ? (transition.collisionIds?.has(placeholder.id) ? \"hover\" : \"active\") : \"default\"}\n                    gridContext={gridContext}\n                    columns={itemsLayout.columns}\n                  />,\n                ),\n              );\n\n              items.forEach((item) => {\n                const layoutItem = layoutItemById.get(item.id);\n                const isResizing = transition?.operation === \"resize\" && transition?.draggableItem.id === item.id;\n\n                const itemSize = layoutItem ?? {\n                  width: getDefaultColumnSpan(item, itemsLayout.columns),\n                  height: getDefaultRowSpan(item),\n                };\n\n                const itemMaxSize =\n                  isResizing && layoutItem ? { width: itemsLayout.columns - layoutItem.x, height: 999 } : itemSize;\n\n                children.push(\n                  <ItemContainer\n                    key={item.id}\n                    ref={(elem) => {\n                      if (elem) {\n                        itemContainerRef.current[item.id] = elem;\n                      } else {\n                        delete itemContainerRef.current[item.id];\n                      }\n                    }}\n                    item={item}\n                    transform={transforms[item.id]}\n                    inTransition={!!transition || !!removeTransition}\n                    placed={item.id !== acquiredItem?.id}\n                    acquired={item.id === acquiredItem?.id}\n                    getItemSize={() => ({\n                      width: gridContext.getWidth(itemSize.width),\n                      minWidth: gridContext.getWidth(getMinColumnSpan(item, itemsLayout.columns)),\n                      maxWidth: gridContext.getWidth(itemMaxSize.width),\n                      height: gridContext.getHeight(itemSize.height),\n                      minHeight: gridContext.getHeight(getMinRowSpan(item)),\n                      maxHeight: gridContext.getHeight(itemMaxSize.height),\n                    })}\n                    onKeyMove={onItemMove}\n                    isRtl={isRtl}\n                  >\n                    {item.id === acquiredItem?.id && acquiredItemElement\n                      ? () => acquiredItemElement\n                      : () => renderItem(item, { removeItem: () => removeItemAction(item) })}\n                  </ItemContainer>,\n                );\n              });\n\n              return children;\n            }}\n          </Grid>\n        ) : (\n          empty\n        )}\n      </div>\n\n      <LiveRegion>{announcement}</LiveRegion>\n    </div>\n  );\n}\n"]}
+{"version":3,"file":"internal.js","sourceRoot":"","sources":["../../../src/board/internal.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { getIsRtl } from \"@cloudscape-design/component-toolkit/internal\";\nimport clsx from \"clsx\";\nimport { ReactNode, useEffect, useRef } from \"react\";\nimport { getDataAttributes } from \"../internal/base-component/get-data-attributes\";\nimport { InternalBaseComponentProps } from \"../internal/base-component/use-base-component\";\nimport { useContainerColumns } from \"../internal/breakpoints\";\nimport { TRANSITION_DURATION_MS } from \"../internal/constants\";\nimport { useDragSubscription } from \"../internal/dnd-controller/controller\";\nimport { useGlobalDragStateStyles } from \"../internal/global-drag-state-styles\";\nimport Grid from \"../internal/grid\";\nimport { BoardItemDefinition, BoardItemDefinitionBase, Direction, ItemId, Rect } from \"../internal/interfaces\";\nimport { ItemContainer, ItemContainerRef } from \"../internal/item-container\";\nimport LiveRegion from \"../internal/live-region\";\nimport {\n  createPlaceholdersLayout,\n  getDefaultColumnSpan,\n  getDefaultRowSpan,\n  getMinColumnSpan,\n  getMinRowSpan,\n  interpretItems,\n} from \"../internal/utils/layout\";\nimport { Position } from \"../internal/utils/position\";\nimport { useAutoScroll } from \"../internal/utils/use-auto-scroll\";\nimport { useMergeRefs } from \"../internal/utils/use-merge-refs\";\n\nimport { BoardProps } from \"./interfaces\";\nimport Placeholder from \"./placeholder\";\nimport styles from \"./styles.css.js\";\nimport { selectTransitionRows, useTransition } from \"./transition\";\nimport { announcementToString } from \"./utils/announcements\";\nimport { createTransforms } from \"./utils/create-transforms\";\nimport { createItemsChangeEvent } from \"./utils/events\";\n\nexport function InternalBoard<D>({\n  items,\n  renderItem,\n  onItemsChange,\n  empty,\n  i18nStrings,\n  __internalRootRef,\n  ...rest\n}: BoardProps<D> & InternalBaseComponentProps) {\n  const containerAccessRef = useRef<HTMLDivElement>(null);\n  const [currentColumns, containerQueryRef] = useContainerColumns();\n  const containerRef = useMergeRefs(containerAccessRef, containerQueryRef);\n  const itemContainerRef = useRef<{ [id: ItemId]: ItemContainerRef }>({});\n\n  const isRtl = () => getIsRtl(containerAccessRef.current);\n\n  useGlobalDragStateStyles();\n\n  const autoScrollHandlers = useAutoScroll();\n\n  const [transitionState, dispatch] = useTransition<D>({ isRtl });\n  const transition = transitionState.transition;\n  const removeTransition = transitionState.removeTransition;\n  const transitionAnnouncement = transitionState.announcement;\n  const acquiredItem = transition?.acquiredItem ?? null;\n  const acquiredItemElement = transition?.acquiredItemElement;\n\n  // Using cached columns from transition to ensure no unexpected changes in the process.\n  const columns = transition ? transition.itemsLayout.columns : currentColumns;\n\n  // Use previous items while remove transition is in progress.\n  items = removeTransition?.items ?? items;\n\n  // The acquired item is the one being inserting at the moment but not submitted yet.\n  // It needs to be included to the layout to be a part of layout shifts and rendering.\n  items = acquiredItem ? [...items, acquiredItem] : items;\n  const itemsLayout = interpretItems(items, columns);\n\n  const layoutItemById = new Map(itemsLayout.items.map((item) => [item.id, item]));\n  const layoutItemIndexById = new Map(itemsLayout.items.map((item, index) => [item.id, index]));\n\n  // Items and layout items must maintain the same order visually, in the DOM and in the data\n  // to ensure on-change events and tab order work as expected.\n  items = [...items].sort((a, b) => (layoutItemIndexById.get(a.id) ?? -1) - (layoutItemIndexById.get(b.id) ?? -1));\n\n  // When an item gets acquired or removed the focus needs to be dispatched on the next render.\n  const focusNextRenderIndexRef = useRef<null | number>(null);\n  const focusNextRenderIdRef = useRef<null | ItemId>(null);\n  useEffect(() => {\n    const focusTarget = focusNextRenderIdRef.current ?? items[focusNextRenderIndexRef.current ?? -1]?.id;\n    if (focusTarget) {\n      itemContainerRef.current[focusTarget].focusDragHandle();\n    }\n    focusNextRenderIndexRef.current = null;\n    focusNextRenderIdRef.current = null;\n  });\n\n  // Submit scheduled removal after a delay to let animations play.\n  useEffect(() => {\n    if (!removeTransition) {\n      return;\n    }\n\n    const timeoutId = setTimeout(() => {\n      dispatch({ type: \"submit\" });\n\n      const removedItemIndex = items.findIndex((it) => it.id === removeTransition.removedItem.id);\n      const nextIndexToFocus = removedItemIndex !== items.length - 1 ? removedItemIndex : items.length - 2;\n      focusNextRenderIndexRef.current = nextIndexToFocus;\n      onItemsChange(createItemsChangeEvent(items, removeTransition.layoutShift));\n    }, TRANSITION_DURATION_MS);\n\n    return () => clearTimeout(timeoutId);\n  }, [removeTransition, items, onItemsChange]);\n\n  const rows = selectTransitionRows(transitionState) || itemsLayout.rows;\n  const placeholdersLayout = createPlaceholdersLayout(rows, itemsLayout.columns);\n\n  function isElementOverBoard(rect: Rect) {\n    const board = containerAccessRef.current!;\n    const boardContains = (target: null | Element) => board === target || board.contains(target);\n    const left = !isRtl() ? rect.left : document.documentElement.clientWidth - rect.left;\n    const right = !isRtl() ? rect.right : document.documentElement.clientWidth - rect.right;\n    const { top, bottom } = rect;\n    return (\n      boardContains(document.elementFromPoint(left, top)) ||\n      boardContains(document.elementFromPoint(right, top)) ||\n      boardContains(document.elementFromPoint(right, bottom)) ||\n      boardContains(document.elementFromPoint(left, bottom))\n    );\n  }\n\n  useDragSubscription(\"start\", ({ operation, interactionType, draggableItem, collisionRect, collisionIds }) => {\n    dispatch({\n      type: \"init\",\n      operation,\n      interactionType,\n      itemsLayout,\n      // TODO: resolve any\n      // The code only works assuming the board can take any draggable.\n      // If draggables can be of different types a check of some sort is required here.\n      draggableItem: draggableItem as BoardItemDefinitionBase<any>,\n      draggableRect: collisionRect,\n      collisionIds: interactionType === \"pointer\" && isElementOverBoard(collisionRect) ? collisionIds : [],\n    });\n\n    autoScrollHandlers.addPointerEventHandlers();\n  });\n\n  useDragSubscription(\"update\", ({ interactionType, collisionIds, positionOffset, collisionRect }) => {\n    dispatch({\n      type: \"update-with-pointer\",\n      collisionIds: interactionType === \"pointer\" && isElementOverBoard(collisionRect) ? collisionIds : [],\n      positionOffset,\n      draggableRect: collisionRect,\n    });\n  });\n\n  useDragSubscription(\"submit\", () => {\n    dispatch({ type: \"submit\" });\n\n    autoScrollHandlers.removePointerEventHandlers();\n\n    if (!transition) {\n      throw new Error(\"Invariant violation: no transition.\");\n    }\n    if (\n      !transition.layoutShift ||\n      transition.layoutShift.conflicts.length > 0 ||\n      transition.layoutShift.moves.length === 0\n    ) {\n      return null;\n    }\n\n    // Commit new layout for insert case.\n    if (transition.operation === \"insert\") {\n      onItemsChange(createItemsChangeEvent([...items, transition.draggableItem], transition.layoutShift));\n    }\n    // Commit new layout for reorder/resize case.\n    else {\n      onItemsChange(createItemsChangeEvent(items, transition.layoutShift));\n    }\n  });\n\n  useDragSubscription(\"discard\", () => {\n    dispatch({ type: \"discard\" });\n\n    autoScrollHandlers.removePointerEventHandlers();\n  });\n\n  useDragSubscription(\"acquire\", ({ droppableId, draggableItem, renderAcquiredItem }) => {\n    const placeholder = placeholdersLayout.items.find((it) => it.id === droppableId);\n\n    // If missing then it does not belong to this board.\n    if (!placeholder) {\n      return;\n    }\n\n    dispatch({\n      type: \"acquire-item\",\n      position: new Position({ x: placeholder.x, y: placeholder.y }),\n      layoutElement: containerAccessRef.current!,\n      acquiredItemElement: renderAcquiredItem(),\n    });\n\n    focusNextRenderIdRef.current = draggableItem.id;\n  });\n\n  const removeItemAction = (removedItem: BoardItemDefinition<D>) => {\n    dispatch({ type: \"init-remove\", items, itemsLayout, removedItem });\n  };\n\n  function onItemMove(direction: Direction) {\n    if (transition) {\n      dispatch({ type: \"update-with-keyboard\", direction });\n      autoScrollHandlers.scheduleActiveElementScrollIntoView(TRANSITION_DURATION_MS);\n    }\n  }\n\n  const announcement = transitionAnnouncement\n    ? announcementToString(transitionAnnouncement, items, i18nStrings, itemsLayout.columns)\n    : \"\";\n\n  return (\n    <div ref={__internalRootRef} {...getDataAttributes(rest)}>\n      <div ref={containerRef} className={clsx(styles.root, { [styles.empty]: rows === 0 })}>\n        {rows > 0 ? (\n          <Grid\n            isRtl={isRtl}\n            columns={itemsLayout.columns}\n            layout={[...placeholdersLayout.items, ...itemsLayout.items]}\n          >\n            {(gridContext) => {\n              const layoutShift = transition?.layoutShift ?? removeTransition?.layoutShift;\n              const transforms = layoutShift ? createTransforms(itemsLayout, layoutShift.moves, gridContext) : {};\n\n              // Exclude drag target from transforms.\n              if (transition && transition.interactionType === \"pointer\") {\n                delete transforms[transition.draggableItem.id];\n              }\n\n              const children: ReactNode[] = [];\n\n              /* Placeholders are rendered even when there is no transition to support the first collisions check. */\n              placeholdersLayout.items.forEach((placeholder) =>\n                children.push(\n                  <Placeholder\n                    key={placeholder.id}\n                    id={placeholder.id}\n                    state={transition ? (transition.collisionIds?.has(placeholder.id) ? \"hover\" : \"active\") : \"default\"}\n                    gridContext={gridContext}\n                    columns={itemsLayout.columns}\n                  />,\n                ),\n              );\n\n              items.forEach((item) => {\n                const layoutItem = layoutItemById.get(item.id);\n                const isResizing = transition?.operation === \"resize\" && transition?.draggableItem.id === item.id;\n\n                const itemSize = layoutItem ?? {\n                  width: getDefaultColumnSpan(item, itemsLayout.columns),\n                  height: getDefaultRowSpan(item),\n                };\n\n                const itemMaxSize =\n                  isResizing && layoutItem ? { width: itemsLayout.columns - layoutItem.x, height: 999 } : itemSize;\n\n                children.push(\n                  <ItemContainer\n                    key={item.id}\n                    ref={(elem) => {\n                      if (elem) {\n                        itemContainerRef.current[item.id] = elem;\n                      } else {\n                        delete itemContainerRef.current[item.id];\n                      }\n                    }}\n                    item={item}\n                    transform={transforms[item.id]}\n                    inTransition={!!transition || !!removeTransition}\n                    placed={item.id !== acquiredItem?.id}\n                    acquired={item.id === acquiredItem?.id}\n                    getItemSize={() => ({\n                      width: gridContext.getWidth(itemSize.width),\n                      minWidth: gridContext.getWidth(getMinColumnSpan(item, itemsLayout.columns)),\n                      maxWidth: gridContext.getWidth(itemMaxSize.width),\n                      height: gridContext.getHeight(itemSize.height),\n                      minHeight: gridContext.getHeight(getMinRowSpan(item)),\n                      maxHeight: gridContext.getHeight(itemMaxSize.height),\n                    })}\n                    onKeyMove={onItemMove}\n                    isRtl={isRtl}\n                  >\n                    {item.id === acquiredItem?.id && acquiredItemElement\n                      ? () => acquiredItemElement\n                      : () => renderItem(item, { removeItem: () => removeItemAction(item) })}\n                  </ItemContainer>,\n                );\n              });\n\n              return children;\n            }}\n          </Grid>\n        ) : (\n          empty\n        )}\n      </div>\n\n      <LiveRegion>{announcement}</LiveRegion>\n    </div>\n  );\n}\n"]}

package/internal/api-docs/components/board.js

@@ -70,7 +70,7 @@ module.exports = {
         ]
       },
       "optional": false,
-      "description": "An object containing all the necessary localized strings required by the component.\nLive announcements:\n* `liveAnnouncementDndStarted(BoardProps.DndOperationType): string` - the function to create a live announcement string to indicate start of DnD (\"reorder\", \"resize\" or \"insert\").\n* `liveAnnouncementDndItemReordered(BoardProps.DndReorderState<D>): string` - the function to create a live announcement string to indicate when DnD reorder is performed.\n* `liveAnnouncementDndItemResized(BoardProps.DndResizeState<D>): string` - the function to create a live announcement string to indicate when DnD resize is performed.\n* `liveAnnouncementDndItemInserted(BoardProps.DndInsertState<D>): string` - the function to create a live announcement string to indicate when DnD insert is performed.\n* `liveAnnouncementDndDiscarded(BoardProps.DndOperationType): string` - the function to create a live announcement string to indicate commit of DnD (\"reorder\", \"resize\" or \"insert\").\n* `liveAnnouncementDndCommitted(BoardProps.DndOperationType): string` - the function to create a live announcement string to indicate discard of DnD (\"reorder\", \"resize\" or \"insert\").\n* `liveAnnouncementItemRemoved(BoardProps.OperationStateRemove<D>): string` - the function to create a live announcement string to indicate when item is removed.\n\nNavigation labels:\n* `navigationAriaLabel` (string) - the ARIA label for the accessible board navigation element.\n* `navigationAriaDescription` (string, optional) - the ARIA description for the accessible board navigation element.\n* `navigationItemAriaLabel(null | BoardProps.Item<D>): string` - the function to create the ARIA label for a navigation board item or an empty slot.\n"
+      "description": "An object containing all the necessary localized strings required by the component.\nLive announcements:\n* `liveAnnouncementDndStarted(BoardProps.DndOperationType): string` - the function to create a live announcement string to indicate start of DnD (\"reorder\", \"resize\" or \"insert\").\n* `liveAnnouncementDndItemReordered(BoardProps.DndReorderState<D>): string` - the function to create a live announcement string to indicate when DnD reorder is performed.\n* `liveAnnouncementDndItemResized(BoardProps.DndResizeState<D>): string` - the function to create a live announcement string to indicate when DnD resize is performed.\n* `liveAnnouncementDndItemInserted(BoardProps.DndInsertState<D>): string` - the function to create a live announcement string to indicate when DnD insert is performed.\n* `liveAnnouncementDndDiscarded(BoardProps.DndOperationType): string` - the function to create a live announcement string to indicate commit of DnD (\"reorder\", \"resize\" or \"insert\").\n* `liveAnnouncementDndCommitted(BoardProps.DndOperationType): string` - the function to create a live announcement string to indicate discard of DnD (\"reorder\", \"resize\" or \"insert\").\n* `liveAnnouncementItemRemoved(BoardProps.OperationStateRemove<D>): string` - the function to create a live announcement string to indicate when item is removed.\n"
     },
     {
       "name": "items",

package/internal/api-docs/components/items-palette.js

@@ -39,7 +39,7 @@ module.exports = {
         ]
       },
       "optional": false,
-      "description": "An object containing all the necessary localized strings required by the component.\nLive announcements:\n* `liveAnnouncementDndStarted` (string) - live announcement string to indicate start of DnD.\n* `liveAnnouncementDndDiscarded` (string) - live announcement string to indicate discard of DnD.\n\nNavigation labels:\n* `navigationAriaLabel` (string) - the ARIA label for the accessible board navigation element.\n* `navigationAriaDescription` (string, optional) - the ARIA description for the accessible board navigation element.\n* `navigationItemAriaLabel(null | BoardProps.Item<D>): string` - the function to create the ARIA label for a navigation board item.\n"
+      "description": "An object containing all the necessary localized strings required by the component.\nLive announcements:\n* `liveAnnouncementDndStarted` (string) - live announcement string to indicate start of DnD.\n* `liveAnnouncementDndDiscarded` (string) - live announcement string to indicate discard of DnD.\n"
     },
     {
       "name": "items",

package/internal/environment.js

@@ -1,4 +1,4 @@
 export var PACKAGE_SOURCE = "board-components";
-export var PACKAGE_VERSION = "3.0.0 (f76c386d)";
+export var PACKAGE_VERSION = "3.0.0 (bd7f894f)";
 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 (f76c386d)",
+  "PACKAGE_VERSION": "3.0.0 (bd7f894f)",
   "THEME": "open-source-visual-refresh",
   "ALWAYS_VISUAL_REFRESH": true
 }

package/internal/manifest.json

@@ -1,3 +1,3 @@
 {
-  "commit": "f76c386d0946b117fd76f1240cad50751dc64e5f"
+  "commit": "bd7f894fb0abe3feb2451f7160fdfeaaa7e341da"
 }

package/items-palette/interfaces.d.ts

@@ -26,11 +26,6 @@ export interface ItemsPaletteProps<D = DataFallbackType> {
      * Live announcements:
      * * `liveAnnouncementDndStarted` (string) - live announcement string to indicate start of DnD.
      * * `liveAnnouncementDndDiscarded` (string) - live announcement string to indicate discard of DnD.
-     *
-     * Navigation labels:
-     * * `navigationAriaLabel` (string) - the ARIA label for the accessible board navigation element.
-     * * `navigationAriaDescription` (string, optional) - the ARIA description for the accessible board navigation element.
-     * * `navigationItemAriaLabel(null | BoardProps.Item<D>): string` - the function to create the ARIA label for a navigation board item.
      */
     i18nStrings: ItemsPaletteProps.I18nStrings<D>;
 }
@@ -42,8 +37,11 @@ export declare namespace ItemsPaletteProps {
     interface I18nStrings<D> {
         liveAnnouncementDndStarted: string;
         liveAnnouncementDndDiscarded: string;
+        /** @deprecated Has no effect. */
         navigationAriaLabel: string;
+        /** @deprecated Has no effect. */
         navigationAriaDescription?: string;
+        /** @deprecated Has no effect. */
         navigationItemAriaLabel: (item: ItemsPaletteProps.Item<D>) => string;
     }
 }

package/items-palette/interfaces.js.map

@@ -1 +1 @@
-{"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../src/items-palette/interfaces.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { BoardItemDefinitionBase, DataFallbackType } from \"../internal/interfaces\";\n\n/*\n  Note:\n  The component does not provide handling of items state (loading, error, loaded).\n  It is the responsibility of the client to control it and provide the necessary\n  ARIA-live announcements.\n*/\n\nexport interface ItemsPaletteProps<D = DataFallbackType> {\n  /**\n   * Specifies the items displayed in the palette. The content of each item is controlled by the `renderItem` property.\n   *\n   * The ItemsPaletteProps.Item includes:\n   * * `id` (string) - the unique item identifier. The IDs of any two items in a page must be different.\n   * * `definition.minRowSpan` (number, optional) - the minimal number of rows the item is allowed to take. It can't be less than two. Defaults to two.\n   * * `definition.minColumnSpan` (number, optional) - the minimal number of columns the item is allowed to take (in a 4 column layout). It can't be less than one. Defaults to one.\n   * * `definition.defaultRowSpan` (number) - the number or rows the item will take when inserted to the board. It can't be less than `definition.minRowSpan`.\n   * * `definition.defaultColumnSpan` (number) - the number or columns the item will take (in a 4 column layout) when inserted to the board. It can't be less than `definition.minColumnSpan`.\n   * * `data` (D) - optional item data which can include the specific configurations of an item, such as its title.\n   */\n  items: ReadonlyArray<ItemsPaletteProps.Item<D>>;\n\n  /**\n   * Specifies a function to render content for a palette item. The return value must include board item component.\n   *\n   * The function takes the item and its associated context (ItemsPaletteProps.ItemContext) that include:\n   * * `showPreview` (boolean) - a flag that indicates if the item's content needs to be rendered in preview mode.\n   */\n  renderItem: (item: ItemsPaletteProps.Item<D>, context: ItemsPaletteProps.ItemContext) => JSX.Element;\n\n  /**\n   * An object containing all the necessary localized strings required by the component.\n   *\n   * Live announcements:\n   * * `liveAnnouncementDndStarted` (string) - live announcement string to indicate start of DnD.\n   * * `liveAnnouncementDndDiscarded` (string) - live announcement string to indicate discard of DnD.\n   *\n   * Navigation labels:\n   * * `navigationAriaLabel` (string) - the ARIA label for the accessible board navigation element.\n   * * `navigationAriaDescription` (string, optional) - the ARIA description for the accessible board navigation element.\n   * * `navigationItemAriaLabel(null | BoardProps.Item<D>): string` - the function to create the ARIA label for a navigation board item.\n   */\n  i18nStrings: ItemsPaletteProps.I18nStrings<D>;\n}\n\nexport namespace ItemsPaletteProps {\n  export type Item<D = DataFallbackType> = BoardItemDefinitionBase<D>;\n\n  export interface ItemContext {\n    showPreview: boolean;\n  }\n\n  export interface I18nStrings<D> {\n    liveAnnouncementDndStarted: string;\n    liveAnnouncementDndDiscarded: string;\n    navigationAriaLabel: string;\n    navigationAriaDescription?: string;\n    navigationItemAriaLabel: (item: ItemsPaletteProps.Item<D>) => string;\n  }\n}\n"]}
+{"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../src/items-palette/interfaces.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { BoardItemDefinitionBase, DataFallbackType } from \"../internal/interfaces\";\n\n/*\n  Note:\n  The component does not provide handling of items state (loading, error, loaded).\n  It is the responsibility of the client to control it and provide the necessary\n  ARIA-live announcements.\n*/\n\nexport interface ItemsPaletteProps<D = DataFallbackType> {\n  /**\n   * Specifies the items displayed in the palette. The content of each item is controlled by the `renderItem` property.\n   *\n   * The ItemsPaletteProps.Item includes:\n   * * `id` (string) - the unique item identifier. The IDs of any two items in a page must be different.\n   * * `definition.minRowSpan` (number, optional) - the minimal number of rows the item is allowed to take. It can't be less than two. Defaults to two.\n   * * `definition.minColumnSpan` (number, optional) - the minimal number of columns the item is allowed to take (in a 4 column layout). It can't be less than one. Defaults to one.\n   * * `definition.defaultRowSpan` (number) - the number or rows the item will take when inserted to the board. It can't be less than `definition.minRowSpan`.\n   * * `definition.defaultColumnSpan` (number) - the number or columns the item will take (in a 4 column layout) when inserted to the board. It can't be less than `definition.minColumnSpan`.\n   * * `data` (D) - optional item data which can include the specific configurations of an item, such as its title.\n   */\n  items: ReadonlyArray<ItemsPaletteProps.Item<D>>;\n\n  /**\n   * Specifies a function to render content for a palette item. The return value must include board item component.\n   *\n   * The function takes the item and its associated context (ItemsPaletteProps.ItemContext) that include:\n   * * `showPreview` (boolean) - a flag that indicates if the item's content needs to be rendered in preview mode.\n   */\n  renderItem: (item: ItemsPaletteProps.Item<D>, context: ItemsPaletteProps.ItemContext) => JSX.Element;\n\n  /**\n   * An object containing all the necessary localized strings required by the component.\n   *\n   * Live announcements:\n   * * `liveAnnouncementDndStarted` (string) - live announcement string to indicate start of DnD.\n   * * `liveAnnouncementDndDiscarded` (string) - live announcement string to indicate discard of DnD.\n   */\n  i18nStrings: ItemsPaletteProps.I18nStrings<D>;\n}\n\nexport namespace ItemsPaletteProps {\n  export type Item<D = DataFallbackType> = BoardItemDefinitionBase<D>;\n\n  export interface ItemContext {\n    showPreview: boolean;\n  }\n\n  export interface I18nStrings<D> {\n    liveAnnouncementDndStarted: string;\n    liveAnnouncementDndDiscarded: string;\n    /** @deprecated Has no effect. */\n    navigationAriaLabel: string;\n    /** @deprecated Has no effect. */\n    navigationAriaDescription?: string;\n    /** @deprecated Has no effect. */\n    navigationItemAriaLabel: (item: ItemsPaletteProps.Item<D>) => string;\n  }\n}\n"]}

package/items-palette/internal.js

@@ -8,7 +8,6 @@ import { getDataAttributes } from "../internal/base-component/get-data-attribute
 import { useDragSubscription } from "../internal/dnd-controller/controller";
 import { ItemContainer } from "../internal/item-container";
 import LiveRegion from "../internal/live-region";
-import { ScreenReaderGridNavigation } from "../internal/screenreader-grid-navigation";
 import styles from "./styles.css.js";
 export function InternalItemsPalette({ items, renderItem, i18nStrings, __internalRootRef, ...rest }) {
     const paletteRef = useRef(null);
@@ -16,9 +15,6 @@ export function InternalItemsPalette({ items, renderItem, i18nStrings, __interna
     const [dropState, setDropState] = useState();
     const [announcement, setAnnouncement] = useState("");
     const isRtl = () => getIsRtl(paletteRef.current);
-    function focusItem(itemId) {
-        itemContainerRef.current[itemId].focusDragHandle();
-    }
     useDragSubscription("start", ({ draggableItem: { id } }) => {
         setDropState({ id });
         // Announce only if the target item belongs to the palette.
@@ -52,12 +48,7 @@ export function InternalItemsPalette({ items, renderItem, i18nStrings, __interna
             setDropState(undefined);
         }
     });
-    const itemsLayout = {
-        items: items.map((it, index) => ({ id: it.id, x: 0, y: index, width: 1, height: 1 })),
-        columns: 1,
-        rows: items.length,
-    };
-    return (_jsxs("div", { ref: __internalRootRef, ...getDataAttributes(rest), children: [_jsx(ScreenReaderGridNavigation, { items: items, itemsLayout: itemsLayout, ariaLabel: i18nStrings.navigationAriaLabel, ariaDescription: i18nStrings.navigationAriaDescription, itemAriaLabel: (item) => i18nStrings.navigationItemAriaLabel(item), onActivateItem: focusItem }), _jsx("div", { ref: paletteRef, className: styles.root, children: _jsx(SpaceBetween, { size: "l", children: items.map((item) => (_jsx(ItemContainer, { ref: (elem) => {
+    return (_jsxs("div", { ref: __internalRootRef, ...getDataAttributes(rest), children: [_jsx("div", { ref: paletteRef, className: styles.root, children: _jsx(SpaceBetween, { size: "l", children: items.map((item) => (_jsx(ItemContainer, { ref: (elem) => {
                             if (elem) {
                                 itemContainerRef.current[item.id] = elem;
                             }

package/items-palette/internal.js.map

@@ -1 +1 @@
-{"version":3,"file":"internal.js","sourceRoot":"","sources":["../../../src/items-palette/internal.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { getIsRtl } from \"@cloudscape-design/component-toolkit/internal\";\nimport SpaceBetween from \"@cloudscape-design/components/space-between\";\nimport { useRef, useState } from \"react\";\nimport { getDataAttributes } from \"../internal/base-component/get-data-attributes\";\nimport { InternalBaseComponentProps } from \"../internal/base-component/use-base-component\";\nimport { useDragSubscription } from \"../internal/dnd-controller/controller\";\nimport { ItemId } from \"../internal/interfaces\";\nimport { ItemContainer, ItemContainerRef } from \"../internal/item-container\";\nimport LiveRegion from \"../internal/live-region\";\nimport { ScreenReaderGridNavigation } from \"../internal/screenreader-grid-navigation\";\nimport { ItemsPaletteProps } from \"./interfaces\";\nimport styles from \"./styles.css.js\";\n\nexport function InternalItemsPalette<D>({\n  items,\n  renderItem,\n  i18nStrings,\n  __internalRootRef,\n  ...rest\n}: ItemsPaletteProps<D> & InternalBaseComponentProps) {\n  const paletteRef = useRef<HTMLDivElement>(null);\n  const itemContainerRef = useRef<{ [id: ItemId]: ItemContainerRef }>({});\n  const [dropState, setDropState] = useState<{ id: string }>();\n  const [announcement, setAnnouncement] = useState(\"\");\n\n  const isRtl = () => getIsRtl(paletteRef.current);\n\n  function focusItem(itemId: ItemId) {\n    itemContainerRef.current[itemId].focusDragHandle();\n  }\n\n  useDragSubscription(\"start\", ({ draggableItem: { id } }) => {\n    setDropState({ id });\n\n    // Announce only if the target item belongs to the palette.\n    if (items.some((it) => it.id === id)) {\n      setAnnouncement(i18nStrings.liveAnnouncementDndStarted);\n    } else {\n      setAnnouncement(\"\");\n    }\n  });\n\n  useDragSubscription(\"update\", ({ draggableItem: { id } }) => {\n    setDropState({ id });\n  });\n\n  useDragSubscription(\"submit\", () => {\n    setDropState(undefined);\n\n    // Announce only if the target item belongs to the palette.\n    if (dropState && items.some((it) => it.id === dropState.id)) {\n      setAnnouncement(i18nStrings.liveAnnouncementDndDiscarded);\n    }\n  });\n\n  useDragSubscription(\"discard\", () => {\n    setDropState(undefined);\n\n    // Announce only if the target item belongs to the palette.\n    if (items.some((it) => it.id === dropState?.id)) {\n      setAnnouncement(i18nStrings.liveAnnouncementDndDiscarded);\n    }\n  });\n\n  useDragSubscription(\"acquire\", ({ draggableItem }) => {\n    // \"Disconnect\" target item from the palette if borrowed.\n    if (items.some((it) => it.id === draggableItem.id)) {\n      setDropState(undefined);\n    }\n  });\n\n  const itemsLayout = {\n    items: items.map((it, index) => ({ id: it.id, x: 0, y: index, width: 1, height: 1 })),\n    columns: 1,\n    rows: items.length,\n  };\n\n  return (\n    <div ref={__internalRootRef} {...getDataAttributes(rest)}>\n      <ScreenReaderGridNavigation\n        items={items}\n        itemsLayout={itemsLayout}\n        ariaLabel={i18nStrings.navigationAriaLabel}\n        ariaDescription={i18nStrings.navigationAriaDescription}\n        itemAriaLabel={(item) => i18nStrings.navigationItemAriaLabel(item!)}\n        onActivateItem={focusItem}\n      />\n\n      <div ref={paletteRef} className={styles.root}>\n        <SpaceBetween size=\"l\">\n          {items.map((item) => (\n            <ItemContainer\n              ref={(elem) => {\n                if (elem) {\n                  itemContainerRef.current[item.id] = elem;\n                } else {\n                  delete itemContainerRef.current[item.id];\n                }\n              }}\n              key={item.id}\n              item={item}\n              placed={false}\n              acquired={false}\n              transform={undefined}\n              inTransition={false}\n              getItemSize={(dropContext) => {\n                if (!dropContext) {\n                  throw new Error(\"Invariant violation: cannot query palette item size with no drop context.\");\n                }\n                const { width, height } = dropContext.scale(item);\n                return { width, minWidth: width, maxWidth: width, height, minHeight: height, maxHeight: height };\n              }}\n              isRtl={isRtl}\n            >\n              {(hasDropTarget) => renderItem(item, { showPreview: hasDropTarget })}\n            </ItemContainer>\n          ))}\n        </SpaceBetween>\n      </div>\n\n      <LiveRegion>{announcement}</LiveRegion>\n    </div>\n  );\n}\n"]}
+{"version":3,"file":"internal.js","sourceRoot":"","sources":["../../../src/items-palette/internal.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { getIsRtl } from \"@cloudscape-design/component-toolkit/internal\";\nimport SpaceBetween from \"@cloudscape-design/components/space-between\";\nimport { useRef, useState } from \"react\";\nimport { getDataAttributes } from \"../internal/base-component/get-data-attributes\";\nimport { InternalBaseComponentProps } from \"../internal/base-component/use-base-component\";\nimport { useDragSubscription } from \"../internal/dnd-controller/controller\";\nimport { ItemId } from \"../internal/interfaces\";\nimport { ItemContainer, ItemContainerRef } from \"../internal/item-container\";\nimport LiveRegion from \"../internal/live-region\";\nimport { ItemsPaletteProps } from \"./interfaces\";\nimport styles from \"./styles.css.js\";\n\nexport function InternalItemsPalette<D>({\n  items,\n  renderItem,\n  i18nStrings,\n  __internalRootRef,\n  ...rest\n}: ItemsPaletteProps<D> & InternalBaseComponentProps) {\n  const paletteRef = useRef<HTMLDivElement>(null);\n  const itemContainerRef = useRef<{ [id: ItemId]: ItemContainerRef }>({});\n  const [dropState, setDropState] = useState<{ id: string }>();\n  const [announcement, setAnnouncement] = useState(\"\");\n\n  const isRtl = () => getIsRtl(paletteRef.current);\n\n  useDragSubscription(\"start\", ({ draggableItem: { id } }) => {\n    setDropState({ id });\n\n    // Announce only if the target item belongs to the palette.\n    if (items.some((it) => it.id === id)) {\n      setAnnouncement(i18nStrings.liveAnnouncementDndStarted);\n    } else {\n      setAnnouncement(\"\");\n    }\n  });\n\n  useDragSubscription(\"update\", ({ draggableItem: { id } }) => {\n    setDropState({ id });\n  });\n\n  useDragSubscription(\"submit\", () => {\n    setDropState(undefined);\n\n    // Announce only if the target item belongs to the palette.\n    if (dropState && items.some((it) => it.id === dropState.id)) {\n      setAnnouncement(i18nStrings.liveAnnouncementDndDiscarded);\n    }\n  });\n\n  useDragSubscription(\"discard\", () => {\n    setDropState(undefined);\n\n    // Announce only if the target item belongs to the palette.\n    if (items.some((it) => it.id === dropState?.id)) {\n      setAnnouncement(i18nStrings.liveAnnouncementDndDiscarded);\n    }\n  });\n\n  useDragSubscription(\"acquire\", ({ draggableItem }) => {\n    // \"Disconnect\" target item from the palette if borrowed.\n    if (items.some((it) => it.id === draggableItem.id)) {\n      setDropState(undefined);\n    }\n  });\n\n  return (\n    <div ref={__internalRootRef} {...getDataAttributes(rest)}>\n      <div ref={paletteRef} className={styles.root}>\n        <SpaceBetween size=\"l\">\n          {items.map((item) => (\n            <ItemContainer\n              ref={(elem) => {\n                if (elem) {\n                  itemContainerRef.current[item.id] = elem;\n                } else {\n                  delete itemContainerRef.current[item.id];\n                }\n              }}\n              key={item.id}\n              item={item}\n              placed={false}\n              acquired={false}\n              transform={undefined}\n              inTransition={false}\n              getItemSize={(dropContext) => {\n                if (!dropContext) {\n                  throw new Error(\"Invariant violation: cannot query palette item size with no drop context.\");\n                }\n                const { width, height } = dropContext.scale(item);\n                return { width, minWidth: width, maxWidth: width, height, minHeight: height, maxHeight: height };\n              }}\n              isRtl={isRtl}\n            >\n              {(hasDropTarget) => renderItem(item, { showPreview: hasDropTarget })}\n            </ItemContainer>\n          ))}\n        </SpaceBetween>\n      </div>\n\n      <LiveRegion>{announcement}</LiveRegion>\n    </div>\n  );\n}\n"]}

package/package.json

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

package/internal/screenreader-grid-navigation/index.d.ts

@@ -1,22 +0,0 @@
-/// <reference types="react" />
-import { GridLayout, ItemId } from "../interfaces";
-export interface ScreenReaderGridNavigationProps<Item> {
-    items: readonly Item[];
-    itemsLayout: GridLayout;
-    ariaLabel: string;
-    ariaDescription?: string;
-    itemAriaLabel: (item: null | Item) => string;
-    onActivateItem: (itemId: ItemId) => void;
-}
-/**
- * The component provides a native screen-reader grid navigation for board items.
- * A separate navigation component is used because the navigation requires a table or table-like
- * DOM structure while the board uses CSS grid.
- *
- * The screen-reader navigation component is hidden and don't have a tab stop, however, it can be focused
- * programmatically or with a screen-reader. When focused with a screen-reader the component becomes visible
- * so that it can be clicked (e.g. the VO can imitate clicks on the elements under VO cursor with VO+Space).
- */
-export declare function ScreenReaderGridNavigation<Item extends {
-    id: string;
-}>({ items, itemsLayout, ariaLabel, ariaDescription, itemAriaLabel, onActivateItem, }: ScreenReaderGridNavigationProps<Item>): JSX.Element;

package/internal/screenreader-grid-navigation/index.js

@@ -1,43 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
-// SPDX-License-Identifier: Apache-2.0
-import { useId, useMemo, useState } from "react";
-import ScreenreaderOnly from "../screenreader-only";
-import styles from "./styles.css.js";
-/**
- * The component provides a native screen-reader grid navigation for board items.
- * A separate navigation component is used because the navigation requires a table or table-like
- * DOM structure while the board uses CSS grid.
- *
- * The screen-reader navigation component is hidden and don't have a tab stop, however, it can be focused
- * programmatically or with a screen-reader. When focused with a screen-reader the component becomes visible
- * so that it can be clicked (e.g. the VO can imitate clicks on the elements under VO cursor with VO+Space).
- */
-export function ScreenReaderGridNavigation({ items, itemsLayout, ariaLabel, ariaDescription, itemAriaLabel, onActivateItem, }) {
-    const [isNavigationFocused, setIsNavigationFocused] = useState(false);
-    const className = isNavigationFocused
-        ? styles["screen-reader-navigation-visible"]
-        : styles["screen-reader-navigation-hidden"];
-    const tableId = useId();
-    const navigationDescriptionId = useId();
-    const getItem = useMemo(() => {
-        const itemById = new Map(items.map((it) => [it.id, it]));
-        return (id) => { var _a; return (id ? (_a = itemById.get(id)) !== null && _a !== void 0 ? _a : null : null); };
-    }, [items]);
-    const layout = [];
-    function makeNewRow() {
-        layout.push([...Array(itemsLayout.columns)].map(() => null));
-    }
-    for (const item of itemsLayout.items) {
-        for (let y = item.y; y < item.y + item.height; y++) {
-            while (layout.length <= y) {
-                makeNewRow();
-            }
-            for (let x = item.x; x < item.x + item.width; x++) {
-                layout[y][x] = item.id;
-            }
-        }
-    }
-    return (_jsxs("div", { role: "navigation", "aria-labelledby": tableId, "aria-describedby": ariaDescription ? navigationDescriptionId : undefined, className: className, children: [_jsx("table", { id: tableId, role: "grid", "aria-label": ariaLabel, "aria-describedby": ariaDescription ? navigationDescriptionId : undefined, children: _jsx("tbody", { children: layout.map((row, rowIndex) => (_jsx("tr", { role: "row", children: row.map((itemId, cellIndex) => (_jsx("td", { role: "gridcell", children: itemId ? (_jsx("button", { tabIndex: -1, onClick: () => itemId && onActivateItem(itemId), onFocus: () => setIsNavigationFocused(true), onBlur: () => setIsNavigationFocused(false), children: itemAriaLabel(getItem(itemId)) })) : (itemAriaLabel(getItem(itemId))) }, cellIndex))) }, rowIndex))) }) }), ariaDescription && _jsx(ScreenreaderOnly, { id: navigationDescriptionId, children: ariaDescription })] }));
-}
-//# sourceMappingURL=index.js.map

package/internal/screenreader-grid-navigation/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/internal/screenreader-grid-navigation/index.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { useId, useMemo, useState } from \"react\";\nimport { GridLayout, ItemId } from \"../interfaces\";\nimport ScreenreaderOnly from \"../screenreader-only\";\n\nimport styles from \"./styles.css.js\";\n\nexport interface ScreenReaderGridNavigationProps<Item> {\n  items: readonly Item[];\n  itemsLayout: GridLayout;\n  ariaLabel: string;\n  ariaDescription?: string;\n  itemAriaLabel: (item: null | Item) => string;\n  onActivateItem: (itemId: ItemId) => void;\n}\n\n/**\n * The component provides a native screen-reader grid navigation for board items.\n * A separate navigation component is used because the navigation requires a table or table-like\n * DOM structure while the board uses CSS grid.\n *\n * The screen-reader navigation component is hidden and don't have a tab stop, however, it can be focused\n * programmatically or with a screen-reader. When focused with a screen-reader the component becomes visible\n * so that it can be clicked (e.g. the VO can imitate clicks on the elements under VO cursor with VO+Space).\n */\nexport function ScreenReaderGridNavigation<Item extends { id: string }>({\n  items,\n  itemsLayout,\n  ariaLabel,\n  ariaDescription,\n  itemAriaLabel,\n  onActivateItem,\n}: ScreenReaderGridNavigationProps<Item>) {\n  const [isNavigationFocused, setIsNavigationFocused] = useState(false);\n  const className = isNavigationFocused\n    ? styles[\"screen-reader-navigation-visible\"]\n    : styles[\"screen-reader-navigation-hidden\"];\n\n  const tableId = useId();\n  const navigationDescriptionId = useId();\n\n  const getItem = useMemo(() => {\n    const itemById = new Map(items.map((it) => [it.id, it]));\n    return (id: null | ItemId) => (id ? itemById.get(id) ?? null : null);\n  }, [items]);\n\n  const layout: (null | ItemId)[][] = [];\n\n  function makeNewRow() {\n    layout.push([...Array(itemsLayout.columns)].map(() => null));\n  }\n\n  for (const item of itemsLayout.items) {\n    for (let y = item.y; y < item.y + item.height; y++) {\n      while (layout.length <= y) {\n        makeNewRow();\n      }\n      for (let x = item.x; x < item.x + item.width; x++) {\n        layout[y][x] = item.id;\n      }\n    }\n  }\n\n  return (\n    <div\n      role=\"navigation\"\n      aria-labelledby={tableId}\n      aria-describedby={ariaDescription ? navigationDescriptionId : undefined}\n      className={className}\n    >\n      <table\n        id={tableId}\n        role=\"grid\"\n        aria-label={ariaLabel}\n        aria-describedby={ariaDescription ? navigationDescriptionId : undefined}\n      >\n        <tbody>\n          {layout.map((row, rowIndex) => (\n            <tr role=\"row\" key={rowIndex}>\n              {row.map((itemId, cellIndex) => (\n                <td role=\"gridcell\" key={cellIndex}>\n                  {itemId ? (\n                    <button\n                      tabIndex={-1}\n                      onClick={() => itemId && onActivateItem(itemId)}\n                      onFocus={() => setIsNavigationFocused(true)}\n                      onBlur={() => setIsNavigationFocused(false)}\n                    >\n                      {itemAriaLabel(getItem(itemId))}\n                    </button>\n                  ) : (\n                    itemAriaLabel(getItem(itemId))\n                  )}\n                </td>\n              ))}\n            </tr>\n          ))}\n        </tbody>\n      </table>\n\n      {ariaDescription && <ScreenreaderOnly id={navigationDescriptionId}>{ariaDescription}</ScreenreaderOnly>}\n    </div>\n  );\n}\n"]}

package/internal/screenreader-grid-navigation/styles.css.js

@@ -1,7 +0,0 @@
-
-    import './styles.scoped.css';
-    export default {
-  "screen-reader-navigation-hidden": "awsui_screen-reader-navigation-hidden_1wuib_1u63w_1",
-  "screen-reader-navigation-visible": "awsui_screen-reader-navigation-visible_1wuib_1u63w_6"
-};
-  

package/internal/screenreader-grid-navigation/styles.scoped.css

@@ -1,13 +0,0 @@
-.awsui_screen-reader-navigation-hidden_1wuib_1u63w_1:not(#\9) {
-  position: absolute !important;
-  clip-path: circle(0);
-}
-
-.awsui_screen-reader-navigation-visible_1wuib_1u63w_6:not(#\9) {
-  position: fixed;
-  background: white;
-  padding-block: 8px;
-  padding-inline: 8px;
-  border: 1px solid black;
-  z-index: 10001;
-}

package/internal/screenreader-grid-navigation/styles.selectors.js

@@ -1,8 +0,0 @@
-
-    // es-module interop with Babel and Typescript
-    Object.defineProperty(exports, "__esModule", { value: true });
-    module.exports.default = {
-  "screen-reader-navigation-hidden": "awsui_screen-reader-navigation-hidden_1wuib_1u63w_1",
-  "screen-reader-navigation-visible": "awsui_screen-reader-navigation-visible_1wuib_1u63w_6"
-};
-