@cloudscape-design/components 3.0.840 → 3.0.842

package/internal/components/dnd-container/use-drag-and-drop-reorder.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-drag-and-drop-reorder.js","sourceRoot":"","sources":["../../../../../src/internal/components/dnd-container/use-drag-and-drop-reorder.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAc,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAChD,OAAO,EAEL,aAAa,EAIb,aAAa,EAEb,SAAS,EACT,UAAU,GACX,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAGpD,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAEnD,IAAK,YAQJ;AARD,WAAK,YAAY;IACf,+BAAe,CAAA;IACf,kCAAkB,CAAA;IAClB,oCAAoB,CAAA;IACpB,kCAAkB,CAAA;IAClB,8BAAc,CAAA;IACd,8BAAc,CAAA;IACd,+BAAe,CAAA;AACjB,CAAC,EARI,YAAY,KAAZ,YAAY,QAQhB;AAED,0EAA0E;AAC1E,8EAA8E;AAC9E,qBAAqB;AAErB,2EAA2E;AAC3E,8EAA8E;AAC9E,2EAA2E;AAC3E,sBAAsB;AAEtB,0EAA0E;AAC1E,4EAA4E;AAC5E,yBAAyB;AAEzB,wEAAwE;AACxE,yEAAyE;AACzE,+CAA+C;AAE/C,MAAM,CAAC,OAAO,UAAU,qBAAqB,CAAS,EAAE,aAAa,EAAE,KAAK,EAA0B;IACpG,MAAM,UAAU,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IACjC,MAAM,aAAa,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC;IAChC,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAA0B,IAAI,CAAC,CAAC;IAEhF,MAAM,aAAa,GAAG,CAAC,EAA2B,EAAE,EAAE;QACpD,eAAe,CAAC,EAAE,CAAC,CAAC;QACpB,IAAI,CAAC,EAAE,EAAE;YACP,UAAU,CAAC,OAAO,GAAG,KAAK,CAAC;YAC3B,aAAa,CAAC,OAAO,GAAG,CAAC,CAAC;SAC3B;IACH,CAAC,CAAC;IAEF,MAAM,aAAa,GAAG,CAAC,KAA0B,EAAE,EAAE;QACnD,IAAI,UAAU,CAAC,OAAO,IAAI,YAAY,EAAE;YACtC,MAAM,kBAAkB,GACtB,aAAa,CAAC,SAAS,CAAC,MAAM,CAAC,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,YAAY,CAAC,GAAG,aAAa,CAAC,OAAO,CAAC;YAC5F,IAAI,KAAK,CAAC,GAAG,KAAK,WAAW,IAAI,kBAAkB,GAAG,aAAa,CAAC,MAAM,GAAG,CAAC,EAAE;gBAC9E,aAAa,CAAC,OAAO,IAAI,CAAC,CAAC;aAC5B;iBAAM,IAAI,KAAK,CAAC,GAAG,KAAK,SAAS,IAAI,kBAAkB,GAAG,CAAC,EAAE;gBAC5D,aAAa,CAAC,OAAO,IAAI,CAAC,CAAC;aAC5B;SACF;QACD,IAAI,YAAY,IAAI,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAC,EAAE;YACvC,6EAA6E;YAC7E,KAAK,CAAC,eAAe,EAAE,CAAC;SACzB;IACH,CAAC,CAAC;IAEF,MAAM,YAAY,GAAG,CAAC,MAAc,EAAE,EAAE;QACtC,IAAI,aAAa,CAAC,OAAO,KAAK,CAAC,EAAE;YAC/B,OAAO,MAAM,CAAC,EAAE,CAAC;SAClB;QACD,MAAM,YAAY,GAAG,aAAa,CAAC,SAAS,CAAC,MAAM,CAAC,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,MAAM,CAAC,EAAE,CAAC,CAAC;QACpF,MAAM,QAAQ,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,aAAa,CAAC,MAAM,GAAG,CAAC,EAAE,YAAY,GAAG,aAAa,CAAC,OAAO,CAAC,CAAC,CAAC;QACvG,OAAO,KAAK,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC,CAAC;IACxC,CAAC,CAAC;IAEF,MAAM,kBAAkB,GAAuB,CAAC,EAC9C,MAAM,EACN,aAAa,EACb,mBAAmB,EACnB,cAAc,EACd,kBAAkB,GACnB,EAAE,EAAE;QACH,IAAI,UAAU,CAAC,OAAO,EAAE;YACtB,6GAA6G;YAC7G,mBAAmB;YACnB,MAAM,kBAAkB,GAAG,qBAAqB,CAAC;gBAC/C,QAAQ,EAAE,MAAM,CAAC,EAAE;gBACnB,SAAS,EAAE,YAAY,CAAC,MAAM,CAAC;gBAC/B,mBAAmB;aACpB,CAAC,CAAC;YACH,OAAO,kBAAkB,CAAC,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;SACvD;aAAM;YACL,0DAA0D;YAC1D,OAAO,aAAa,CAAC,EAAE,MAAM,EAAE,aAAa,EAAE,cAAc,EAAE,mBAAmB,EAAE,kBAAkB,EAAE,CAAC,CAAC;SAC1G;IACH,CAAC,CAAC;IAEF,MAAM,gBAAgB,GAA6B,CACjD,KAAK,EACL,EAAE,OAAO,EAAE,EAAE,MAAM,EAAE,aAAa,EAAE,cAAc,EAAE,mBAAmB,EAAE,EAAE,EAC3E,EAAE;QACF,IAAI,KAAK,CAAC,IAAI,KAAK,YAAY,CAAC,EAAE,IAAI,KAAK,CAAC,IAAI,KAAK,YAAY,CAAC,IAAI,EAAE;YACtE,KAAK,CAAC,cAAc,EAAE,CAAC;YAEvB,IAAI,CAAC,MAAM,IAAI,CAAC,aAAa,EAAE;gBAC7B,OAAO;aACR;YAED,MAAM,SAAS,GAAG,YAAY,CAAC,MAAM,CAAC,CAAC;YAEvC,IAAI,SAAS,KAAK,IAAI,EAAE;gBACtB,MAAM,eAAe,GAAG,mBAAmB,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC;gBAC3D,MAAM,YAAY,GAAG,mBAAmB,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC;gBACxD,MAAM,OAAO,GAAG,YAAY,CAAC,CAAC,CAAC,cAAc,CAAC,GAAG,CAAC,YAAY,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;gBAC1E,MAAM,OAAO,GAAG,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,IAAI,CAAC,OAAO,CAAC;gBAE3C,IAAI,OAAO,IAAI,OAAO,IAAI,eAAe,IAAI,YAAY,EAAE;oBACzD,MAAM,aAAa,GAAG,OAAO,CAAC,eAAe,EAAE,YAAY,CAAC,CAAC;oBAC7D,MAAM,MAAM,GAAG;wBACb,CAAC,EAAE,aAAa,CAAC,CAAC,CAAC,aAAa,CAAC,KAAK,GAAG,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;wBAC1D,CAAC,EAAE,aAAa,CAAC,CAAC,CAAC,aAAa,CAAC,MAAM,GAAG,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;qBAC7D,CAAC;oBACF,MAAM,eAAe,GAAG;wBACtB,CAAC,EAAE,OAAO,CAAC,IAAI;wBACf,CAAC,EAAE,OAAO,CAAC,GAAG;qBACf,CAAC;oBAEF,OAAO;wBACL,CAAC,EAAE,eAAe,CAAC,CAAC,GAAG,MAAM,CAAC,CAAC;wBAC/B,CAAC,EAAE,eAAe,CAAC,CAAC,GAAG,MAAM,CAAC,CAAC;qBAChC,CAAC;iBACH;aACF;SACF;IACH,CAAC,CAAC;IAEF,MAAM,OAAO,GAAG,UAAU,CACxB,SAAS,CAAC,aAAa,CAAC,EACxB,SAAS,CAAC,cAAc,EAAE;QACxB,gBAAgB;QAChB,YAAY,EAAE,GAAG,EAAE;YACjB,UAAU,CAAC,OAAO,GAAG,IAAI,CAAC;QAC5B,CAAC;KACF,CAAC,CACH,CAAC;IAEF,OAAO;QACL,UAAU,EAAE,YAAY;QACxB,kBAAkB;QAClB,gBAAgB;QAChB,aAAa;QACb,OAAO;QACP,aAAa;KACd,CAAC;AACJ,CAAC;AAED,SAAS,OAAO,CAAC,CAAqB,EAAE,CAAqB;IAC3D,OAAO,eAAe,CAAC,CAAC,CAAC,IAAI,eAAe,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,KAAK,GAAG,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAC;AACnH,CAAC;AAED,SAAS,qBAAqB,CAAC,EAC7B,QAAQ,EACR,SAAS,EACT,mBAAmB,GAKpB;IACC,IAAI,SAAS,KAAK,QAAQ,EAAE;QAC1B,OAAO;KACR;IACD,MAAM,kBAAkB,GAAG,mBAAmB,CAAC,IAAI,CAAC,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,KAAK,SAAS,CAAC,CAAC;IAClF,IAAI,kBAAkB,EAAE;QACtB,OAAO;YACL,EAAE,EAAE,kBAAkB,CAAC,EAAE;YACzB,IAAI,EAAE;gBACJ,kBAAkB,EAAE,kBAAkB;gBACtC,KAAK,EAAE,CAAC;aACT;SACF,CAAC;KACH;AACH,CAAC;AAED,MAAM,QAAQ,GAAG,CAAC,GAAW,EAAE,EAAE,CAAC,GAAG,KAAK,QAAQ,IAAI,GAAG,KAAK,KAAK,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { useRef, useState } from 'react';\nimport {\n  Active,\n  closestCenter,\n  CollisionDetection,\n  DroppableContainer,\n  KeyboardCoordinateGetter,\n  PointerSensor,\n  UniqueIdentifier,\n  useSensor,\n  useSensors,\n} from '@dnd-kit/core';\nimport { hasSortableData } from '@dnd-kit/sortable';\n\nimport { ReorderOptions } from './interfaces';\nimport { KeyboardSensor } from './keyboard-sensor';\n\nenum KeyboardCode {\n  Space = 'Space',\n  Down = 'ArrowDown',\n  Right = 'ArrowRight',\n  Left = 'ArrowLeft',\n  Up = 'ArrowUp',\n  Esc = 'Escape',\n  Enter = 'Enter',\n}\n\n// A custom collision detection algorithm is used when using a keyboard to\n// work around an unexpected behavior when reordering items of variable height\n// with the keyboard.\n\n// Neither closestCenter nor closestCorners work really well for this case,\n// because the center (or corners) of a tall rectangle might be so low that it\n// is detected as being closest to the rectangle below of the one it should\n// actually swap with.\n\n// Instead of relying on coordinates, the expected results are achieved by\n// moving X positions up or down in the initially sorted array, depending on\n// the desired direction.\n\n// We let our collisionDetection and customCoordinateGetter use the same\n// getClosestId function which takes its value from the current component\n// state, to make sure they are always in sync.\n\nexport default function useDragAndDropReorder<Option>({ sortedOptions, getId }: ReorderOptions<Option>) {\n  const isKeyboard = useRef(false);\n  const positionDelta = useRef(0);\n  const [activeItemId, setActiveItemId] = useState<UniqueIdentifier | null>(null);\n\n  const setActiveItem = (id: UniqueIdentifier | null) => {\n    setActiveItemId(id);\n    if (!id) {\n      isKeyboard.current = false;\n      positionDelta.current = 0;\n    }\n  };\n\n  const handleKeyDown = (event: React.KeyboardEvent) => {\n    if (isKeyboard.current && activeItemId) {\n      const currentTargetIndex =\n        sortedOptions.findIndex(option => getId(option) === activeItemId) + positionDelta.current;\n      if (event.key === 'ArrowDown' && currentTargetIndex < sortedOptions.length - 1) {\n        positionDelta.current += 1;\n      } else if (event.key === 'ArrowUp' && currentTargetIndex > 0) {\n        positionDelta.current -= 1;\n      }\n    }\n    if (activeItemId && isEscape(event.key)) {\n      // Prevent modal from closing when pressing Esc to cancel the dragging action\n      event.stopPropagation();\n    }\n  };\n\n  const getClosestId = (active: Active) => {\n    if (positionDelta.current === 0) {\n      return active.id;\n    }\n    const currentIndex = sortedOptions.findIndex(option => getId(option) === active.id);\n    const newIndex = Math.max(0, Math.min(sortedOptions.length - 1, currentIndex + positionDelta.current));\n    return getId(sortedOptions[newIndex]);\n  };\n\n  const collisionDetection: CollisionDetection = ({\n    active,\n    collisionRect,\n    droppableContainers,\n    droppableRects,\n    pointerCoordinates,\n  }) => {\n    if (isKeyboard.current) {\n      // For keyboard interaction, determine the colliding container based on the movements made by the arrow keys,\n      // via getClosestId\n      const collidingContainer = getCollidingContainer({\n        activeId: active.id,\n        closestId: getClosestId(active),\n        droppableContainers,\n      });\n      return collidingContainer ? [collidingContainer] : [];\n    } else {\n      // For mouse interaction, use the closest center algorithm\n      return closestCenter({ active, collisionRect, droppableRects, droppableContainers, pointerCoordinates });\n    }\n  };\n\n  const coordinateGetter: KeyboardCoordinateGetter = (\n    event,\n    { context: { active, collisionRect, droppableRects, droppableContainers } }\n  ) => {\n    if (event.code === KeyboardCode.Up || event.code === KeyboardCode.Down) {\n      event.preventDefault();\n\n      if (!active || !collisionRect) {\n        return;\n      }\n\n      const closestId = getClosestId(active);\n\n      if (closestId !== null) {\n        const activeDroppable = droppableContainers.get(active.id);\n        const newDroppable = droppableContainers.get(closestId);\n        const newRect = newDroppable ? droppableRects.get(newDroppable.id) : null;\n        const newNode = newDroppable?.node.current;\n\n        if (newNode && newRect && activeDroppable && newDroppable) {\n          const isAfterActive = isAfter(activeDroppable, newDroppable);\n          const offset = {\n            x: isAfterActive ? collisionRect.width - newRect.width : 0,\n            y: isAfterActive ? collisionRect.height - newRect.height : 0,\n          };\n          const rectCoordinates = {\n            x: newRect.left,\n            y: newRect.top,\n          };\n\n          return {\n            x: rectCoordinates.x - offset.x,\n            y: rectCoordinates.y - offset.y,\n          };\n        }\n      }\n    }\n  };\n\n  const sensors = useSensors(\n    useSensor(PointerSensor),\n    useSensor(KeyboardSensor, {\n      coordinateGetter,\n      onActivation: () => {\n        isKeyboard.current = true;\n      },\n    })\n  );\n\n  return {\n    activeItem: activeItemId,\n    collisionDetection,\n    coordinateGetter,\n    handleKeyDown,\n    sensors,\n    setActiveItem,\n  };\n}\n\nfunction isAfter(a: DroppableContainer, b: DroppableContainer) {\n  return hasSortableData(a) && hasSortableData(b) && a.data.current.sortable.index < b.data.current.sortable.index;\n}\n\nfunction getCollidingContainer({\n  activeId,\n  closestId,\n  droppableContainers,\n}: {\n  activeId: UniqueIdentifier;\n  closestId: UniqueIdentifier;\n  droppableContainers: DroppableContainer[];\n}) {\n  if (closestId === activeId) {\n    return;\n  }\n  const collidingContainer = droppableContainers.find(({ id }) => id === closestId);\n  if (collidingContainer) {\n    return {\n      id: collidingContainer.id,\n      data: {\n        droppableContainer: collidingContainer,\n        value: 0,\n      },\n    };\n  }\n}\n\nconst isEscape = (key: string) => key === 'Escape' || key === 'Esc';\n"]}

