@cloudscape-design/components-themeable 3.0.1023 → 3.0.1024

package/lib/internal/template/list/interfaces.d.ts

@@ -0,0 +1,83 @@
+import { ReactNode } from 'react';
+import { SortableAreaProps } from '../internal/components/sortable-area';
+import { NonCancelableEventHandler } from '../internal/events';
+export interface ListProps<T = any> {
+    /**
+     * The items to display in the list.
+     */
+    items: ReadonlyArray<T>;
+    /**
+     * Render an item. The function should return an object with the following keys:
+     * * `id` (string) - A unique identifier for the item.
+     * * `content` (React.ReactNode) - The content of the item.
+     * * `secondaryContent` (React.ReactNode) - (Optional) Secondary content, for example item description.
+     * * `icon` (React.ReactNode) - (Optional) An icon, displayed at the start.
+     * * `action` (React.ReactNode) - (Optional) Action button(s).
+     * * `announcementLabel` (string) - (Optional) An announcement label for the item, used when sorting.
+     *    By default, the `content` is used: a custom label should be provided if `content` is not a string.
+     */
+    renderItem: (item: T) => {
+        id: string;
+        content: ReactNode;
+        secondaryContent?: ReactNode;
+        icon?: ReactNode;
+        action?: ReactNode;
+        announcementLabel?: string;
+    };
+    /**
+     * The HTML tag to render. By default `ul` is used for standard lists and `ol` for sortable lists.
+     */
+    tagOverride?: 'ol' | 'ul';
+    /**
+     * Adds an aria-label to the list.
+     */
+    ariaLabel?: string;
+    /**
+     * Adds an aria-labelledby to the list.
+     */
+    ariaLabelledby?: string;
+    /**
+     * Adds an aria-describedby to the list.
+     */
+    ariaDescribedby?: string;
+    /**
+     * Makes the list sortable by enabling drag and drop functionality.
+     */
+    sortable?: boolean;
+    /**
+     * Disables sorting drag handles. Use this to temporarily prevent users from reordering the list.
+     */
+    sortDisabled?: boolean;
+    /**
+     * Removes padding around and inside list items.
+     */
+    disableItemPaddings?: boolean;
+    /**
+     * Removes top and bottom padding around the list. Does not apply for sortable lists.
+     */
+    disablePaddings?: boolean;
+    /**
+     * Called when items are reordered in a sortable list.
+     */
+    onSortingChange?: NonCancelableEventHandler<ListProps.SortingState<T>>;
+    /**
+     * An object containing all the localized strings required by the component.
+     *
+     * - `liveAnnouncementDndStarted` ((position: number, total: number) => string) - (Optional) Adds a message to be announced by screen readers when an item is picked for reordering.
+     * - `liveAnnouncementDndDiscarded` (string) - (Optional) Adds a message to be announced by screen readers when a reordering action is canceled.
+     * - `liveAnnouncementDndItemReordered` ((initialPosition: number, currentPosition: number, total: number) => string) - (Optional) Adds a message to be announced by screen readers when an item is being moved.
+     * - `liveAnnouncementDndItemCommitted` ((initialPosition: number, finalPosition: number, total: number) => string) - (Optional) Adds a message to be announced by screen readers when a reordering action is committed.
+     * - `dragHandleAriaDescription` (string) - (Optional) Adds an ARIA description for the drag handle.
+     * - `dragHandleAriaLabel` (string) - (Optional) Adds an ARIA label for the drag handle.
+     *
+     * @i18n
+     */
+    i18nStrings?: ListProps.I18nStrings;
+}
+export declare namespace ListProps {
+    interface SortingState<T> {
+        items: ReadonlyArray<T>;
+    }
+    type I18nStrings = SortableAreaProps.DndAreaI18nStrings;
+}
+//# sourceMappingURL=interfaces.d.ts.map

package/lib/internal/template/list/interfaces.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../../src/list/interfaces.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,OAAO,EAAE,iBAAiB,EAAE,MAAM,sCAAsC,CAAC;AACzE,OAAO,EAAE,yBAAyB,EAAE,MAAM,oBAAoB,CAAC;AAE/D,MAAM,WAAW,SAAS,CAAC,CAAC,GAAG,GAAG;IAChC;;OAEG;IACH,KAAK,EAAE,aAAa,CAAC,CAAC,CAAC,CAAC;IAExB;;;;;;;;;OASG;IACH,UAAU,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK;QACvB,EAAE,EAAE,MAAM,CAAC;QACX,OAAO,EAAE,SAAS,CAAC;QACnB,gBAAgB,CAAC,EAAE,SAAS,CAAC;QAC7B,IAAI,CAAC,EAAE,SAAS,CAAC;QACjB,MAAM,CAAC,EAAE,SAAS,CAAC;QACnB,iBAAiB,CAAC,EAAE,MAAM,CAAC;KAC5B,CAAC;IAEF;;OAEG;IACH,WAAW,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IAE1B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB;;OAEG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB;;OAEG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B;;OAEG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;OAEG;IACH,eAAe,CAAC,EAAE,yBAAyB,CAAC,SAAS,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,CAAC;IACvE;;;;;;;;;;;OAWG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC,WAAW,CAAC;CACrC;AAED,yBAAiB,SAAS,CAAC;IACzB,UAAiB,YAAY,CAAC,CAAC;QAC7B,KAAK,EAAE,aAAa,CAAC,CAAC,CAAC,CAAC;KACzB;IAED,KAAY,WAAW,GAAG,iBAAiB,CAAC,kBAAkB,CAAC;CAChE"}

package/lib/internal/template/list/interfaces.js

@@ -0,0 +1,4 @@
+// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+// SPDX-License-Identifier: Apache-2.0
+export {};
+//# sourceMappingURL=interfaces.js.map