package/internal/components/dnd-container/use-live-announcements.d.ts

@@ -0,0 +1,11 @@
+import { DragEndEvent, DragOverEvent, DragStartEvent } from '@dnd-kit/core';
+import { ReorderAnnouncements, ReorderOptions } from './interfaces';
+export default function useLiveAnnouncements<Option>({ isDragging, liveAnnouncementDndStarted, liveAnnouncementDndItemReordered, liveAnnouncementDndItemCommitted, liveAnnouncementDndDiscarded, sortedOptions, getId, }: ReorderOptions<Option> & ReorderAnnouncements & {
+    isDragging: boolean;
+}): {
+    onDragStart({ active }: DragStartEvent): string | undefined;
+    onDragOver({ active, over }: DragOverEvent): string | undefined;
+    onDragEnd({ active, over }: DragEndEvent): string | undefined;
+    onDragCancel(): string | undefined;
+};
+//# sourceMappingURL=use-live-announcements.d.ts.map

package/internal/components/dnd-container/use-live-announcements.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-live-announcements.d.ts","sourceRoot":"","sources":["../../../../../src/internal/components/dnd-container/use-live-announcements.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAE5E,OAAO,EAAE,oBAAoB,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAEpE,MAAM,CAAC,OAAO,UAAU,oBAAoB,CAAC,MAAM,EAAE,EACnD,UAAU,EACV,0BAA0B,EAC1B,gCAAgC,EAChC,gCAAgC,EAChC,4BAA4B,EAC5B,aAAa,EACb,KAAK,GACN,EAAE,cAAc,CAAC,MAAM,CAAC,GAAG,oBAAoB,GAAG;IAAE,UAAU,EAAE,OAAO,CAAA;CAAE;4BAO9C,cAAc;iCAMT,aAAa;gCAcd,YAAY;;EAW3C"}

package/{collection-preferences/content-display → internal/components/dnd-container}/use-live-announcements.js

@@ -1,7 +1,7 @@
 // Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
 // SPDX-License-Identifier: Apache-2.0
 import { useRef } from 'react';
-export default function useLiveAnnouncements({ isDragging, liveAnnouncementDndStarted, liveAnnouncementDndItemReordered, liveAnnouncementDndItemCommitted, liveAnnouncementDndDiscarded, sortedOptions, }) {
+export default function useLiveAnnouncements({ isDragging, liveAnnouncementDndStarted, liveAnnouncementDndItemReordered, liveAnnouncementDndItemCommitted, liveAnnouncementDndDiscarded, sortedOptions, getId, }) {
     const isFirstAnnouncement = useRef(true);
     if (!isDragging) {
         isFirstAnnouncement.current = true;
@@ -9,7 +9,7 @@ export default function useLiveAnnouncements({ isDragging, liveAnnouncementDndSt
     return {
         onDragStart({ active }) {
             if (active && liveAnnouncementDndStarted) {
-                const index = sortedOptions.findIndex(option => option.id === active.id);
+                const index = sortedOptions.findIndex(option => getId(option) === active.id);
                 return liveAnnouncementDndStarted(index + 1, sortedOptions.length);
             }
         },
@@ -22,15 +22,15 @@ export default function useLiveAnnouncements({ isDragging, liveAnnouncementDndSt
                         return;
                     }
                 }
-                const initialIndex = sortedOptions.findIndex(option => option.id === active.id);
-                const currentIdex = over ? sortedOptions.findIndex(option => option.id === over.id) : initialIndex;
+                const initialIndex = sortedOptions.findIndex(option => getId(option) === active.id);
+                const currentIdex = over ? sortedOptions.findIndex(option => getId(option) === over.id) : initialIndex;
                 return liveAnnouncementDndItemReordered(initialIndex + 1, currentIdex + 1, sortedOptions.length);
             }
         },
         onDragEnd({ active, over }) {
             if (liveAnnouncementDndItemCommitted) {
-                const initialIndex = sortedOptions.findIndex(option => option.id === active.id);
-                const finalIndex = over ? sortedOptions.findIndex(option => option.id === over.id) : initialIndex;
+                const initialIndex = sortedOptions.findIndex(option => getId(option) === active.id);
+                const finalIndex = over ? sortedOptions.findIndex(option => getId(option) === over.id) : initialIndex;
                 return liveAnnouncementDndItemCommitted(initialIndex + 1, finalIndex + 1, sortedOptions.length);
             }
         },

package/internal/components/dnd-container/use-live-announcements.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-live-announcements.js","sourceRoot":"","sources":["../../../../../src/internal/components/dnd-container/use-live-announcements.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AAEtC,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAK/B,MAAM,CAAC,OAAO,UAAU,oBAAoB,CAAS,EACnD,UAAU,EACV,0BAA0B,EAC1B,gCAAgC,EAChC,gCAAgC,EAChC,4BAA4B,EAC5B,aAAa,EACb,KAAK,GACmE;IACxE,MAAM,mBAAmB,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;IACzC,IAAI,CAAC,UAAU,EAAE;QACf,mBAAmB,CAAC,OAAO,GAAG,IAAI,CAAC;KACpC;IAED,OAAO;QACL,WAAW,CAAC,EAAE,MAAM,EAAkB;YACpC,IAAI,MAAM,IAAI,0BAA0B,EAAE;gBACxC,MAAM,KAAK,GAAG,aAAa,CAAC,SAAS,CAAC,MAAM,CAAC,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,MAAM,CAAC,EAAE,CAAC,CAAC;gBAC7E,OAAO,0BAA0B,CAAC,KAAK,GAAG,CAAC,EAAE,aAAa,CAAC,MAAM,CAAC,CAAC;aACpE;QACH,CAAC;QACD,UAAU,CAAC,EAAE,MAAM,EAAE,IAAI,EAAiB;YACxC,IAAI,gCAAgC,EAAE;gBACpC,gFAAgF;gBAChF,IAAI,mBAAmB,CAAC,OAAO,EAAE;oBAC/B,mBAAmB,CAAC,OAAO,GAAG,KAAK,CAAC;oBACpC,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,EAAE,KAAK,MAAM,CAAC,EAAE,EAAE;wBAClC,OAAO;qBACR;iBACF;gBACD,MAAM,YAAY,GAAG,aAAa,CAAC,SAAS,CAAC,MAAM,CAAC,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,MAAM,CAAC,EAAE,CAAC,CAAC;gBACpF,MAAM,WAAW,GAAG,IAAI,CAAC,CAAC,CAAC,aAAa,CAAC,SAAS,CAAC,MAAM,CAAC,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,IAAI,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC;gBACvG,OAAO,gCAAgC,CAAC,YAAY,GAAG,CAAC,EAAE,WAAW,GAAG,CAAC,EAAE,aAAa,CAAC,MAAM,CAAC,CAAC;aAClG;QACH,CAAC;QACD,SAAS,CAAC,EAAE,MAAM,EAAE,IAAI,EAAgB;YACtC,IAAI,gCAAgC,EAAE;gBACpC,MAAM,YAAY,GAAG,aAAa,CAAC,SAAS,CAAC,MAAM,CAAC,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,MAAM,CAAC,EAAE,CAAC,CAAC;gBACpF,MAAM,UAAU,GAAG,IAAI,CAAC,CAAC,CAAC,aAAa,CAAC,SAAS,CAAC,MAAM,CAAC,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,IAAI,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC;gBACtG,OAAO,gCAAgC,CAAC,YAAY,GAAG,CAAC,EAAE,UAAU,GAAG,CAAC,EAAE,aAAa,CAAC,MAAM,CAAC,CAAC;aACjG;QACH,CAAC;QACD,YAAY;YACV,OAAO,4BAA4B,CAAC;QACtC,CAAC;KACF,CAAC;AACJ,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { useRef } from 'react';\nimport { DragEndEvent, DragOverEvent, DragStartEvent } from '@dnd-kit/core';\n\nimport { ReorderAnnouncements, ReorderOptions } from './interfaces';\n\nexport default function useLiveAnnouncements<Option>({\n  isDragging,\n  liveAnnouncementDndStarted,\n  liveAnnouncementDndItemReordered,\n  liveAnnouncementDndItemCommitted,\n  liveAnnouncementDndDiscarded,\n  sortedOptions,\n  getId,\n}: ReorderOptions<Option> & ReorderAnnouncements & { isDragging: boolean }) {\n  const isFirstAnnouncement = useRef(true);\n  if (!isDragging) {\n    isFirstAnnouncement.current = true;\n  }\n\n  return {\n    onDragStart({ active }: DragStartEvent) {\n      if (active && liveAnnouncementDndStarted) {\n        const index = sortedOptions.findIndex(option => getId(option) === active.id);\n        return liveAnnouncementDndStarted(index + 1, sortedOptions.length);\n      }\n    },\n    onDragOver({ active, over }: DragOverEvent) {\n      if (liveAnnouncementDndItemReordered) {\n        // Don't announce on the first dragOver because it's redundant with onDragStart.\n        if (isFirstAnnouncement.current) {\n          isFirstAnnouncement.current = false;\n          if (!over || over.id === active.id) {\n            return;\n          }\n        }\n        const initialIndex = sortedOptions.findIndex(option => getId(option) === active.id);\n        const currentIdex = over ? sortedOptions.findIndex(option => getId(option) === over.id) : initialIndex;\n        return liveAnnouncementDndItemReordered(initialIndex + 1, currentIdex + 1, sortedOptions.length);\n      }\n    },\n    onDragEnd({ active, over }: DragEndEvent) {\n      if (liveAnnouncementDndItemCommitted) {\n        const initialIndex = sortedOptions.findIndex(option => getId(option) === active.id);\n        const finalIndex = over ? sortedOptions.findIndex(option => getId(option) === over.id) : initialIndex;\n        return liveAnnouncementDndItemCommitted(initialIndex + 1, finalIndex + 1, sortedOptions.length);\n      }\n    },\n    onDragCancel() {\n      return liveAnnouncementDndDiscarded;\n    },\n  };\n}\n"]}

package/internal/components/dropdown/dropdown-fit-handler.d.ts

@@ -1,10 +1,4 @@
 import { BoundingBox } from '../../utils/scrollable-containers';
-interface AvailableSpace {
-    blockStart: number;
-    blockEnd: number;
-    inlineStart: number;
-    inlineEnd: number;
-}
 export interface DropdownPosition {
     blockSize: string;
     inlineSize: string;
@@ -17,28 +11,6 @@ export interface InteriorDropdownPosition extends DropdownPosition {
     insetBlockStart: string;
 }
 export declare const defaultMaxDropdownWidth: number;
-export declare const getAvailableSpace: ({ trigger, overflowParents, stretchWidth, stretchHeight, isMobile, }: {
-    trigger: HTMLElement;
-    overflowParents: ReadonlyArray<BoundingBox>;
-    stretchWidth?: boolean | undefined;
-    stretchHeight?: boolean | undefined;
-    isMobile?: boolean | undefined;
-}) => AvailableSpace;
-export declare const getInteriorAvailableSpace: ({ trigger, overflowParents, isMobile, }: {
-    trigger: HTMLElement;
-    overflowParents: ReadonlyArray<BoundingBox>;
-    isMobile?: boolean | undefined;
-}) => AvailableSpace;
-export declare const getWidths: ({ triggerElement, dropdownElement, desiredMinWidth, stretchBeyondTriggerWidth, }: {
-    triggerElement: HTMLElement;
-    dropdownElement: HTMLElement;
-    desiredMinWidth?: number | undefined;
-    stretchBeyondTriggerWidth?: boolean | undefined;
-}) => {
-    idealWidth: number;
-    minWidth: number;
-    triggerInlineSize: number;
-};
 export declare const hasEnoughSpaceToStretchBeyondTriggerWidth: ({ triggerElement, dropdownElement, desiredMinWidth, expandToViewport, stretchWidth, stretchHeight, isMobile, }: {
     triggerElement: HTMLElement;
     dropdownElement: HTMLElement;
@@ -59,7 +31,5 @@ export declare const getDropdownPosition: ({ triggerElement, dropdownElement, ov
     isMobile?: boolean | undefined;
     stretchBeyondTriggerWidth?: boolean | undefined;
 }) => DropdownPosition;
-export declare const getInteriorDropdownPosition: (trigger: HTMLElement, dropdown: HTMLElement, overflowParents: ReadonlyArray<BoundingBox>, isMobile?: boolean) => InteriorDropdownPosition;
 export declare const calculatePosition: (dropdownElement: HTMLDivElement, triggerElement: HTMLDivElement, verticalContainerElement: HTMLDivElement, interior: boolean, expandToViewport: boolean, preferCenter: boolean, stretchWidth: boolean, stretchHeight: boolean, isMobile: boolean, minWidth?: number, stretchBeyondTriggerWidth?: boolean) => [DropdownPosition, DOMRect];
-export {};
 //# sourceMappingURL=dropdown-fit-handler.d.ts.map

package/internal/components/dropdown/dropdown-fit-handler.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dropdown-fit-handler.d.ts","sourceRoot":"","sources":["../../../../../src/internal/components/dropdown/dropdown-fit-handler.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,WAAW,EAAmD,MAAM,mCAAmC,CAAC;AAQjH,UAAU,cAAc;IACtB,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,EAAE,MAAM,CAAC;CACnB;AACD,MAAM,WAAW,gBAAgB;IAC/B,SAAS,EAAE,MAAM,CAAC;IAClB,UAAU,EAAE,MAAM,CAAC;IACnB,cAAc,EAAE,OAAO,CAAC;IACxB,eAAe,EAAE,OAAO,CAAC;IACzB,gBAAgB,EAAE,MAAM,CAAC;CAC1B;AACD,MAAM,WAAW,wBAAyB,SAAQ,gBAAgB;IAChE,aAAa,EAAE,MAAM,CAAC;IACtB,eAAe,EAAE,MAAM,CAAC;CACzB;AAkBD,eAAO,MAAM,uBAAuB,QAA4B,CAAC;AAEjE,eAAO,MAAM,iBAAiB;aAOnB,WAAW;qBACH,cAAc,WAAW,CAAC;;;;MAIzC,cA2CH,CAAC;AAEF,eAAO,MAAM,yBAAyB;aAK3B,WAAW;qBACH,cAAc,WAAW,CAAC;;MAEzC,cA4CH,CAAC;AAEF,eAAO,MAAM,SAAS;oBAMJ,WAAW;qBACV,WAAW;;;;;;;CAe7B,CAAC;AAEF,eAAO,MAAM,yCAAyC;oBASpC,WAAW;qBACV,WAAW;;sBAEV,OAAO;kBACX,OAAO;mBACN,OAAO;cACZ,OAAO;aAsBlB,CAAC;AAEF,eAAO,MAAM,mBAAmB;oBAWd,WAAW;qBACV,WAAW;qBACX,cAAc,WAAW,CAAC;;;;;;;MAOzC,gBA0DH,CAAC;AAEF,eAAO,MAAM,2BAA2B,YAC7B,WAAW,YACV,WAAW,mBACJ,cAAc,WAAW,CAAC,aAChC,OAAO,KACjB,wBAyCF,CAAC;AAEF,eAAO,MAAM,iBAAiB,oBACX,cAAc,kBACf,cAAc,4BACJ,cAAc,YAC9B,OAAO,oBACC,OAAO,gBACX,OAAO,gBACP,OAAO,iBACN,OAAO,YACZ,OAAO,aACN,MAAM,8BACW,OAAO,KAClC,CAAC,gBAAgB,EAAE,OAAO,CAkC5B,CAAC"}
+{"version":3,"file":"dropdown-fit-handler.d.ts","sourceRoot":"","sources":["../../../../../src/internal/components/dropdown/dropdown-fit-handler.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,WAAW,EAAmD,MAAM,mCAAmC,CAAC;AAcjH,MAAM,WAAW,gBAAgB;IAC/B,SAAS,EAAE,MAAM,CAAC;IAClB,UAAU,EAAE,MAAM,CAAC;IACnB,cAAc,EAAE,OAAO,CAAC;IACxB,eAAe,EAAE,OAAO,CAAC;IACzB,gBAAgB,EAAE,MAAM,CAAC;CAC1B;AACD,MAAM,WAAW,wBAAyB,SAAQ,gBAAgB;IAChE,aAAa,EAAE,MAAM,CAAC;IACtB,eAAe,EAAE,MAAM,CAAC;CACzB;AAkBD,eAAO,MAAM,uBAAuB,QAA4B,CAAC;AAyIjE,eAAO,MAAM,yCAAyC;oBASpC,WAAW;qBACV,WAAW;;sBAEV,OAAO;kBACX,OAAO;mBACN,OAAO;cACZ,OAAO;aAsBlB,CAAC;AAEF,eAAO,MAAM,mBAAmB;oBAWd,WAAW;qBACV,WAAW;qBACX,cAAc,WAAW,CAAC;;;;;;;MAOzC,gBA0DH,CAAC;AAkDF,eAAO,MAAM,iBAAiB,oBACX,cAAc,kBACf,cAAc,4BACJ,cAAc,YAC9B,OAAO,oBACC,OAAO,gBACX,OAAO,gBACP,OAAO,iBACN,OAAO,YACZ,OAAO,aACN,MAAM,8BACW,OAAO,KAClC,CAAC,gBAAgB,EAAE,OAAO,CAkC5B,CAAC"}

package/internal/components/dropdown/dropdown-fit-handler.js

@@ -22,7 +22,7 @@ const getClosestParentDimensions = (element) => {
 // By default, most dropdowns should expand their content as necessary, but to a maximum of 465px (the XXS breakpoint).
 // This value was determined by UX but may be subject to change in the future, depending on the feedback.
 export const defaultMaxDropdownWidth = getBreakpointValue('xxs');
-export const getAvailableSpace = ({ trigger, overflowParents, stretchWidth = false, stretchHeight = false, isMobile, }) => {
+const getAvailableSpace = ({ trigger, overflowParents, stretchWidth = false, stretchHeight = false, isMobile, }) => {
     const availableSpaceReserveVertical = stretchHeight
         ? 0
         : isMobile
@@ -56,7 +56,7 @@ export const getAvailableSpace = ({ trigger, overflowParents, stretchWidth = fal
         inlineEnd: Number.MAX_VALUE,
     });
 };
-export const getInteriorAvailableSpace = ({ trigger, overflowParents, isMobile, }) => {
+const getInteriorAvailableSpace = ({ trigger, overflowParents, isMobile, }) => {
     const AVAILABLE_SPACE_RESERVE_VERTICAL = isMobile
         ? AVAILABLE_SPACE_RESERVE_MOBILE_VERTICAL
         : AVAILABLE_SPACE_RESERVE_DEFAULT;
@@ -88,7 +88,7 @@ export const getInteriorAvailableSpace = ({ trigger, overflowParents, isMobile,
         inlineEnd: Number.MAX_VALUE,
     });
 };
-export const getWidths = ({ triggerElement, dropdownElement, desiredMinWidth, stretchBeyondTriggerWidth = false, }) => {
+const getWidths = ({ triggerElement, dropdownElement, desiredMinWidth, stretchBeyondTriggerWidth = false, }) => {
     // Determine the width of the trigger
     const { inlineSize: triggerInlineSize } = getLogicalBoundingClientRect(triggerElement);
     // Minimum width is determined by either an explicit number (desiredMinWidth) or the trigger width
@@ -176,7 +176,7 @@ export const getDropdownPosition = ({ triggerElement, dropdownElement, overflowP
         inlineSize: `${inlineSize}px`,
     };
 };
-export const getInteriorDropdownPosition = (trigger, dropdown, overflowParents, isMobile) => {
+const getInteriorDropdownPosition = (trigger, dropdown, overflowParents, isMobile) => {
     const availableSpace = getInteriorAvailableSpace({ trigger, overflowParents, isMobile });
     const { insetBlockEnd: triggerBlockEnd, insetBlockStart: triggerBlockStart, inlineSize: triggerInlineSize, } = getLogicalBoundingClientRect(trigger);
     const { insetBlockStart: parentDropdownBlockStart, blockSize: parentDropdownHeight } = getClosestParentDimensions(trigger);

package/internal/components/dropdown/dropdown-fit-handler.js.map

@@ -1 +1 @@
-{"version":3,"file":"dropdown-fit-handler.js","sourceRoot":"","sources":["../../../../../src/internal/components/dropdown/dropdown-fit-handler.ts"],"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 { getLogicalBoundingClientRect } from '@cloudscape-design/component-toolkit/internal';\n\nimport { getBreakpointValue } from '../../breakpoints';\nimport { BoundingBox, getOverflowParentDimensions, getOverflowParents } from '../../utils/scrollable-containers';\n\nimport styles from './styles.css.js';\n\nconst AVAILABLE_SPACE_RESERVE_DEFAULT = 50;\nconst AVAILABLE_SPACE_RESERVE_MOBILE_VERTICAL = 19; // 50 - 31\nconst AVAILABLE_SPACE_RESERVE_MOBILE_HORIZONTAL = 20;\n\ninterface AvailableSpace {\n  blockStart: number;\n  blockEnd: number;\n  inlineStart: number;\n  inlineEnd: number;\n}\nexport interface DropdownPosition {\n  blockSize: string;\n  inlineSize: string;\n  dropBlockStart: boolean;\n  dropInlineStart: boolean;\n  insetInlineStart: string;\n}\nexport interface InteriorDropdownPosition extends DropdownPosition {\n  insetBlockEnd: string;\n  insetBlockStart: string;\n}\n\nconst getClosestParentDimensions = (element: HTMLElement): any => {\n  const parents = getOverflowParents(element).map(element => {\n    const { blockSize, inlineSize, insetBlockStart, insetInlineStart } = getLogicalBoundingClientRect(element);\n    return {\n      blockSize,\n      inlineSize,\n      insetBlockStart,\n      insetInlineStart,\n    };\n  });\n\n  return parents.shift();\n};\n\n// By default, most dropdowns should expand their content as necessary, but to a maximum of 465px (the XXS breakpoint).\n// This value was determined by UX but may be subject to change in the future, depending on the feedback.\nexport const defaultMaxDropdownWidth = getBreakpointValue('xxs');\n\nexport const getAvailableSpace = ({\n  trigger,\n  overflowParents,\n  stretchWidth = false,\n  stretchHeight = false,\n  isMobile,\n}: {\n  trigger: HTMLElement;\n  overflowParents: ReadonlyArray<BoundingBox>;\n  stretchWidth?: boolean;\n  stretchHeight?: boolean;\n  isMobile?: boolean;\n}): AvailableSpace => {\n  const availableSpaceReserveVertical = stretchHeight\n    ? 0\n    : isMobile\n      ? AVAILABLE_SPACE_RESERVE_MOBILE_VERTICAL\n      : AVAILABLE_SPACE_RESERVE_DEFAULT;\n  const availableSpaceReserveHorizontal = stretchWidth\n    ? 0\n    : isMobile\n      ? AVAILABLE_SPACE_RESERVE_MOBILE_HORIZONTAL\n      : AVAILABLE_SPACE_RESERVE_DEFAULT;\n  const {\n    insetBlockEnd: triggerBlockEnd,\n    insetInlineStart: triggerInlineStart,\n    insetInlineEnd: triggerInlineEnd,\n  } = getLogicalBoundingClientRect(trigger);\n\n  return overflowParents.reduce(\n    ({ blockStart, blockEnd, inlineStart, inlineEnd }, overflowParent) => {\n      const offsetTop = triggerBlockEnd - overflowParent.insetBlockStart;\n      const currentBlockStart = offsetTop - trigger.offsetHeight - availableSpaceReserveVertical;\n      const currentBlockEnd = overflowParent.blockSize - offsetTop - availableSpaceReserveVertical;\n      const currentInlineStart = triggerInlineEnd - overflowParent.insetInlineStart - availableSpaceReserveHorizontal;\n      const currentInlineEnd =\n        overflowParent.insetInlineStart +\n        overflowParent.inlineSize -\n        triggerInlineStart -\n        availableSpaceReserveHorizontal;\n\n      return {\n        blockStart: Math.min(blockStart, currentBlockStart),\n        blockEnd: Math.min(blockEnd, currentBlockEnd),\n        inlineStart: Math.min(inlineStart, currentInlineStart),\n        inlineEnd: Math.min(inlineEnd, currentInlineEnd),\n      };\n    },\n    {\n      blockStart: Number.MAX_VALUE,\n      blockEnd: Number.MAX_VALUE,\n      inlineStart: Number.MAX_VALUE,\n      inlineEnd: Number.MAX_VALUE,\n    }\n  );\n};\n\nexport const getInteriorAvailableSpace = ({\n  trigger,\n  overflowParents,\n  isMobile,\n}: {\n  trigger: HTMLElement;\n  overflowParents: ReadonlyArray<BoundingBox>;\n  isMobile?: boolean;\n}): AvailableSpace => {\n  const AVAILABLE_SPACE_RESERVE_VERTICAL = isMobile\n    ? AVAILABLE_SPACE_RESERVE_MOBILE_VERTICAL\n    : AVAILABLE_SPACE_RESERVE_DEFAULT;\n  const AVAILABLE_SPACE_RESERVE_HORIZONTAL = isMobile\n    ? AVAILABLE_SPACE_RESERVE_MOBILE_HORIZONTAL\n    : AVAILABLE_SPACE_RESERVE_DEFAULT;\n  const {\n    insetBlockEnd: triggerBlockEnd,\n    insetBlockStart: triggerBlockStart,\n    insetInlineStart: triggerInlineStart,\n    insetInlineEnd: triggerInlineEnd,\n  } = getLogicalBoundingClientRect(trigger);\n\n  return overflowParents.reduce(\n    ({ blockStart, blockEnd, inlineStart, inlineEnd }, overflowParent) => {\n      const currentBlockStart = triggerBlockEnd - overflowParent.insetBlockStart - AVAILABLE_SPACE_RESERVE_VERTICAL;\n      const currentBlockEnd =\n        overflowParent.blockSize -\n        triggerBlockStart +\n        overflowParent.insetBlockStart -\n        AVAILABLE_SPACE_RESERVE_VERTICAL;\n      const currentInlineStart =\n        triggerInlineStart - overflowParent.insetInlineStart - AVAILABLE_SPACE_RESERVE_HORIZONTAL;\n      const currentInlineEnd =\n        overflowParent.insetInlineStart +\n        overflowParent.inlineSize -\n        triggerInlineEnd -\n        AVAILABLE_SPACE_RESERVE_HORIZONTAL;\n\n      return {\n        blockStart: Math.min(blockStart, currentBlockStart),\n        blockEnd: Math.min(blockEnd, currentBlockEnd),\n        inlineStart: Math.min(inlineStart, currentInlineStart),\n        inlineEnd: Math.min(inlineEnd, currentInlineEnd),\n      };\n    },\n    {\n      blockStart: Number.MAX_VALUE,\n      blockEnd: Number.MAX_VALUE,\n      inlineStart: Number.MAX_VALUE,\n      inlineEnd: Number.MAX_VALUE,\n    }\n  );\n};\n\nexport const getWidths = ({\n  triggerElement,\n  dropdownElement,\n  desiredMinWidth,\n  stretchBeyondTriggerWidth = false,\n}: {\n  triggerElement: HTMLElement;\n  dropdownElement: HTMLElement;\n  desiredMinWidth?: number;\n  stretchBeyondTriggerWidth?: boolean;\n}) => {\n  // Determine the width of the trigger\n  const { inlineSize: triggerInlineSize } = getLogicalBoundingClientRect(triggerElement);\n  // Minimum width is determined by either an explicit number (desiredMinWidth) or the trigger width\n  const minWidth = desiredMinWidth ? Math.min(triggerInlineSize, desiredMinWidth) : triggerInlineSize;\n  // If stretchBeyondTriggerWidth is true, the maximum width is the XS breakpoint (465px) or the trigger width (if bigger).\n  const maxWidth = stretchBeyondTriggerWidth ? Math.max(defaultMaxDropdownWidth, triggerInlineSize) : Number.MAX_VALUE;\n  // Determine the actual dropdown width, the size that it \"wants\" to be\n  const { inlineSize: requiredWidth } = getLogicalBoundingClientRect(dropdownElement);\n  // Try to achieve the required/desired width within the given parameters\n  const idealWidth = Math.min(Math.max(requiredWidth, minWidth), maxWidth);\n  return { idealWidth, minWidth, triggerInlineSize };\n};\n\nexport const hasEnoughSpaceToStretchBeyondTriggerWidth = ({\n  triggerElement,\n  dropdownElement,\n  desiredMinWidth,\n  expandToViewport,\n  stretchWidth,\n  stretchHeight,\n  isMobile,\n}: {\n  triggerElement: HTMLElement;\n  dropdownElement: HTMLElement;\n  desiredMinWidth?: number;\n  expandToViewport: boolean;\n  stretchWidth: boolean;\n  stretchHeight: boolean;\n  isMobile: boolean;\n}) => {\n  const overflowParents = getOverflowParentDimensions({\n    element: dropdownElement,\n    excludeClosestParent: false,\n    expandToViewport,\n    canExpandOutsideViewport: stretchHeight,\n  });\n  const { idealWidth } = getWidths({\n    triggerElement: triggerElement,\n    dropdownElement,\n    desiredMinWidth,\n    stretchBeyondTriggerWidth: true,\n  });\n  const availableSpace = getAvailableSpace({\n    trigger: triggerElement,\n    overflowParents,\n    stretchWidth,\n    stretchHeight,\n    isMobile,\n  });\n  return idealWidth <= availableSpace.inlineStart || idealWidth <= availableSpace.inlineEnd;\n};\n\nexport const getDropdownPosition = ({\n  triggerElement,\n  dropdownElement,\n  overflowParents,\n  minWidth: desiredMinWidth,\n  preferCenter = false,\n  stretchWidth = false,\n  stretchHeight = false,\n  isMobile = false,\n  stretchBeyondTriggerWidth = false,\n}: {\n  triggerElement: HTMLElement;\n  dropdownElement: HTMLElement;\n  overflowParents: ReadonlyArray<BoundingBox>;\n  minWidth?: number;\n  preferCenter?: boolean;\n  stretchWidth?: boolean;\n  stretchHeight?: boolean;\n  isMobile?: boolean;\n  stretchBeyondTriggerWidth?: boolean;\n}): DropdownPosition => {\n  // Determine the space available around the dropdown that it can grow in\n  const availableSpace = getAvailableSpace({\n    trigger: triggerElement,\n    overflowParents,\n    stretchWidth,\n    stretchHeight,\n    isMobile,\n  });\n  const { idealWidth, minWidth, triggerInlineSize } = getWidths({\n    triggerElement,\n    dropdownElement,\n    desiredMinWidth,\n    stretchBeyondTriggerWidth,\n  });\n\n  let dropInlineStart: boolean;\n  let insetInlineStart: number | null = null;\n  let inlineSize = idealWidth;\n\n  //1. Can it be positioned with ideal width to the right?\n  if (idealWidth <= availableSpace.inlineEnd) {\n    dropInlineStart = false;\n    //2. Can it be positioned with ideal width to the left?\n  } else if (idealWidth <= availableSpace.inlineStart) {\n    dropInlineStart = true;\n    //3. Fit into biggest available space either on left or right\n  } else {\n    dropInlineStart = availableSpace.inlineStart > availableSpace.inlineEnd;\n    inlineSize = Math.max(availableSpace.inlineStart, availableSpace.inlineEnd, minWidth);\n  }\n\n  if (preferCenter) {\n    const spillOver = (idealWidth - triggerInlineSize) / 2;\n\n    // availableSpace always includes the trigger width, but we want to exclude that\n    const availableOutsideLeft = availableSpace.inlineStart - triggerInlineSize;\n    const availableOutsideRight = availableSpace.inlineEnd - triggerInlineSize;\n\n    const fitsInCenter = availableOutsideLeft >= spillOver && availableOutsideRight >= spillOver;\n    if (fitsInCenter) {\n      insetInlineStart = -spillOver;\n    }\n  }\n\n  const dropBlockStart =\n    availableSpace.blockEnd < dropdownElement.offsetHeight && availableSpace.blockStart > availableSpace.blockEnd;\n  const availableHeight = dropBlockStart ? availableSpace.blockStart : availableSpace.blockEnd;\n  // Try and crop the bottom item when all options can't be displayed, affordance for \"there's more\"\n  const croppedHeight = stretchHeight ? availableHeight : Math.floor(availableHeight / 31) * 31 + 16;\n\n  return {\n    dropBlockStart,\n    dropInlineStart,\n    insetInlineStart: insetInlineStart === null ? 'auto' : `${insetInlineStart}px`,\n    blockSize: `${croppedHeight}px`,\n    inlineSize: `${inlineSize}px`,\n  };\n};\n\nexport const getInteriorDropdownPosition = (\n  trigger: HTMLElement,\n  dropdown: HTMLElement,\n  overflowParents: ReadonlyArray<BoundingBox>,\n  isMobile?: boolean\n): InteriorDropdownPosition => {\n  const availableSpace = getInteriorAvailableSpace({ trigger, overflowParents, isMobile });\n  const {\n    insetBlockEnd: triggerBlockEnd,\n    insetBlockStart: triggerBlockStart,\n    inlineSize: triggerInlineSize,\n  } = getLogicalBoundingClientRect(trigger);\n  const { insetBlockStart: parentDropdownBlockStart, blockSize: parentDropdownHeight } =\n    getClosestParentDimensions(trigger);\n\n  let dropInlineStart;\n\n  let { inlineSize } = getLogicalBoundingClientRect(dropdown);\n  const insetBlockStart = triggerBlockStart - parentDropdownBlockStart;\n  if (inlineSize <= availableSpace.inlineEnd) {\n    dropInlineStart = false;\n  } else if (inlineSize <= availableSpace.inlineStart) {\n    dropInlineStart = true;\n  } else {\n    dropInlineStart = availableSpace.inlineStart > availableSpace.inlineEnd;\n    inlineSize = Math.max(availableSpace.inlineStart, availableSpace.inlineEnd);\n  }\n\n  const insetInlineStart = dropInlineStart ? 0 - inlineSize : triggerInlineSize;\n\n  const dropBlockStart =\n    availableSpace.blockEnd < dropdown.offsetHeight && availableSpace.blockStart > availableSpace.blockEnd;\n  const insetBlockEnd = dropBlockStart ? parentDropdownBlockStart + parentDropdownHeight - triggerBlockEnd : 0;\n  const availableHeight = dropBlockStart ? availableSpace.blockStart : availableSpace.blockEnd;\n  // Try and crop the bottom item when all options can't be displayed, affordance for \"there's more\"\n  const croppedHeight = Math.floor(availableHeight / 31) * 31 + 16;\n\n  return {\n    dropBlockStart,\n    dropInlineStart,\n    blockSize: `${croppedHeight}px`,\n    inlineSize: `${inlineSize}px`,\n    insetBlockStart: `${insetBlockStart}px`,\n    insetBlockEnd: `${insetBlockEnd}px`,\n    insetInlineStart: `${insetInlineStart}px`,\n  };\n};\n\nexport const calculatePosition = (\n  dropdownElement: HTMLDivElement,\n  triggerElement: HTMLDivElement,\n  verticalContainerElement: HTMLDivElement,\n  interior: boolean,\n  expandToViewport: boolean,\n  preferCenter: boolean,\n  stretchWidth: boolean,\n  stretchHeight: boolean,\n  isMobile: boolean,\n  minWidth?: number,\n  stretchBeyondTriggerWidth?: boolean\n): [DropdownPosition, DOMRect] => {\n  // cleaning previously assigned values,\n  // so that they are not reused in case of screen resize and similar events\n  verticalContainerElement.style.maxBlockSize = '';\n  dropdownElement.style.inlineSize = '';\n  dropdownElement.style.insetBlockStart = '';\n  dropdownElement.style.insetBlockEnd = '';\n  dropdownElement.style.insetInlineStart = '';\n\n  dropdownElement.classList.remove(styles['dropdown-drop-left']);\n  dropdownElement.classList.remove(styles['dropdown-drop-right']);\n  dropdownElement.classList.remove(styles['dropdown-drop-up']);\n\n  const overflowParents = getOverflowParentDimensions({\n    element: dropdownElement,\n    excludeClosestParent: interior,\n    expandToViewport,\n    canExpandOutsideViewport: stretchHeight,\n  });\n  const position = interior\n    ? getInteriorDropdownPosition(triggerElement, dropdownElement, overflowParents, isMobile)\n    : getDropdownPosition({\n        triggerElement,\n        dropdownElement,\n        overflowParents,\n        minWidth,\n        preferCenter,\n        stretchWidth,\n        stretchHeight,\n        isMobile,\n        stretchBeyondTriggerWidth,\n      });\n  const triggerBox = triggerElement.getBoundingClientRect();\n  return [position, triggerBox];\n};\n"]}
+{"version":3,"file":"dropdown-fit-handler.js","sourceRoot":"","sources":["../../../../../src/internal/components/dropdown/dropdown-fit-handler.ts"],"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 { getLogicalBoundingClientRect } from '@cloudscape-design/component-toolkit/internal';\n\nimport { getBreakpointValue } from '../../breakpoints';\nimport { BoundingBox, getOverflowParentDimensions, getOverflowParents } from '../../utils/scrollable-containers';\n\nimport styles from './styles.css.js';\n\nconst AVAILABLE_SPACE_RESERVE_DEFAULT = 50;\nconst AVAILABLE_SPACE_RESERVE_MOBILE_VERTICAL = 19; // 50 - 31\nconst AVAILABLE_SPACE_RESERVE_MOBILE_HORIZONTAL = 20;\n\ninterface AvailableSpace {\n  blockStart: number;\n  blockEnd: number;\n  inlineStart: number;\n  inlineEnd: number;\n}\nexport interface DropdownPosition {\n  blockSize: string;\n  inlineSize: string;\n  dropBlockStart: boolean;\n  dropInlineStart: boolean;\n  insetInlineStart: string;\n}\nexport interface InteriorDropdownPosition extends DropdownPosition {\n  insetBlockEnd: string;\n  insetBlockStart: string;\n}\n\nconst getClosestParentDimensions = (element: HTMLElement): any => {\n  const parents = getOverflowParents(element).map(element => {\n    const { blockSize, inlineSize, insetBlockStart, insetInlineStart } = getLogicalBoundingClientRect(element);\n    return {\n      blockSize,\n      inlineSize,\n      insetBlockStart,\n      insetInlineStart,\n    };\n  });\n\n  return parents.shift();\n};\n\n// By default, most dropdowns should expand their content as necessary, but to a maximum of 465px (the XXS breakpoint).\n// This value was determined by UX but may be subject to change in the future, depending on the feedback.\nexport const defaultMaxDropdownWidth = getBreakpointValue('xxs');\n\nconst getAvailableSpace = ({\n  trigger,\n  overflowParents,\n  stretchWidth = false,\n  stretchHeight = false,\n  isMobile,\n}: {\n  trigger: HTMLElement;\n  overflowParents: ReadonlyArray<BoundingBox>;\n  stretchWidth?: boolean;\n  stretchHeight?: boolean;\n  isMobile?: boolean;\n}): AvailableSpace => {\n  const availableSpaceReserveVertical = stretchHeight\n    ? 0\n    : isMobile\n      ? AVAILABLE_SPACE_RESERVE_MOBILE_VERTICAL\n      : AVAILABLE_SPACE_RESERVE_DEFAULT;\n  const availableSpaceReserveHorizontal = stretchWidth\n    ? 0\n    : isMobile\n      ? AVAILABLE_SPACE_RESERVE_MOBILE_HORIZONTAL\n      : AVAILABLE_SPACE_RESERVE_DEFAULT;\n  const {\n    insetBlockEnd: triggerBlockEnd,\n    insetInlineStart: triggerInlineStart,\n    insetInlineEnd: triggerInlineEnd,\n  } = getLogicalBoundingClientRect(trigger);\n\n  return overflowParents.reduce(\n    ({ blockStart, blockEnd, inlineStart, inlineEnd }, overflowParent) => {\n      const offsetTop = triggerBlockEnd - overflowParent.insetBlockStart;\n      const currentBlockStart = offsetTop - trigger.offsetHeight - availableSpaceReserveVertical;\n      const currentBlockEnd = overflowParent.blockSize - offsetTop - availableSpaceReserveVertical;\n      const currentInlineStart = triggerInlineEnd - overflowParent.insetInlineStart - availableSpaceReserveHorizontal;\n      const currentInlineEnd =\n        overflowParent.insetInlineStart +\n        overflowParent.inlineSize -\n        triggerInlineStart -\n        availableSpaceReserveHorizontal;\n\n      return {\n        blockStart: Math.min(blockStart, currentBlockStart),\n        blockEnd: Math.min(blockEnd, currentBlockEnd),\n        inlineStart: Math.min(inlineStart, currentInlineStart),\n        inlineEnd: Math.min(inlineEnd, currentInlineEnd),\n      };\n    },\n    {\n      blockStart: Number.MAX_VALUE,\n      blockEnd: Number.MAX_VALUE,\n      inlineStart: Number.MAX_VALUE,\n      inlineEnd: Number.MAX_VALUE,\n    }\n  );\n};\n\nconst getInteriorAvailableSpace = ({\n  trigger,\n  overflowParents,\n  isMobile,\n}: {\n  trigger: HTMLElement;\n  overflowParents: ReadonlyArray<BoundingBox>;\n  isMobile?: boolean;\n}): AvailableSpace => {\n  const AVAILABLE_SPACE_RESERVE_VERTICAL = isMobile\n    ? AVAILABLE_SPACE_RESERVE_MOBILE_VERTICAL\n    : AVAILABLE_SPACE_RESERVE_DEFAULT;\n  const AVAILABLE_SPACE_RESERVE_HORIZONTAL = isMobile\n    ? AVAILABLE_SPACE_RESERVE_MOBILE_HORIZONTAL\n    : AVAILABLE_SPACE_RESERVE_DEFAULT;\n  const {\n    insetBlockEnd: triggerBlockEnd,\n    insetBlockStart: triggerBlockStart,\n    insetInlineStart: triggerInlineStart,\n    insetInlineEnd: triggerInlineEnd,\n  } = getLogicalBoundingClientRect(trigger);\n\n  return overflowParents.reduce(\n    ({ blockStart, blockEnd, inlineStart, inlineEnd }, overflowParent) => {\n      const currentBlockStart = triggerBlockEnd - overflowParent.insetBlockStart - AVAILABLE_SPACE_RESERVE_VERTICAL;\n      const currentBlockEnd =\n        overflowParent.blockSize -\n        triggerBlockStart +\n        overflowParent.insetBlockStart -\n        AVAILABLE_SPACE_RESERVE_VERTICAL;\n      const currentInlineStart =\n        triggerInlineStart - overflowParent.insetInlineStart - AVAILABLE_SPACE_RESERVE_HORIZONTAL;\n      const currentInlineEnd =\n        overflowParent.insetInlineStart +\n        overflowParent.inlineSize -\n        triggerInlineEnd -\n        AVAILABLE_SPACE_RESERVE_HORIZONTAL;\n\n      return {\n        blockStart: Math.min(blockStart, currentBlockStart),\n        blockEnd: Math.min(blockEnd, currentBlockEnd),\n        inlineStart: Math.min(inlineStart, currentInlineStart),\n        inlineEnd: Math.min(inlineEnd, currentInlineEnd),\n      };\n    },\n    {\n      blockStart: Number.MAX_VALUE,\n      blockEnd: Number.MAX_VALUE,\n      inlineStart: Number.MAX_VALUE,\n      inlineEnd: Number.MAX_VALUE,\n    }\n  );\n};\n\nconst getWidths = ({\n  triggerElement,\n  dropdownElement,\n  desiredMinWidth,\n  stretchBeyondTriggerWidth = false,\n}: {\n  triggerElement: HTMLElement;\n  dropdownElement: HTMLElement;\n  desiredMinWidth?: number;\n  stretchBeyondTriggerWidth?: boolean;\n}) => {\n  // Determine the width of the trigger\n  const { inlineSize: triggerInlineSize } = getLogicalBoundingClientRect(triggerElement);\n  // Minimum width is determined by either an explicit number (desiredMinWidth) or the trigger width\n  const minWidth = desiredMinWidth ? Math.min(triggerInlineSize, desiredMinWidth) : triggerInlineSize;\n  // If stretchBeyondTriggerWidth is true, the maximum width is the XS breakpoint (465px) or the trigger width (if bigger).\n  const maxWidth = stretchBeyondTriggerWidth ? Math.max(defaultMaxDropdownWidth, triggerInlineSize) : Number.MAX_VALUE;\n  // Determine the actual dropdown width, the size that it \"wants\" to be\n  const { inlineSize: requiredWidth } = getLogicalBoundingClientRect(dropdownElement);\n  // Try to achieve the required/desired width within the given parameters\n  const idealWidth = Math.min(Math.max(requiredWidth, minWidth), maxWidth);\n  return { idealWidth, minWidth, triggerInlineSize };\n};\n\nexport const hasEnoughSpaceToStretchBeyondTriggerWidth = ({\n  triggerElement,\n  dropdownElement,\n  desiredMinWidth,\n  expandToViewport,\n  stretchWidth,\n  stretchHeight,\n  isMobile,\n}: {\n  triggerElement: HTMLElement;\n  dropdownElement: HTMLElement;\n  desiredMinWidth?: number;\n  expandToViewport: boolean;\n  stretchWidth: boolean;\n  stretchHeight: boolean;\n  isMobile: boolean;\n}) => {\n  const overflowParents = getOverflowParentDimensions({\n    element: dropdownElement,\n    excludeClosestParent: false,\n    expandToViewport,\n    canExpandOutsideViewport: stretchHeight,\n  });\n  const { idealWidth } = getWidths({\n    triggerElement: triggerElement,\n    dropdownElement,\n    desiredMinWidth,\n    stretchBeyondTriggerWidth: true,\n  });\n  const availableSpace = getAvailableSpace({\n    trigger: triggerElement,\n    overflowParents,\n    stretchWidth,\n    stretchHeight,\n    isMobile,\n  });\n  return idealWidth <= availableSpace.inlineStart || idealWidth <= availableSpace.inlineEnd;\n};\n\nexport const getDropdownPosition = ({\n  triggerElement,\n  dropdownElement,\n  overflowParents,\n  minWidth: desiredMinWidth,\n  preferCenter = false,\n  stretchWidth = false,\n  stretchHeight = false,\n  isMobile = false,\n  stretchBeyondTriggerWidth = false,\n}: {\n  triggerElement: HTMLElement;\n  dropdownElement: HTMLElement;\n  overflowParents: ReadonlyArray<BoundingBox>;\n  minWidth?: number;\n  preferCenter?: boolean;\n  stretchWidth?: boolean;\n  stretchHeight?: boolean;\n  isMobile?: boolean;\n  stretchBeyondTriggerWidth?: boolean;\n}): DropdownPosition => {\n  // Determine the space available around the dropdown that it can grow in\n  const availableSpace = getAvailableSpace({\n    trigger: triggerElement,\n    overflowParents,\n    stretchWidth,\n    stretchHeight,\n    isMobile,\n  });\n  const { idealWidth, minWidth, triggerInlineSize } = getWidths({\n    triggerElement,\n    dropdownElement,\n    desiredMinWidth,\n    stretchBeyondTriggerWidth,\n  });\n\n  let dropInlineStart: boolean;\n  let insetInlineStart: number | null = null;\n  let inlineSize = idealWidth;\n\n  //1. Can it be positioned with ideal width to the right?\n  if (idealWidth <= availableSpace.inlineEnd) {\n    dropInlineStart = false;\n    //2. Can it be positioned with ideal width to the left?\n  } else if (idealWidth <= availableSpace.inlineStart) {\n    dropInlineStart = true;\n    //3. Fit into biggest available space either on left or right\n  } else {\n    dropInlineStart = availableSpace.inlineStart > availableSpace.inlineEnd;\n    inlineSize = Math.max(availableSpace.inlineStart, availableSpace.inlineEnd, minWidth);\n  }\n\n  if (preferCenter) {\n    const spillOver = (idealWidth - triggerInlineSize) / 2;\n\n    // availableSpace always includes the trigger width, but we want to exclude that\n    const availableOutsideLeft = availableSpace.inlineStart - triggerInlineSize;\n    const availableOutsideRight = availableSpace.inlineEnd - triggerInlineSize;\n\n    const fitsInCenter = availableOutsideLeft >= spillOver && availableOutsideRight >= spillOver;\n    if (fitsInCenter) {\n      insetInlineStart = -spillOver;\n    }\n  }\n\n  const dropBlockStart =\n    availableSpace.blockEnd < dropdownElement.offsetHeight && availableSpace.blockStart > availableSpace.blockEnd;\n  const availableHeight = dropBlockStart ? availableSpace.blockStart : availableSpace.blockEnd;\n  // Try and crop the bottom item when all options can't be displayed, affordance for \"there's more\"\n  const croppedHeight = stretchHeight ? availableHeight : Math.floor(availableHeight / 31) * 31 + 16;\n\n  return {\n    dropBlockStart,\n    dropInlineStart,\n    insetInlineStart: insetInlineStart === null ? 'auto' : `${insetInlineStart}px`,\n    blockSize: `${croppedHeight}px`,\n    inlineSize: `${inlineSize}px`,\n  };\n};\n\nconst getInteriorDropdownPosition = (\n  trigger: HTMLElement,\n  dropdown: HTMLElement,\n  overflowParents: ReadonlyArray<BoundingBox>,\n  isMobile?: boolean\n): InteriorDropdownPosition => {\n  const availableSpace = getInteriorAvailableSpace({ trigger, overflowParents, isMobile });\n  const {\n    insetBlockEnd: triggerBlockEnd,\n    insetBlockStart: triggerBlockStart,\n    inlineSize: triggerInlineSize,\n  } = getLogicalBoundingClientRect(trigger);\n  const { insetBlockStart: parentDropdownBlockStart, blockSize: parentDropdownHeight } =\n    getClosestParentDimensions(trigger);\n\n  let dropInlineStart;\n\n  let { inlineSize } = getLogicalBoundingClientRect(dropdown);\n  const insetBlockStart = triggerBlockStart - parentDropdownBlockStart;\n  if (inlineSize <= availableSpace.inlineEnd) {\n    dropInlineStart = false;\n  } else if (inlineSize <= availableSpace.inlineStart) {\n    dropInlineStart = true;\n  } else {\n    dropInlineStart = availableSpace.inlineStart > availableSpace.inlineEnd;\n    inlineSize = Math.max(availableSpace.inlineStart, availableSpace.inlineEnd);\n  }\n\n  const insetInlineStart = dropInlineStart ? 0 - inlineSize : triggerInlineSize;\n\n  const dropBlockStart =\n    availableSpace.blockEnd < dropdown.offsetHeight && availableSpace.blockStart > availableSpace.blockEnd;\n  const insetBlockEnd = dropBlockStart ? parentDropdownBlockStart + parentDropdownHeight - triggerBlockEnd : 0;\n  const availableHeight = dropBlockStart ? availableSpace.blockStart : availableSpace.blockEnd;\n  // Try and crop the bottom item when all options can't be displayed, affordance for \"there's more\"\n  const croppedHeight = Math.floor(availableHeight / 31) * 31 + 16;\n\n  return {\n    dropBlockStart,\n    dropInlineStart,\n    blockSize: `${croppedHeight}px`,\n    inlineSize: `${inlineSize}px`,\n    insetBlockStart: `${insetBlockStart}px`,\n    insetBlockEnd: `${insetBlockEnd}px`,\n    insetInlineStart: `${insetInlineStart}px`,\n  };\n};\n\nexport const calculatePosition = (\n  dropdownElement: HTMLDivElement,\n  triggerElement: HTMLDivElement,\n  verticalContainerElement: HTMLDivElement,\n  interior: boolean,\n  expandToViewport: boolean,\n  preferCenter: boolean,\n  stretchWidth: boolean,\n  stretchHeight: boolean,\n  isMobile: boolean,\n  minWidth?: number,\n  stretchBeyondTriggerWidth?: boolean\n): [DropdownPosition, DOMRect] => {\n  // cleaning previously assigned values,\n  // so that they are not reused in case of screen resize and similar events\n  verticalContainerElement.style.maxBlockSize = '';\n  dropdownElement.style.inlineSize = '';\n  dropdownElement.style.insetBlockStart = '';\n  dropdownElement.style.insetBlockEnd = '';\n  dropdownElement.style.insetInlineStart = '';\n\n  dropdownElement.classList.remove(styles['dropdown-drop-left']);\n  dropdownElement.classList.remove(styles['dropdown-drop-right']);\n  dropdownElement.classList.remove(styles['dropdown-drop-up']);\n\n  const overflowParents = getOverflowParentDimensions({\n    element: dropdownElement,\n    excludeClosestParent: interior,\n    expandToViewport,\n    canExpandOutsideViewport: stretchHeight,\n  });\n  const position = interior\n    ? getInteriorDropdownPosition(triggerElement, dropdownElement, overflowParents, isMobile)\n    : getDropdownPosition({\n        triggerElement,\n        dropdownElement,\n        overflowParents,\n        minWidth,\n        preferCenter,\n        stretchWidth,\n        stretchHeight,\n        isMobile,\n        stretchBeyondTriggerWidth,\n      });\n  const triggerBox = triggerElement.getBoundingClientRect();\n  return [position, triggerBox];\n};\n"]}

package/internal/components/dropdown/styles.css.js

@@ -1,25 +1,25 @@
 
     import './styles.scoped.css';
     export default {
-  "dropdown-content-wrapper": "awsui_dropdown-content-wrapper_qwoo0_168rf_149",
-  "awsui-motion-fade-in-dropdown": "awsui_awsui-motion-fade-in-dropdown_qwoo0_168rf_1",
-  "refresh": "awsui_refresh_qwoo0_168rf_170",
-  "awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-0_qwoo0_168rf_1",
-  "root": "awsui_root_qwoo0_168rf_195",
-  "interior": "awsui_interior_qwoo0_168rf_228",
-  "dropdown": "awsui_dropdown_qwoo0_168rf_149",
-  "use-portal": "awsui_use-portal_qwoo0_168rf_239",
-  "is-empty": "awsui_is-empty_qwoo0_168rf_285",
-  "dropdown-drop-up": "awsui_dropdown-drop-up_qwoo0_168rf_292",
-  "with-limited-width": "awsui_with-limited-width_qwoo0_168rf_296",
-  "dropdown-drop-left": "awsui_dropdown-drop-left_qwoo0_168rf_299",
-  "dropdown-drop-right": "awsui_dropdown-drop-right_qwoo0_168rf_302",
-  "occupy-entire-width": "awsui_occupy-entire-width_qwoo0_168rf_305",
-  "stretch-beyond-trigger-width": "awsui_stretch-beyond-trigger-width_qwoo0_168rf_308",
-  "hide-block-border": "awsui_hide-block-border_qwoo0_168rf_315",
-  "open": "awsui_open_qwoo0_168rf_324",
-  "nowrap": "awsui_nowrap_qwoo0_168rf_333",
-  "dropdown-content": "awsui_dropdown-content_qwoo0_168rf_149",
-  "stretch-trigger-height": "awsui_stretch-trigger-height_qwoo0_168rf_344"
+  "dropdown-content-wrapper": "awsui_dropdown-content-wrapper_qwoo0_1nohd_153",
+  "awsui-motion-fade-in-dropdown": "awsui_awsui-motion-fade-in-dropdown_qwoo0_1nohd_1",
+  "refresh": "awsui_refresh_qwoo0_1nohd_174",
+  "awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-0_qwoo0_1nohd_1",
+  "root": "awsui_root_qwoo0_1nohd_199",
+  "interior": "awsui_interior_qwoo0_1nohd_232",
+  "dropdown": "awsui_dropdown_qwoo0_1nohd_153",
+  "use-portal": "awsui_use-portal_qwoo0_1nohd_243",
+  "is-empty": "awsui_is-empty_qwoo0_1nohd_289",
+  "dropdown-drop-up": "awsui_dropdown-drop-up_qwoo0_1nohd_296",
+  "with-limited-width": "awsui_with-limited-width_qwoo0_1nohd_300",
+  "dropdown-drop-left": "awsui_dropdown-drop-left_qwoo0_1nohd_303",
+  "dropdown-drop-right": "awsui_dropdown-drop-right_qwoo0_1nohd_306",
+  "occupy-entire-width": "awsui_occupy-entire-width_qwoo0_1nohd_309",
+  "stretch-beyond-trigger-width": "awsui_stretch-beyond-trigger-width_qwoo0_1nohd_312",
+  "hide-block-border": "awsui_hide-block-border_qwoo0_1nohd_319",
+  "open": "awsui_open_qwoo0_1nohd_328",
+  "nowrap": "awsui_nowrap_qwoo0_1nohd_337",
+  "dropdown-content": "awsui_dropdown-content_qwoo0_1nohd_153",
+  "stretch-trigger-height": "awsui_stretch-trigger-height_qwoo0_1nohd_348"
 };
   

package/internal/components/dropdown/styles.scoped.css

@@ -136,6 +136,10 @@
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
 /* Style used for links in slots/components that are text heavy, to help links stand out among
 surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F73#description */
 /*
@@ -146,10 +150,10 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
-.awsui_dropdown-content-wrapper_qwoo0_168rf_149:not(#\9) {
-  animation: awsui_awsui-motion-fade-in-dropdown_qwoo0_168rf_1 var(--motion-duration-show-quick-aq3ump, 135ms) var(--motion-easing-show-quick-vc5zgd, ease-out);
+.awsui_dropdown-content-wrapper_qwoo0_1nohd_153:not(#\9) {
+  animation: awsui_awsui-motion-fade-in-dropdown_qwoo0_1nohd_1 var(--motion-duration-show-quick-aq3ump, 135ms) var(--motion-easing-show-quick-vc5zgd, ease-out);
 }
-@keyframes awsui_awsui-motion-fade-in-dropdown_qwoo0_168rf_1 {
+@keyframes awsui_awsui-motion-fade-in-dropdown_qwoo0_1nohd_1 {
   from {
     opacity: 0.4;
   }
@@ -158,22 +162,22 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   }
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_dropdown-content-wrapper_qwoo0_168rf_149:not(#\9) {
+  .awsui_dropdown-content-wrapper_qwoo0_1nohd_153:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_dropdown-content-wrapper_qwoo0_168rf_149:not(#\9), .awsui-mode-entering .awsui_dropdown-content-wrapper_qwoo0_168rf_149:not(#\9) {
+.awsui-motion-disabled .awsui_dropdown-content-wrapper_qwoo0_1nohd_153:not(#\9), .awsui-mode-entering .awsui_dropdown-content-wrapper_qwoo0_1nohd_153:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_dropdown-content-wrapper_qwoo0_168rf_149.awsui_refresh_qwoo0_168rf_170:not(#\9) {
+.awsui_dropdown-content-wrapper_qwoo0_1nohd_153.awsui_refresh_qwoo0_1nohd_174:not(#\9) {
   transform-origin: top;
-  animation-name: awsui_awsui-motion-fade-in-0_qwoo0_168rf_1;
+  animation-name: awsui_awsui-motion-fade-in-0_qwoo0_1nohd_1;
   animation-duration: var(--motion-duration-show-quick-aq3ump, 135ms);
   animation-timing-function: var(--motion-easing-show-quick-vc5zgd, ease-out);
 }
-@keyframes awsui_awsui-motion-fade-in-0_qwoo0_168rf_1 {
+@keyframes awsui_awsui-motion-fade-in-0_qwoo0_1nohd_1 {
   from {
     opacity: 0;
   }
@@ -182,17 +186,17 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   }
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_dropdown-content-wrapper_qwoo0_168rf_149.awsui_refresh_qwoo0_168rf_170:not(#\9) {
+  .awsui_dropdown-content-wrapper_qwoo0_1nohd_153.awsui_refresh_qwoo0_1nohd_174:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_dropdown-content-wrapper_qwoo0_168rf_149.awsui_refresh_qwoo0_168rf_170:not(#\9), .awsui-mode-entering .awsui_dropdown-content-wrapper_qwoo0_168rf_149.awsui_refresh_qwoo0_168rf_170:not(#\9) {
+.awsui-motion-disabled .awsui_dropdown-content-wrapper_qwoo0_1nohd_153.awsui_refresh_qwoo0_1nohd_174:not(#\9), .awsui-mode-entering .awsui_dropdown-content-wrapper_qwoo0_1nohd_153.awsui_refresh_qwoo0_1nohd_174:not(#\9) {
   animation: none;
   transition: none;
 }
 
-.awsui_root_qwoo0_168rf_195:not(#\9) {
+.awsui_root_qwoo0_1nohd_199:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -226,11 +230,11 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   position: relative;
   white-space: inherit;
 }
-.awsui_root_qwoo0_168rf_195.awsui_interior_qwoo0_168rf_228:not(#\9) {
+.awsui_root_qwoo0_1nohd_199.awsui_interior_qwoo0_1nohd_232:not(#\9) {
   position: static;
 }
 
-.awsui_dropdown_qwoo0_168rf_149:not(#\9) {
+.awsui_dropdown_qwoo0_1nohd_153:not(#\9) {
   position: absolute;
   display: none;
   z-index: 2000;
@@ -238,24 +242,24 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
           user-select: none;
   transform-origin: top;
 }
-.awsui_dropdown_qwoo0_168rf_149.awsui_use-portal_qwoo0_168rf_239:not(#\9) {
+.awsui_dropdown_qwoo0_1nohd_153.awsui_use-portal_qwoo0_1nohd_243:not(#\9) {
   z-index: 7000;
 }
-.awsui_dropdown_qwoo0_168rf_149:not(#\9):not(.awsui_interior_qwoo0_168rf_228) {
+.awsui_dropdown_qwoo0_1nohd_153:not(#\9):not(.awsui_interior_qwoo0_1nohd_232) {
   transform: translateY(0px);
   transition: transform var(--motion-duration-show-quick-aq3ump, 135ms);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_dropdown_qwoo0_168rf_149:not(#\9):not(.awsui_interior_qwoo0_168rf_228) {
+  .awsui_dropdown_qwoo0_1nohd_153:not(#\9):not(.awsui_interior_qwoo0_1nohd_232) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_dropdown_qwoo0_168rf_149:not(#\9):not(.awsui_interior_qwoo0_168rf_228), .awsui-mode-entering .awsui_dropdown_qwoo0_168rf_149:not(#\9):not(.awsui_interior_qwoo0_168rf_228) {
+.awsui-motion-disabled .awsui_dropdown_qwoo0_1nohd_153:not(#\9):not(.awsui_interior_qwoo0_1nohd_232), .awsui-mode-entering .awsui_dropdown_qwoo0_1nohd_153:not(#\9):not(.awsui_interior_qwoo0_1nohd_232) {
   animation: none;
   transition: none;
 }
-.awsui_dropdown-content-wrapper_qwoo0_168rf_149:not(#\9) {
+.awsui_dropdown-content-wrapper_qwoo0_1nohd_153:not(#\9) {
   position: relative;
   background-color: var(--color-background-dropdown-item-default-u8emhk, #ffffff);
   outline: none;
@@ -267,7 +271,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   border-block: var(--border-divider-list-width-27y3k5, 1px) solid var(--color-border-container-top-736buh, transparent);
   box-sizing: border-box;
 }
-.awsui_dropdown-content-wrapper_qwoo0_168rf_149:not(#\9)::after {
+.awsui_dropdown-content-wrapper_qwoo0_1nohd_153:not(#\9)::after {
   content: "";
   position: absolute;
   z-index: 1;
@@ -284,65 +288,65 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   border-end-end-radius: var(--border-radius-dropdown-0dhh79, 8px);
   pointer-events: none;
 }
-.awsui_dropdown-content-wrapper_qwoo0_168rf_149.awsui_is-empty_qwoo0_168rf_285:not(#\9)::after {
+.awsui_dropdown-content-wrapper_qwoo0_1nohd_153.awsui_is-empty_qwoo0_1nohd_289:not(#\9)::after {
   display: none;
 }
-.awsui_dropdown_qwoo0_168rf_149 > .awsui_dropdown-content-wrapper_qwoo0_168rf_149:not(#\9) {
+.awsui_dropdown_qwoo0_1nohd_153 > .awsui_dropdown-content-wrapper_qwoo0_1nohd_153:not(#\9) {
   border-block-start: var(--border-divider-list-width-27y3k5, 1px) solid var(--color-border-container-top-736buh, transparent);
   border-block-end: var(--border-divider-list-width-27y3k5, 1px) solid var(--color-border-dropdown-group-2xoluv, #c6c6cd);
 }
-.awsui_dropdown-drop-up_qwoo0_168rf_292 > .awsui_dropdown-content-wrapper_qwoo0_168rf_149:not(#\9) {
+.awsui_dropdown-drop-up_qwoo0_1nohd_296 > .awsui_dropdown-content-wrapper_qwoo0_1nohd_153:not(#\9) {
   transform-origin: bottom;
   box-shadow: var(--shadow-dropup-xqkiza, 0px 4px 20px 1px rgba(0, 7, 22, 0.1));
 }
-.awsui_dropdown-drop-up_qwoo0_168rf_292.awsui_with-limited-width_qwoo0_168rf_296 > .awsui_dropdown-content-wrapper_qwoo0_168rf_149:not(#\9) {
+.awsui_dropdown-drop-up_qwoo0_1nohd_296.awsui_with-limited-width_qwoo0_1nohd_300 > .awsui_dropdown-content-wrapper_qwoo0_1nohd_153:not(#\9) {
   border-block-start: none;
 }
-.awsui_dropdown-drop-left_qwoo0_168rf_299:not(#\9) {
+.awsui_dropdown-drop-left_qwoo0_1nohd_303:not(#\9) {
   inset-inline-end: 0;
 }
-.awsui_dropdown-drop-right_qwoo0_168rf_302:not(#\9) {
+.awsui_dropdown-drop-right_qwoo0_1nohd_306:not(#\9) {
   inset-inline-start: 0;
 }
-.awsui_dropdown_qwoo0_168rf_149.awsui_occupy-entire-width_qwoo0_168rf_305:not(#\9) {
+.awsui_dropdown_qwoo0_1nohd_153.awsui_occupy-entire-width_qwoo0_1nohd_309:not(#\9) {
   min-inline-size: 100%;
 }
-.awsui_dropdown_qwoo0_168rf_149.awsui_stretch-beyond-trigger-width_qwoo0_168rf_308:not(#\9) {
+.awsui_dropdown_qwoo0_1nohd_153.awsui_stretch-beyond-trigger-width_qwoo0_1nohd_312:not(#\9) {
   inline-size: max-content;
   max-inline-size: var(--awsui-dropdown-default-max-width-g964ok, 100%);
 }
-.awsui_dropdown_qwoo0_168rf_149.awsui_interior_qwoo0_168rf_228 > .awsui_dropdown-content-wrapper_qwoo0_168rf_149:not(#\9) {
+.awsui_dropdown_qwoo0_1nohd_153.awsui_interior_qwoo0_1nohd_232 > .awsui_dropdown-content-wrapper_qwoo0_1nohd_153:not(#\9) {
   margin-block-start: -1px;
 }
-.awsui_dropdown_qwoo0_168rf_149.awsui_hide-block-border_qwoo0_168rf_315 > .awsui_dropdown-content-wrapper_qwoo0_168rf_149:not(#\9) {
+.awsui_dropdown_qwoo0_1nohd_153.awsui_hide-block-border_qwoo0_1nohd_319 > .awsui_dropdown-content-wrapper_qwoo0_1nohd_153:not(#\9) {
   border-block-start: none;
 }
-.awsui_dropdown_qwoo0_168rf_149.awsui_hide-block-border_qwoo0_168rf_315:not(#\9):not(.awsui_dropdown-drop-up_qwoo0_168rf_292) > .awsui_dropdown-content-wrapper_qwoo0_168rf_149 {
+.awsui_dropdown_qwoo0_1nohd_153.awsui_hide-block-border_qwoo0_1nohd_319:not(#\9):not(.awsui_dropdown-drop-up_qwoo0_1nohd_296) > .awsui_dropdown-content-wrapper_qwoo0_1nohd_153 {
   border-block-end: none;
 }
-.awsui_dropdown_qwoo0_168rf_149.awsui_hide-block-border_qwoo0_168rf_315.awsui_refresh_qwoo0_168rf_170 > .awsui_dropdown-content-wrapper_qwoo0_168rf_149:not(#\9) {
+.awsui_dropdown_qwoo0_1nohd_153.awsui_hide-block-border_qwoo0_1nohd_319.awsui_refresh_qwoo0_1nohd_174 > .awsui_dropdown-content-wrapper_qwoo0_1nohd_153:not(#\9) {
   border-block-end: none;
 }
-.awsui_dropdown_qwoo0_168rf_149.awsui_open_qwoo0_168rf_324:not(#\9) {
+.awsui_dropdown_qwoo0_1nohd_153.awsui_open_qwoo0_1nohd_328:not(#\9) {
   display: block;
 }
-.awsui_dropdown_qwoo0_168rf_149.awsui_open_qwoo0_168rf_324:not(#\9):not(.awsui_interior_qwoo0_168rf_228).awsui_refresh_qwoo0_168rf_170[data-animating=true] {
+.awsui_dropdown_qwoo0_1nohd_153.awsui_open_qwoo0_1nohd_328:not(#\9):not(.awsui_interior_qwoo0_1nohd_232).awsui_refresh_qwoo0_1nohd_174[data-animating=true] {
   transform: translateY(4px);
 }
-.awsui_dropdown_qwoo0_168rf_149.awsui_open_qwoo0_168rf_324:not(#\9):not(.awsui_interior_qwoo0_168rf_228).awsui_refresh_qwoo0_168rf_170[data-animating=true].awsui_dropdown-drop-up_qwoo0_168rf_292 {
+.awsui_dropdown_qwoo0_1nohd_153.awsui_open_qwoo0_1nohd_328:not(#\9):not(.awsui_interior_qwoo0_1nohd_232).awsui_refresh_qwoo0_1nohd_174[data-animating=true].awsui_dropdown-drop-up_qwoo0_1nohd_296 {
   transform: translateY(-4px);
 }
-.awsui_dropdown_qwoo0_168rf_149.awsui_open_qwoo0_168rf_324.awsui_nowrap_qwoo0_168rf_333:not(#\9) {
+.awsui_dropdown_qwoo0_1nohd_153.awsui_open_qwoo0_1nohd_328.awsui_nowrap_qwoo0_1nohd_337:not(#\9) {
   white-space: nowrap;
   overflow: scroll;
 }
 
-.awsui_dropdown-content_qwoo0_168rf_149:not(#\9) {
+.awsui_dropdown-content_qwoo0_1nohd_153:not(#\9) {
   display: flex;
   flex-direction: column;
   inline-size: 100%;
 }
 
-.awsui_stretch-trigger-height_qwoo0_168rf_344:not(#\9) {
+.awsui_stretch-trigger-height_qwoo0_1nohd_348:not(#\9) {
   block-size: 100%;
 }

package/internal/components/dropdown/styles.selectors.js

@@ -2,25 +2,25 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "dropdown-content-wrapper": "awsui_dropdown-content-wrapper_qwoo0_168rf_149",
-  "awsui-motion-fade-in-dropdown": "awsui_awsui-motion-fade-in-dropdown_qwoo0_168rf_1",
-  "refresh": "awsui_refresh_qwoo0_168rf_170",
-  "awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-0_qwoo0_168rf_1",
-  "root": "awsui_root_qwoo0_168rf_195",
-  "interior": "awsui_interior_qwoo0_168rf_228",
-  "dropdown": "awsui_dropdown_qwoo0_168rf_149",
-  "use-portal": "awsui_use-portal_qwoo0_168rf_239",
-  "is-empty": "awsui_is-empty_qwoo0_168rf_285",
-  "dropdown-drop-up": "awsui_dropdown-drop-up_qwoo0_168rf_292",
-  "with-limited-width": "awsui_with-limited-width_qwoo0_168rf_296",
-  "dropdown-drop-left": "awsui_dropdown-drop-left_qwoo0_168rf_299",
-  "dropdown-drop-right": "awsui_dropdown-drop-right_qwoo0_168rf_302",
-  "occupy-entire-width": "awsui_occupy-entire-width_qwoo0_168rf_305",
-  "stretch-beyond-trigger-width": "awsui_stretch-beyond-trigger-width_qwoo0_168rf_308",
-  "hide-block-border": "awsui_hide-block-border_qwoo0_168rf_315",
-  "open": "awsui_open_qwoo0_168rf_324",
-  "nowrap": "awsui_nowrap_qwoo0_168rf_333",
-  "dropdown-content": "awsui_dropdown-content_qwoo0_168rf_149",
-  "stretch-trigger-height": "awsui_stretch-trigger-height_qwoo0_168rf_344"
+  "dropdown-content-wrapper": "awsui_dropdown-content-wrapper_qwoo0_1nohd_153",
+  "awsui-motion-fade-in-dropdown": "awsui_awsui-motion-fade-in-dropdown_qwoo0_1nohd_1",
+  "refresh": "awsui_refresh_qwoo0_1nohd_174",
+  "awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-0_qwoo0_1nohd_1",
+  "root": "awsui_root_qwoo0_1nohd_199",
+  "interior": "awsui_interior_qwoo0_1nohd_232",
+  "dropdown": "awsui_dropdown_qwoo0_1nohd_153",
+  "use-portal": "awsui_use-portal_qwoo0_1nohd_243",
+  "is-empty": "awsui_is-empty_qwoo0_1nohd_289",
+  "dropdown-drop-up": "awsui_dropdown-drop-up_qwoo0_1nohd_296",
+  "with-limited-width": "awsui_with-limited-width_qwoo0_1nohd_300",
+  "dropdown-drop-left": "awsui_dropdown-drop-left_qwoo0_1nohd_303",
+  "dropdown-drop-right": "awsui_dropdown-drop-right_qwoo0_1nohd_306",
+  "occupy-entire-width": "awsui_occupy-entire-width_qwoo0_1nohd_309",
+  "stretch-beyond-trigger-width": "awsui_stretch-beyond-trigger-width_qwoo0_1nohd_312",
+  "hide-block-border": "awsui_hide-block-border_qwoo0_1nohd_319",
+  "open": "awsui_open_qwoo0_1nohd_328",
+  "nowrap": "awsui_nowrap_qwoo0_1nohd_337",
+  "dropdown-content": "awsui_dropdown-content_qwoo0_1nohd_153",
+  "stretch-trigger-height": "awsui_stretch-trigger-height_qwoo0_1nohd_348"
 };