package/lib/internal/template/list/interfaces.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../src/list/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 { ReactNode } from 'react';\n\nimport { SortableAreaProps } from '../internal/components/sortable-area';\nimport { NonCancelableEventHandler } from '../internal/events';\n\nexport interface ListProps<T = any> {\n  /**\n   * The items to display in the list.\n   */\n  items: ReadonlyArray<T>;\n\n  /**\n   * Render an item. The function should return an object with the following keys:\n   * * `id` (string) - A unique identifier for the item.\n   * * `content` (React.ReactNode) - The content of the item.\n   * * `secondaryContent` (React.ReactNode) - (Optional) Secondary content, for example item description.\n   * * `icon` (React.ReactNode) - (Optional) An icon, displayed at the start.\n   * * `action` (React.ReactNode) - (Optional) Action button(s).\n   * * `announcementLabel` (string) - (Optional) An announcement label for the item, used when sorting.\n   *    By default, the `content` is used: a custom label should be provided if `content` is not a string.\n   */\n  renderItem: (item: T) => {\n    id: string;\n    content: ReactNode;\n    secondaryContent?: ReactNode;\n    icon?: ReactNode;\n    action?: ReactNode;\n    announcementLabel?: string;\n  };\n\n  /**\n   * The HTML tag to render. By default `ul` is used for standard lists and `ol` for sortable lists.\n   */\n  tagOverride?: 'ol' | 'ul';\n\n  /**\n   * Adds an aria-label to the list.\n   */\n  ariaLabel?: string;\n  /**\n   * Adds an aria-labelledby to the list.\n   */\n  ariaLabelledby?: string;\n  /**\n   * Adds an aria-describedby to the list.\n   */\n  ariaDescribedby?: string;\n  /**\n   * Makes the list sortable by enabling drag and drop functionality.\n   */\n  sortable?: boolean;\n  /**\n   * Disables sorting drag handles. Use this to temporarily prevent users from reordering the list.\n   */\n  sortDisabled?: boolean;\n  /**\n   * Removes padding around and inside list items.\n   */\n  disableItemPaddings?: boolean;\n  /**\n   * Removes top and bottom padding around the list. Does not apply for sortable lists.\n   */\n  disablePaddings?: boolean;\n  /**\n   * Called when items are reordered in a sortable list.\n   */\n  onSortingChange?: NonCancelableEventHandler<ListProps.SortingState<T>>;\n  /**\n   * An object containing all the localized strings required by the component.\n   *\n   * - `liveAnnouncementDndStarted` ((position: number, total: number) => string) - (Optional) Adds a message to be announced by screen readers when an item is picked for reordering.\n   * - `liveAnnouncementDndDiscarded` (string) - (Optional) Adds a message to be announced by screen readers when a reordering action is canceled.\n   * - `liveAnnouncementDndItemReordered` ((initialPosition: number, currentPosition: number, total: number) => string) - (Optional) Adds a message to be announced by screen readers when an item is being moved.\n   * - `liveAnnouncementDndItemCommitted` ((initialPosition: number, finalPosition: number, total: number) => string) - (Optional) Adds a message to be announced by screen readers when a reordering action is committed.\n   * - `dragHandleAriaDescription` (string) - (Optional) Adds an ARIA description for the drag handle.\n   * - `dragHandleAriaLabel` (string) - (Optional) Adds an ARIA label for the drag handle.\n   *\n   * @i18n\n   */\n  i18nStrings?: ListProps.I18nStrings;\n}\n\nexport namespace ListProps {\n  export interface SortingState<T> {\n    items: ReadonlyArray<T>;\n  }\n\n  export type I18nStrings = SortableAreaProps.DndAreaI18nStrings;\n}\n"]}

package/lib/internal/template/list/internal.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { InternalBaseComponentProps } from '../internal/hooks/use-base-component';
+import { ListProps } from './interfaces';
+type InternalListProps<T = any> = InternalBaseComponentProps & ListProps<T>;
+export default function InternalList<T = any>({ items, renderItem, sortable, sortDisabled, tagOverride: Tag, ariaLabel, ariaLabelledby, ariaDescribedby, onSortingChange, i18nStrings, disablePaddings, disableItemPaddings, __internalRootRef, ...rest }: InternalListProps<T>): JSX.Element;
+export {};
+//# sourceMappingURL=internal.d.ts.map

package/lib/internal/template/list/internal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"internal.d.ts","sourceRoot":"","sources":["../../../src/list/internal.tsx"],"names":[],"mappings":";AAgBA,OAAO,EAAE,0BAA0B,EAAE,MAAM,sCAAsC,CAAC;AAClF,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAKzC,KAAK,iBAAiB,CAAC,CAAC,GAAG,GAAG,IAAI,0BAA0B,GAAG,SAAS,CAAC,CAAC,CAAC,CAAC;AAS5E,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,CAAC,GAAG,GAAG,EAAE,EAC5C,KAAK,EACL,UAAU,EACV,QAAgB,EAChB,YAAoB,EACpB,WAAW,EAAE,GAA4B,EACzC,SAAS,EACT,cAAc,EACd,eAAe,EACf,eAAe,EACf,WAAW,EACX,eAAe,EACf,mBAAmB,EACnB,iBAAwB,EACxB,GAAG,IAAI,EACR,EAAE,iBAAiB,CAAC,CAAC,CAAC,eAuGtB"}

package/lib/internal/template/list/internal.js

@@ -0,0 +1,62 @@
+import { __rest } from "tslib";
+// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+// SPDX-License-Identifier: Apache-2.0
+import React from 'react';
+import clsx from 'clsx';
+import { useInternalI18n } from '../i18n/context';
+import { getBaseProps } from '../internal/base-component';
+import InternalDragHandle from '../internal/components/drag-handle';
+import SortableArea from '../internal/components/sortable-area';
+import { formatDndItemCommitted, formatDndItemReordered, formatDndStarted, } from '../internal/components/sortable-area/use-live-announcements';
+import InternalStructuredItem from '../internal/components/structured-item';
+import { fireNonCancelableEvent } from '../internal/events';
+import styles from './styles.css.js';
+import testClasses from './test-classes/styles.css.js';
+const extractValidStructuredItemProps = ({ content, secondaryContent, icon, actions }) => ({
+    content,
+    secondaryContent,
+    icon,
+    actions,
+});
+export default function InternalList(_a) {
+    var { items, renderItem, sortable = false, sortDisabled = false, tagOverride: Tag = sortable ? 'ol' : 'ul', ariaLabel, ariaLabelledby, ariaDescribedby, onSortingChange, i18nStrings, disablePaddings, disableItemPaddings, __internalRootRef = null } = _a, rest = __rest(_a, ["items", "renderItem", "sortable", "sortDisabled", "tagOverride", "ariaLabel", "ariaLabelledby", "ariaDescribedby", "onSortingChange", "i18nStrings", "disablePaddings", "disableItemPaddings", "__internalRootRef"]);
+    const baseProps = getBaseProps(rest);
+    const i18n = useInternalI18n('list');
+    let contents;
+    if (sortable) {
+        contents = (React.createElement(SortableArea, { items: items, disableReorder: sortDisabled, itemDefinition: {
+                id: item => renderItem(item).id,
+                label: item => {
+                    var _a;
+                    const details = renderItem(item);
+                    return (_a = details.announcementLabel) !== null && _a !== void 0 ? _a : details.content;
+                },
+            }, onItemsChange: event => fireNonCancelableEvent(onSortingChange, { items: event.detail.items }), i18nStrings: {
+                liveAnnouncementDndStarted: i18n('liveAnnouncementDndStarted', i18nStrings === null || i18nStrings === void 0 ? void 0 : i18nStrings.liveAnnouncementDndStarted, formatDndStarted),
+                liveAnnouncementDndItemReordered: i18n('liveAnnouncementDndItemReordered', i18nStrings === null || i18nStrings === void 0 ? void 0 : i18nStrings.liveAnnouncementDndItemReordered, formatDndItemReordered),
+                liveAnnouncementDndItemCommitted: i18n('liveAnnouncementDndItemCommitted', i18nStrings === null || i18nStrings === void 0 ? void 0 : i18nStrings.liveAnnouncementDndItemCommitted, formatDndItemCommitted),
+                liveAnnouncementDndDiscarded: i18n('liveAnnouncementDndDiscarded', i18nStrings === null || i18nStrings === void 0 ? void 0 : i18nStrings.liveAnnouncementDndDiscarded),
+                dragHandleAriaLabel: i18n('dragHandleAriaLabel', i18nStrings === null || i18nStrings === void 0 ? void 0 : i18nStrings.dragHandleAriaLabel),
+                dragHandleAriaDescription: i18n('dragHandleAriaDescription', i18nStrings === null || i18nStrings === void 0 ? void 0 : i18nStrings.dragHandleAriaDescription),
+            }, renderItem: ({ ref, item, id, style, className, dragHandleProps, isDragGhost }) => {
+                const structuredItemProps = extractValidStructuredItemProps(renderItem(item));
+                const itemClass = clsx(styles.item, testClasses.item, disableItemPaddings && styles['disable-item-paddings'], styles['sortable-item'], className);
+                const content = (React.createElement(React.Fragment, null,
+                    React.createElement(InternalDragHandle, Object.assign({}, dragHandleProps)),
+                    React.createElement(InternalStructuredItem, Object.assign({}, structuredItemProps, { disablePaddings: disableItemPaddings }))));
+                if (isDragGhost) {
+                    return React.createElement("div", { className: itemClass }, content);
+                }
+                return (React.createElement("li", { ref: ref, className: itemClass, style: style, "data-testid": id }, content));
+            } }));
+    }
+    else {
+        contents = items === null || items === void 0 ? void 0 : items.map(item => {
+            const _a = renderItem(item), { id } = _a, structuredItemProps = __rest(_a, ["id"]);
+            return (React.createElement("li", { key: id, "data-testid": id, className: clsx(styles.item, testClasses.item, disablePaddings && styles['disable-paddings'], disableItemPaddings && styles['disable-item-paddings']) },
+                React.createElement(InternalStructuredItem, Object.assign({}, extractValidStructuredItemProps(structuredItemProps), { disablePaddings: disableItemPaddings }))));
+        });
+    }
+    return (React.createElement(Tag, Object.assign({ ref: __internalRootRef }, baseProps, { className: clsx(baseProps.className, styles.root, testClasses.root), "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, "aria-describedby": ariaDescribedby }), contents));
+}
+//# sourceMappingURL=internal.js.map

package/lib/internal/template/list/internal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"internal.js","sourceRoot":"","sources":["../../../src/list/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 React, { ReactNode } from 'react';\nimport clsx from 'clsx';\n\nimport { useInternalI18n } from '../i18n/context';\nimport { getBaseProps } from '../internal/base-component';\nimport InternalDragHandle from '../internal/components/drag-handle';\nimport SortableArea from '../internal/components/sortable-area';\nimport {\n  formatDndItemCommitted,\n  formatDndItemReordered,\n  formatDndStarted,\n} from '../internal/components/sortable-area/use-live-announcements';\nimport InternalStructuredItem, { StructuredItemProps } from '../internal/components/structured-item';\nimport { fireNonCancelableEvent } from '../internal/events';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\nimport { ListProps } from './interfaces';\n\nimport styles from './styles.css.js';\nimport testClasses from './test-classes/styles.css.js';\n\ntype InternalListProps<T = any> = InternalBaseComponentProps & ListProps<T>;\n\nconst extractValidStructuredItemProps = ({ content, secondaryContent, icon, actions }: StructuredItemProps) => ({\n  content,\n  secondaryContent,\n  icon,\n  actions,\n});\n\nexport default function InternalList<T = any>({\n  items,\n  renderItem,\n  sortable = false,\n  sortDisabled = false,\n  tagOverride: Tag = sortable ? 'ol' : 'ul',\n  ariaLabel,\n  ariaLabelledby,\n  ariaDescribedby,\n  onSortingChange,\n  i18nStrings,\n  disablePaddings,\n  disableItemPaddings,\n  __internalRootRef = null,\n  ...rest\n}: InternalListProps<T>) {\n  const baseProps = getBaseProps(rest);\n  const i18n = useInternalI18n('list');\n\n  let contents: ReactNode;\n  if (sortable) {\n    contents = (\n      <SortableArea\n        items={items}\n        disableReorder={sortDisabled}\n        itemDefinition={{\n          id: item => renderItem(item).id,\n          label: item => {\n            const details = renderItem(item);\n            return details.announcementLabel ?? (details.content as string);\n          },\n        }}\n        onItemsChange={event => fireNonCancelableEvent(onSortingChange, { items: event.detail.items })}\n        i18nStrings={{\n          liveAnnouncementDndStarted: i18n(\n            'liveAnnouncementDndStarted',\n            i18nStrings?.liveAnnouncementDndStarted,\n            formatDndStarted\n          ),\n          liveAnnouncementDndItemReordered: i18n(\n            'liveAnnouncementDndItemReordered',\n            i18nStrings?.liveAnnouncementDndItemReordered,\n            formatDndItemReordered\n          ),\n          liveAnnouncementDndItemCommitted: i18n(\n            'liveAnnouncementDndItemCommitted',\n            i18nStrings?.liveAnnouncementDndItemCommitted,\n            formatDndItemCommitted\n          ),\n          liveAnnouncementDndDiscarded: i18n('liveAnnouncementDndDiscarded', i18nStrings?.liveAnnouncementDndDiscarded),\n          dragHandleAriaLabel: i18n('dragHandleAriaLabel', i18nStrings?.dragHandleAriaLabel),\n          dragHandleAriaDescription: i18n('dragHandleAriaDescription', i18nStrings?.dragHandleAriaDescription),\n        }}\n        renderItem={({ ref, item, id, style, className, dragHandleProps, isDragGhost }) => {\n          const structuredItemProps = extractValidStructuredItemProps(renderItem(item));\n\n          const itemClass = clsx(\n            styles.item,\n            testClasses.item,\n            disableItemPaddings && styles['disable-item-paddings'],\n            styles['sortable-item'],\n            className\n          );\n\n          const content = (\n            <>\n              <InternalDragHandle {...dragHandleProps} />\n              <InternalStructuredItem {...structuredItemProps} disablePaddings={disableItemPaddings} />\n            </>\n          );\n\n          if (isDragGhost) {\n            return <div className={itemClass}>{content}</div>;\n          }\n\n          return (\n            <li ref={ref} className={itemClass} style={style} data-testid={id}>\n              {content}\n            </li>\n          );\n        }}\n      />\n    );\n  } else {\n    contents = items?.map(item => {\n      const { id, ...structuredItemProps } = renderItem(item);\n      return (\n        <li\n          key={id}\n          data-testid={id}\n          className={clsx(\n            styles.item,\n            testClasses.item,\n            disablePaddings && styles['disable-paddings'],\n            disableItemPaddings && styles['disable-item-paddings']\n          )}\n        >\n          <InternalStructuredItem\n            {...extractValidStructuredItemProps(structuredItemProps)}\n            disablePaddings={disableItemPaddings}\n          />\n        </li>\n      );\n    });\n  }\n\n  return (\n    <Tag\n      ref={__internalRootRef}\n      {...baseProps}\n      className={clsx(baseProps.className, styles.root, testClasses.root)}\n      aria-label={ariaLabel}\n      aria-labelledby={ariaLabelledby}\n      aria-describedby={ariaDescribedby}\n    >\n      {contents}\n    </Tag>\n  );\n}\n"]}

package/lib/internal/template/list/styles.css.js

@@ -0,0 +1,10 @@
+
+    import './styles.scoped.css';
+    export default {
+  "root": "awsui_root_1axkx_1mjlv_145",
+  "item": "awsui_item_1axkx_1mjlv_183",
+  "disable-item-paddings": "awsui_disable-item-paddings_1axkx_1mjlv_186",
+  "disable-paddings": "awsui_disable-paddings_1axkx_1mjlv_189",
+  "sortable-item": "awsui_sortable-item_1axkx_1mjlv_196"
+};
+  

package/lib/internal/template/list/styles.scoped.css

@@ -0,0 +1,202 @@
+/*
+ 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
+*/
+/*
+ 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
+*/
+/*
+ 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
+*/
+/*
+ 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
+*/
+/*
+ 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
+*/
+/*
+ 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
+*/
+/*
+ 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
+*/
+/*
+ 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
+*/
+/*
+ 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
+*/
+/*
+ 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
+*/
+/*
+ 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
+*/
+/*
+ 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
+*/
+/*
+ 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
+*/
+/*
+ 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
+*/
+/* stylelint-disable @cloudscape-design/no-motion-outside-of-mixin, selector-combinator-disallowed-list, selector-pseudo-class-no-unknown, selector-class-pattern */
+/* stylelint-enable @cloudscape-design/no-motion-outside-of-mixin, selector-combinator-disallowed-list, selector-pseudo-class-no-unknown, selector-class-pattern */
+/*
+ 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
+*/
+/*
+ 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
+*/
+/*
+ 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
+*/
+/*
+ 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 */
+.awsui_root_1axkx_1mjlv_145:not(#\9) {
+  border-collapse: separate;
+  border-spacing: 0;
+  box-sizing: border-box;
+  caption-side: top;
+  cursor: auto;
+  direction: inherit;
+  empty-cells: show;
+  font-family: serif;
+  font-style: normal;
+  font-variant: normal;
+  font-stretch: normal;
+  hyphens: none;
+  letter-spacing: normal;
+  list-style: disc outside none;
+  tab-size: 8;
+  text-align: start;
+  text-indent: 0;
+  text-shadow: none;
+  text-transform: none;
+  visibility: visible;
+  white-space: normal;
+  word-spacing: normal;
+  font-size: var(--font-size-body-m-vv54cm, 14px);
+  line-height: var(--line-height-body-m-bedeoh, 22px);
+  color: var(--color-text-body-default-5qid0u, #16191f);
+  font-weight: 400;
+  font-family: var(--font-family-base-8x5ngf, "Noto Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
+  -webkit-font-smoothing: auto;
+  -moz-osx-font-smoothing: auto;
+  list-style: none;
+  padding-block: 0;
+  padding-inline: 0;
+  margin-block: 0;
+  margin-inline: 0;
+  position: relative;
+}
+
+.awsui_item_1axkx_1mjlv_183:not(#\9):not(:last-child) {
+  border-block-end: var(--border-divider-list-width-8ggz94, 1px) solid var(--color-border-divider-secondary-4wvr5g, #eaeded);
+}
+.awsui_item_1axkx_1mjlv_183:not(#\9):not(.awsui_disable-item-paddings_1axkx_1mjlv_186) {
+  padding-block: var(--space-scaled-xs-sppte9, 8px);
+}
+.awsui_item_1axkx_1mjlv_183:not(#\9):first-child.awsui_disable-paddings_1axkx_1mjlv_189 {
+  padding-block-start: 0;
+}
+.awsui_item_1axkx_1mjlv_183:not(#\9):last-child.awsui_disable-paddings_1axkx_1mjlv_189 {
+  padding-block-end: 0;
+}
+
+.awsui_sortable-item_1axkx_1mjlv_196:not(#\9) {
+  display: flex;
+  align-items: baseline;
+}
+.awsui_sortable-item_1axkx_1mjlv_196:not(#\9):not(.awsui_disable-item-paddings_1axkx_1mjlv_186) {
+  column-gap: var(--space-xxs-jnczic, 4px);
+}

package/lib/internal/template/list/styles.selectors.js

@@ -0,0 +1,11 @@
+
+    // es-module interop with Babel and Typescript
+    Object.defineProperty(exports, "__esModule", { value: true });
+    module.exports.default = {
+  "root": "awsui_root_1axkx_1mjlv_145",
+  "item": "awsui_item_1axkx_1mjlv_183",
+  "disable-item-paddings": "awsui_disable-item-paddings_1axkx_1mjlv_186",
+  "disable-paddings": "awsui_disable-paddings_1axkx_1mjlv_189",
+  "sortable-item": "awsui_sortable-item_1axkx_1mjlv_196"
+};
+  

package/lib/internal/template/list/test-classes/styles.css.js

@@ -0,0 +1,7 @@
+
+    import './styles.scoped.css';
+    export default {
+  "root": "awsui_root_rckk5_b9f2m_5",
+  "item": "awsui_item_rckk5_b9f2m_6"
+};
+  

package/lib/internal/template/list/test-classes/styles.scoped.css

@@ -0,0 +1,8 @@
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+.awsui_root_rckk5_b9f2m_5:not(#\9),
+.awsui_item_rckk5_b9f2m_6:not(#\9) {
+  /* used in test-utils */
+}

package/lib/internal/template/list/test-classes/styles.selectors.js

@@ -0,0 +1,8 @@
+
+    // es-module interop with Babel and Typescript
+    Object.defineProperty(exports, "__esModule", { value: true });
+    module.exports.default = {
+  "root": "awsui_root_rckk5_b9f2m_5",
+  "item": "awsui_item_rckk5_b9f2m_6"
+};
+  

package/lib/internal/template/package.json

@@ -73,6 +73,7 @@
     "./key-value-pairs": "./key-value-pairs/index.js",
     "./line-chart": "./line-chart/index.js",
     "./link": "./link/index.js",
+    "./list": "./list/index.js",
     "./live-region": "./live-region/index.js",
     "./mixed-line-bar-chart": "./mixed-line-bar-chart/index.js",
     "./modal": "./modal/index.js",

package/lib/internal/template/test-utils/dom/collection-preferences/content-display-preference.d.ts

@@ -2,6 +2,7 @@ import { ComponentWrapper, ElementWrapper } from '@cloudscape-design/test-utils-
 import TextFilterWrapper from '../text-filter';
 import ToggleWrapper from '../toggle';
 export declare class ContentDisplayOptionWrapper extends ComponentWrapper {
+    private getListItem;
     /**
      * Returns the drag handle for the option item.
      */
@@ -25,6 +26,7 @@ export default class ContentDisplayPreferenceWrapper extends ComponentWrapper {
      * Returns the preference description displayed below the title.
      */
     findDescription(): ElementWrapper;
+    private getList;
     /**
      * Returns an option for a given index.
      *

package/lib/internal/template/test-utils/dom/collection-preferences/content-display-preference.js

@@ -4,29 +4,34 @@ exports.ContentDisplayOptionWrapper = void 0;
 // Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
 // SPDX-License-Identifier: Apache-2.0
 const dom_1 = require("@cloudscape-design/test-utils-core/dom");
+const list_1 = require("../list");
 const text_filter_1 = require("../text-filter");
 const toggle_1 = require("../toggle");
 const styles_selectors_js_1 = require("../../../collection-preferences/styles.selectors.js");
-const styles_selectors_js_2 = require("../../../internal/components/drag-handle/styles.selectors.js");
 const getClassName = (suffix) => styles_selectors_js_1.default[`content-display-${suffix}`];
 class ContentDisplayOptionWrapper extends dom_1.ComponentWrapper {
+    getListItem() {
+        return new list_1.ListItemWrapper(this.getElement());
+    }
     /**
      * Returns the drag handle for the option item.
      */
     findDragHandle() {
-        return this.findByClassName(styles_selectors_js_2.default.handle);
+        return this.getListItem().findDragHandle();
     }
     /**
      * Returns the text label displayed in the option item.
      */
     findLabel() {
-        return this.findByClassName(styles_selectors_js_1.default['content-display-option-label']);
+        return this.getListItem().findContent().findByClassName(styles_selectors_js_1.default['content-display-option-label']);
     }
     /**
      * Returns the visibility toggle for the option item.
      */
     findVisibilityToggle() {
-        return this.findComponent(`.${styles_selectors_js_1.default['content-display-option-toggle']}`, toggle_1.default);
+        return this.getListItem()
+            .findContent()
+            .findComponent(`.${styles_selectors_js_1.default['content-display-option-toggle']}`, toggle_1.default);
     }
 }
 exports.ContentDisplayOptionWrapper = ContentDisplayOptionWrapper;
@@ -43,19 +48,25 @@ class ContentDisplayPreferenceWrapper extends dom_1.ComponentWrapper {
     findDescription() {
         return this.findByClassName(getClassName('description'));
     }
+    getList() {
+        return new list_1.default(this.getElement());
+    }
     /**
      * Returns an option for a given index.
      *
      * @param index 1-based index of the option to return.
      */
     findOptionByIndex(index) {
-        return this.findComponent(`.${getClassName('option')}:nth-child(${index})`, ContentDisplayOptionWrapper);
+        const item = this.getList().findItemByIndex(index);
+        return item && new ContentDisplayOptionWrapper(item.getElement());
     }
     /**
      * Returns options that the user can reorder.
      */
     findOptions() {
-        return this.findAllByClassName(getClassName('option')).map(wrapper => new ContentDisplayOptionWrapper(wrapper.getElement()));
+        return this.getList()
+            .findItems()
+            .map(wrapper => new ContentDisplayOptionWrapper(wrapper.getElement()));
     }
     /**
      * Returns the text filter input.

package/lib/internal/template/test-utils/dom/collection-preferences/content-display-preference.js.map

@@ -1 +1 @@
-{"version":3,"file":"content-display-preference.js","sourceRoot":"","sources":["../../../../../src/test-utils/dom/collection-preferences/content-display-preference.ts"],"names":[],"mappings":";;;AAAA,qEAAqE;AACrE,sCAAsC;AACtC,gEAA0F;AAE1F,gDAA+C;AAC/C,sCAAsC;AAEtC,6FAAyE;AACzE,sGAA4F;AAE5F,MAAM,YAAY,GAAG,CAAC,MAAc,EAAU,EAAE,CAAC,6BAAM,CAAC,mBAAmB,MAAM,EAAE,CAAC,CAAC;AAErF,MAAa,2BAA4B,SAAQ,sBAAgB;IAC/D;;OAEG;IACH,cAAc;QACZ,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAgB,CAAC,MAAM,CAAE,CAAC;IACxD,CAAC;IAED;;OAEG;IACH,SAAS;QACP,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAM,CAAC,8BAA8B,CAAC,CAAE,CAAC;IACvE,CAAC;IAED;;OAEG;IACH,oBAAoB;QAClB,OAAO,IAAI,CAAC,aAAa,CAAC,IAAI,6BAAM,CAAC,+BAA+B,CAAC,EAAE,EAAE,gBAAa,CAAE,CAAC;IAC3F,CAAC;CACF;AArBD,kEAqBC;AAED,MAAqB,+BAAgC,SAAQ,sBAAgB;IAG3E;;OAEG;IACH,SAAS;QACP,OAAO,IAAI,CAAC,eAAe,CAAC,YAAY,CAAC,OAAO,CAAC,CAAE,CAAC;IACtD,CAAC;IAED;;OAEG;IACH,eAAe;QACb,OAAO,IAAI,CAAC,eAAe,CAAC,YAAY,CAAC,aAAa,CAAC,CAAE,CAAC;IAC5D,CAAC;IAED;;;;OAIG;IACH,iBAAiB,CAAC,KAAa;QAC7B,OAAO,IAAI,CAAC,aAAa,CAAC,IAAI,YAAY,CAAC,QAAQ,CAAC,cAAc,KAAK,GAAG,EAAE,2BAA2B,CAAC,CAAC;IAC3G,CAAC;IAED;;OAEG;IACH,WAAW;QACT,OAAO,IAAI,CAAC,kBAAkB,CAAC,YAAY,CAAC,QAAQ,CAAC,CAAC,CAAC,GAAG,CACxD,OAAO,CAAC,EAAE,CAAC,IAAI,2BAA2B,CAAC,OAAO,CAAC,UAAU,EAAE,CAAC,CACjE,CAAC;IACJ,CAAC;IAED;;OAEG;IACH,cAAc;QACZ,OAAO,IAAI,CAAC,aAAa,CAAC,IAAI,6BAAM,CAAC,6BAA6B,CAAC,EAAE,EAAE,qBAAiB,CAAC,CAAC;IAC5F,CAAC;IAED;;OAEG;IACH,WAAW;QACT,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAM,CAAC,0BAA0B,CAAC,CAAC,CAAC;IAClE,CAAC;;AA/CH,kDAgDC;AA/CQ,4CAAY,GAAG,6BAAM,CAAC,iBAAiB,CAAC,CAAC"}
+{"version":3,"file":"content-display-preference.js","sourceRoot":"","sources":["../../../../../src/test-utils/dom/collection-preferences/content-display-preference.ts"],"names":[],"mappings":";;;AAAA,qEAAqE;AACrE,sCAAsC;AACtC,gEAA0F;AAE1F,kCAAuD;AACvD,gDAA+C;AAC/C,sCAAsC;AAEtC,6FAAyE;AAEzE,MAAM,YAAY,GAAG,CAAC,MAAc,EAAU,EAAE,CAAC,6BAAM,CAAC,mBAAmB,MAAM,EAAE,CAAC,CAAC;AAErF,MAAa,2BAA4B,SAAQ,sBAAgB;IACvD,WAAW;QACjB,OAAO,IAAI,sBAAe,CAAC,IAAI,CAAC,UAAU,EAAE,CAAC,CAAC;IAChD,CAAC;IACD;;OAEG;IACH,cAAc;QACZ,OAAO,IAAI,CAAC,WAAW,EAAE,CAAC,cAAc,EAAG,CAAC;IAC9C,CAAC;IAED;;OAEG;IACH,SAAS;QACP,OAAO,IAAI,CAAC,WAAW,EAAE,CAAC,WAAW,EAAE,CAAC,eAAe,CAAC,6BAAM,CAAC,8BAA8B,CAAC,CAAE,CAAC;IACnG,CAAC;IAED;;OAEG;IACH,oBAAoB;QAClB,OAAO,IAAI,CAAC,WAAW,EAAE;aACtB,WAAW,EAAE;aACb,aAAa,CAAC,IAAI,6BAAM,CAAC,+BAA+B,CAAC,EAAE,EAAE,gBAAa,CAAE,CAAC;IAClF,CAAC;CACF;AA1BD,kEA0BC;AAED,MAAqB,+BAAgC,SAAQ,sBAAgB;IAG3E;;OAEG;IACH,SAAS;QACP,OAAO,IAAI,CAAC,eAAe,CAAC,YAAY,CAAC,OAAO,CAAC,CAAE,CAAC;IACtD,CAAC;IAED;;OAEG;IACH,eAAe;QACb,OAAO,IAAI,CAAC,eAAe,CAAC,YAAY,CAAC,aAAa,CAAC,CAAE,CAAC;IAC5D,CAAC;IAEO,OAAO;QACb,OAAO,IAAI,cAAW,CAAC,IAAI,CAAC,UAAU,EAAE,CAAC,CAAC;IAC5C,CAAC;IAED;;;;OAIG;IACH,iBAAiB,CAAC,KAAa;QAC7B,MAAM,IAAI,GAAG,IAAI,CAAC,OAAO,EAAE,CAAC,eAAe,CAAC,KAAK,CAAC,CAAC;QACnD,OAAO,IAAI,IAAI,IAAI,2BAA2B,CAAC,IAAI,CAAC,UAAU,EAAE,CAAC,CAAC;IACpE,CAAC;IAED;;OAEG;IACH,WAAW;QACT,OAAO,IAAI,CAAC,OAAO,EAAE;aAClB,SAAS,EAAE;aACX,GAAG,CAAC,OAAO,CAAC,EAAE,CAAC,IAAI,2BAA2B,CAAC,OAAO,CAAC,UAAU,EAAE,CAAC,CAAC,CAAC;IAC3E,CAAC;IAED;;OAEG;IACH,cAAc;QACZ,OAAO,IAAI,CAAC,aAAa,CAAC,IAAI,6BAAM,CAAC,6BAA6B,CAAC,EAAE,EAAE,qBAAiB,CAAC,CAAC;IAC5F,CAAC;IAED;;OAEG;IACH,WAAW;QACT,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAM,CAAC,0BAA0B,CAAC,CAAC,CAAC;IAClE,CAAC;;AApDH,kDAqDC;AApDQ,4CAAY,GAAG,6BAAM,CAAC,iBAAiB,CAAC,CAAC"}

package/lib/internal/template/test-utils/dom/index.d.ts

@@ -45,6 +45,7 @@ import InputWrapper from './input';
 import KeyValuePairsWrapper from './key-value-pairs';
 import LineChartWrapper from './line-chart';
 import LinkWrapper from './link';
+import ListWrapper from './list';
 import LiveRegionWrapper from './live-region';
 import MixedLineBarChartWrapper from './mixed-line-bar-chart';
 import ModalWrapper from './modal';
@@ -125,6 +126,7 @@ export { InputWrapper };
 export { KeyValuePairsWrapper };
 export { LineChartWrapper };
 export { LinkWrapper };
+export { ListWrapper };
 export { LiveRegionWrapper };
 export { MixedLineBarChartWrapper };
 export { ModalWrapper };
@@ -972,6 +974,24 @@ declare module '@cloudscape-design/test-utils-core/dist/dom' {
          * @returns {Array<LinkWrapper>}
          */
         findAllLinks(selector?: string): Array<LinkWrapper>;
+        /**
+         * Returns the wrapper of the first List that matches the specified CSS selector.
+         * If no CSS selector is specified, returns the wrapper of the first List.
+         * If no matching List is found, returns `null`.
+         *
+         * @param {string} [selector] CSS Selector
+         * @returns {ListWrapper | null}
+         */
+        findList(selector?: string): ListWrapper | null;
+        /**
+         * Returns an array of List wrapper that matches the specified CSS selector.
+         * If no CSS selector is specified, returns all of the Lists inside the current wrapper.
+         * If no matching List is found, returns an empty array.
+         *
+         * @param {string} [selector] CSS Selector
+         * @returns {Array<ListWrapper>}
+         */
+        findAllLists(selector?: string): Array<ListWrapper>;
         /**
          * Returns the wrapper of the first LiveRegion that matches the specified CSS selector.
          * If no CSS selector is specified, returns the wrapper of the first LiveRegion.

package/lib/internal/template/test-utils/dom/index.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.MultiselectWrapper = exports.ModalWrapper = exports.MixedLineBarChartWrapper = exports.LiveRegionWrapper = exports.LinkWrapper = exports.LineChartWrapper = exports.KeyValuePairsWrapper = exports.InputWrapper = exports.IconWrapper = exports.HotspotWrapper = exports.HelpPanelWrapper = exports.HeaderWrapper = exports.GridWrapper = exports.FormFieldWrapper = exports.FormWrapper = exports.FlashbarWrapper = exports.FileUploadWrapper = exports.FileTokenGroupWrapper = exports.FileInputWrapper = exports.FileDropzoneWrapper = exports.ExpandableSectionWrapper = exports.DrawerWrapper = exports.DateRangePickerWrapper = exports.DatePickerWrapper = exports.DateInputWrapper = exports.CopyToClipboardWrapper = exports.ContentLayoutWrapper = exports.ContainerWrapper = exports.ColumnLayoutWrapper = exports.CollectionPreferencesWrapper = exports.CodeEditorWrapper = exports.CheckboxWrapper = exports.CardsWrapper = exports.CalendarWrapper = exports.ButtonGroupWrapper = exports.ButtonDropdownWrapper = exports.ButtonWrapper = exports.BreadcrumbGroupWrapper = exports.BoxWrapper = exports.BarChartWrapper = exports.BadgeWrapper = exports.AutosuggestWrapper = exports.AttributeEditorWrapper = exports.AreaChartWrapper = exports.AppLayoutToolbarWrapper = exports.AppLayoutWrapper = exports.AnnotationWrapper = exports.AnchorNavigationWrapper = exports.AlertWrapper = exports.ElementWrapper = void 0;
-exports.WizardWrapper = exports.TutorialPanelWrapper = exports.TopNavigationWrapper = exports.TokenGroupWrapper = exports.ToggleButtonWrapper = exports.ToggleWrapper = exports.TimeInputWrapper = exports.TilesWrapper = exports.TextareaWrapper = exports.TextFilterWrapper = exports.TextContentWrapper = exports.TagEditorWrapper = exports.TabsWrapper = exports.TableWrapper = exports.StepsWrapper = exports.StatusIndicatorWrapper = exports.SplitPanelWrapper = exports.SpinnerWrapper = exports.SpaceBetweenWrapper = exports.SliderWrapper = exports.SideNavigationWrapper = exports.SelectWrapper = exports.SegmentedControlWrapper = exports.S3ResourceSelectorWrapper = exports.RadioGroupWrapper = exports.PropertyFilterWrapper = exports.PromptInputWrapper = exports.ProgressBarWrapper = exports.PopoverWrapper = exports.PieChartWrapper = exports.PaginationWrapper = void 0;
+exports.ModalWrapper = exports.MixedLineBarChartWrapper = exports.LiveRegionWrapper = exports.ListWrapper = exports.LinkWrapper = exports.LineChartWrapper = exports.KeyValuePairsWrapper = exports.InputWrapper = exports.IconWrapper = exports.HotspotWrapper = exports.HelpPanelWrapper = exports.HeaderWrapper = exports.GridWrapper = exports.FormFieldWrapper = exports.FormWrapper = exports.FlashbarWrapper = exports.FileUploadWrapper = exports.FileTokenGroupWrapper = exports.FileInputWrapper = exports.FileDropzoneWrapper = exports.ExpandableSectionWrapper = exports.DrawerWrapper = exports.DateRangePickerWrapper = exports.DatePickerWrapper = exports.DateInputWrapper = exports.CopyToClipboardWrapper = exports.ContentLayoutWrapper = exports.ContainerWrapper = exports.ColumnLayoutWrapper = exports.CollectionPreferencesWrapper = exports.CodeEditorWrapper = exports.CheckboxWrapper = exports.CardsWrapper = exports.CalendarWrapper = exports.ButtonGroupWrapper = exports.ButtonDropdownWrapper = exports.ButtonWrapper = exports.BreadcrumbGroupWrapper = exports.BoxWrapper = exports.BarChartWrapper = exports.BadgeWrapper = exports.AutosuggestWrapper = exports.AttributeEditorWrapper = exports.AreaChartWrapper = exports.AppLayoutToolbarWrapper = exports.AppLayoutWrapper = exports.AnnotationWrapper = exports.AnchorNavigationWrapper = exports.AlertWrapper = exports.ElementWrapper = void 0;
+exports.WizardWrapper = exports.TutorialPanelWrapper = exports.TopNavigationWrapper = exports.TokenGroupWrapper = exports.ToggleButtonWrapper = exports.ToggleWrapper = exports.TimeInputWrapper = exports.TilesWrapper = exports.TextareaWrapper = exports.TextFilterWrapper = exports.TextContentWrapper = exports.TagEditorWrapper = exports.TabsWrapper = exports.TableWrapper = exports.StepsWrapper = exports.StatusIndicatorWrapper = exports.SplitPanelWrapper = exports.SpinnerWrapper = exports.SpaceBetweenWrapper = exports.SliderWrapper = exports.SideNavigationWrapper = exports.SelectWrapper = exports.SegmentedControlWrapper = exports.S3ResourceSelectorWrapper = exports.RadioGroupWrapper = exports.PropertyFilterWrapper = exports.PromptInputWrapper = exports.ProgressBarWrapper = exports.PopoverWrapper = exports.PieChartWrapper = exports.PaginationWrapper = exports.MultiselectWrapper = void 0;
 // Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
 // SPDX-License-Identifier: Apache-2.0
 const dom_1 = require("@cloudscape-design/test-utils-core/dom");
@@ -97,6 +97,8 @@ const line_chart_1 = require("./line-chart");
 exports.LineChartWrapper = line_chart_1.default;
 const link_1 = require("./link");
 exports.LinkWrapper = link_1.default;
+const list_1 = require("./list");
+exports.ListWrapper = list_1.default;
 const live_region_1 = require("./live-region");
 exports.LiveRegionWrapper = live_region_1.default;
 const mixed_line_bar_chart_1 = require("./mixed-line-bar-chart");
@@ -572,6 +574,15 @@ dom_1.ElementWrapper.prototype.findLink = function (selector) {
 dom_1.ElementWrapper.prototype.findAllLinks = function (selector) {
     return this.findAllComponents(link_1.default, selector);
 };
+dom_1.ElementWrapper.prototype.findList = function (selector) {
+    const rootSelector = `.${list_1.default.rootSelector}`;
+    // casting to 'any' is needed to avoid this issue with generics
+    // https://github.com/microsoft/TypeScript/issues/29132
+    return this.findComponent(selector ? (0, utils_1.appendSelector)(selector, rootSelector) : rootSelector, list_1.default);
+};
+dom_1.ElementWrapper.prototype.findAllLists = function (selector) {
+    return this.findAllComponents(list_1.default, selector);
+};
 dom_1.ElementWrapper.prototype.findLiveRegion = function (selector) {
     const rootSelector = `.${live_region_1.default.rootSelector}`;
     // casting to 'any' is needed to avoid this issue with generics