@cloudscape-design/components 3.0.1307 → 3.0.1309

package/test-utils/selectors/collection-preferences/content-display-preference.d.ts

@@ -13,8 +13,22 @@ export declare class ContentDisplayOptionWrapper extends ComponentWrapper {
   findLabel(): ElementWrapper;
   /**
    * Returns the visibility toggle for the option item.
+   * Note that, despite its typings, this may return null for group items since groups do not have a visibility toggle.
    */
   findVisibilityToggle(): ToggleWrapper;
+  /**
+   * Returns all child option items nested under this item when it is a group.
+   * Returns `null` when this item is a leaf column (has no nested children).
+   *
+   * The children are the leaf-level `ContentDisplayOptionWrapper`s inside the group's
+   * nested `InternalList` — i.e. they already carry a drag handle and visibility toggle.
+   *
+   * @param option.group When `true`, returns only group items. When `false`, returns only leaf column items.
+   *   When omitted, returns all child items regardless of type.
+   */
+  findChildrenOptions(option?: {
+    group?: boolean;
+  }): import("@cloudscape-design/test-utils-core/selectors").MultiElementWrapper<ContentDisplayOptionWrapper> | null;
 }
 export default class ContentDisplayPreferenceWrapper extends ComponentWrapper {
   static rootSelector: string;
@@ -34,9 +48,21 @@ export default class ContentDisplayPreferenceWrapper extends ComponentWrapper {
    */
   findOptionByIndex(index: number): ContentDisplayOptionWrapper;
   /**
-   * Returns options that the user can reorder.
+   * Returns the top-level items in the preference list.
+   *
+   * For tables **without** column grouping this returns all column options.
+   * For tables **with** column grouping this returns the top-level entries only
+   * (which are group items). Use `.findChildrenOptions()` on a group item to
+   * access the leaf columns nested within it.
+   *
+   * @param option.group When `true`, returns only group items. When `false`, returns only leaf column items.
+   *   When omitted, returns all top-level items regardless of type.
+   * @param option.visible When `true`, returns only visible items. When `false`, returns only hidden items.
+   *   Note that group items have no visibility toggle and are excluded when this filter is active.
    */
-  findOptions(): import("@cloudscape-design/test-utils-core/selectors").MultiElementWrapper<ContentDisplayOptionWrapper>;
+  findOptions(option?: {
+    group?: boolean;
+  }): import("@cloudscape-design/test-utils-core/selectors").MultiElementWrapper<ContentDisplayOptionWrapper>;
   /**
    * Returns the text filter input.
    */

package/test-utils/selectors/collection-preferences/content-display-preference.js

@@ -27,10 +27,40 @@ class ContentDisplayOptionWrapper extends selectors_1.ComponentWrapper {
     }
     /**
      * Returns the visibility toggle for the option item.
+     * Note that, despite its typings, this may return null for group items since groups do not have a visibility toggle.
      */
     findVisibilityToggle() {
         return this.getListItem().findContent().findComponent(`.${styles_selectors_js_1.default['content-display-option-toggle']}`, toggle_1.default);
     }
+    /**
+     * Returns all child option items nested under this item when it is a group.
+     * Returns `null` when this item is a leaf column (has no nested children).
+     *
+     * The children are the leaf-level `ContentDisplayOptionWrapper`s inside the group's
+     * nested `InternalList` — i.e. they already carry a drag handle and visibility toggle.
+     *
+     * @param option.group When `true`, returns only group items. When `false`, returns only leaf column items.
+     *   When omitted, returns all child items regardless of type.
+     */
+    /* istanbul ignore next: :has() selector not supported in JSDOM */
+    findChildrenOptions(option = {}) {
+        const groupWrapper = this.getListItem().findContent().find('[data-item-type="group"]');
+        if (!groupWrapper) {
+            return null;
+        }
+        const nestedList = groupWrapper.find(`.${list_1.default.rootSelector}`);
+        if (!nestedList) {
+            return null;
+        }
+        const list = new list_1.default(nestedList.getElement());
+        if (option.group === true) {
+            return list.findAll(`li:has([data-item-type="group"])`).map(item => new ContentDisplayOptionWrapper(item.getElement()));
+        }
+        if (option.group === false) {
+            return list.findAll(`li:has([data-item-type="column"])`).map(item => new ContentDisplayOptionWrapper(item.getElement()));
+        }
+        return list.findItems().map(item => new ContentDisplayOptionWrapper(item.getElement()));
+    }
 }
 exports.ContentDisplayOptionWrapper = ContentDisplayOptionWrapper;
 class ContentDisplayPreferenceWrapper extends selectors_1.ComponentWrapper {
@@ -59,9 +89,29 @@ class ContentDisplayPreferenceWrapper extends selectors_1.ComponentWrapper {
         return item && new ContentDisplayOptionWrapper(item.getElement());
     }
     /**
-     * Returns options that the user can reorder.
+     * Returns the top-level items in the preference list.
+     *
+     * For tables **without** column grouping this returns all column options.
+     * For tables **with** column grouping this returns the top-level entries only
+     * (which are group items). Use `.findChildrenOptions()` on a group item to
+     * access the leaf columns nested within it.
+     *
+     * @param option.group When `true`, returns only group items. When `false`, returns only leaf column items.
+     *   When omitted, returns all top-level items regardless of type.
+     * @param option.visible When `true`, returns only visible items. When `false`, returns only hidden items.
+     *   Note that group items have no visibility toggle and are excluded when this filter is active.
      */
-    findOptions() {
+    findOptions(option = {}) {
+        /* istanbul ignore next: :has() selector not supported in JSDOM */ if (option.group === true) {
+            // Only group items — identified by the data-item-type="group" wrapper inside the list item
+            return this.getList().findAll(`li:has([data-item-type="group"])`).map(wrapper => new ContentDisplayOptionWrapper(wrapper.getElement()));
+        }
+        /* istanbul ignore next: :has() selector not supported in JSDOM */
+        if (option.group === false) {
+            // Only leaf column items — identified by the data-item-type="column" wrapper
+            return this.getList().findAll(`li:has([data-item-type="column"])`).map(wrapper => new ContentDisplayOptionWrapper(wrapper.getElement()));
+        }
+        // No group filter — return all top-level items
         return this.getList().findItems().map(wrapper => new ContentDisplayOptionWrapper(wrapper.getElement()));
     }
     /**

package/test-utils/selectors/collection-preferences/content-display-preference.js.map

@@ -1 +1 @@
-{"version":3,"file":"content-display-preference.js","sourceRoot":"","sources":["../../../../../src/test-utils/selectors/collection-preferences/content-display-preference.ts"],"names":[],"mappings":";;;AAAA,qEAAqE;AACrE,sCAAsC;AACtC,4EAAgG;AAChG,kCAAuD;AACvD,gDAA+C;AAC/C,sCAAsC;AACtC,6FAAyE;AACzE,MAAM,YAAY,GAAG,CAAC,MAAc,EAAU,EAAE,CAAC,6BAAM,CAAC,mBAAmB,MAAM,EAAE,CAAC,CAAC;AACrF,MAAa,2BAA4B,SAAQ,4BAAgB;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,CAAC,WAAW,EAAE,CAAC,aAAa,CAAC,IAAI,6BAAM,CAAC,+BAA+B,CAAC,EAAE,EAAE,gBAAa,CAAE,CAAC;IACvH,CAAC;CACF;AAxBD,kEAwBC;AACD,MAAqB,+BAAgC,SAAQ,4BAAgB;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;IACO,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,CAAC,SAAS,EAAE,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE,CAAC,IAAI,2BAA2B,CAAC,OAAO,CAAC,UAAU,EAAE,CAAC,CAAC,CAAC;IAC1G,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;;AAhDM,4CAAY,GAAG,6BAAM,CAAC,iBAAiB,CAAC,CAAC;kBAD7B,+BAA+B"}
+{"version":3,"file":"content-display-preference.js","sourceRoot":"","sources":["../../../../../src/test-utils/selectors/collection-preferences/content-display-preference.ts"],"names":[],"mappings":"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"}

package/test-utils/selectors/table/index.d.ts

@@ -15,7 +15,19 @@ export default class TableWrapper extends ComponentWrapper {
    */
   findHeaderRegion(): ElementWrapper;
   findFooterSlot(): ElementWrapper;
-  findColumnHeaders(): import("@cloudscape-design/test-utils-core/selectors").MultiElementWrapper<ElementWrapper>;
+  /**
+   * Returns column header cells from the table's header region.
+   *
+   * By default, returns all leaf-column headers (`scope="col"`).
+   * For tables without column grouping this is equivalent to the previous behavior.
+   * For tables with column grouping this excludes group header cells.
+   *
+   * @param option.groupId When provided, returns only leaf columns belonging to this group
+   *   (matched via `data-column-group-id` attribute).
+   */
+  findColumnHeaders(option?: {
+    groupId?: string;
+  }): import("@cloudscape-design/test-utils-core/selectors").MultiElementWrapper<ElementWrapper>;
   /**
    * Returns the element the user clicks when resizing a column.
    *
@@ -45,6 +57,11 @@ export default class TableWrapper extends ComponentWrapper {
   findEmptyRegion(): ElementWrapper;
   findEmptySlot(): ElementWrapper;
   findLoadingText(): ElementWrapper;
+  /**
+   * Returns the clickable sorting area of a column header.
+   *
+   * @param colIndex 1-based index of the column.
+   */
   findColumnSortingArea(colIndex: number): ElementWrapper;
   /**
    * Returns the column that is used for ascending sorting.

package/test-utils/selectors/table/index.js

@@ -40,7 +40,21 @@ class TableWrapper extends selectors_1.ComponentWrapper {
     findFooterSlot() {
         return this.containerWrapper.findFooter();
     }
-    findColumnHeaders() {
+    /**
+     * Returns column header cells from the table's header region.
+     *
+     * By default, returns all leaf-column headers (`scope="col"`).
+     * For tables without column grouping this is equivalent to the previous behavior.
+     * For tables with column grouping this excludes group header cells.
+     *
+     * @param option.groupId When provided, returns only leaf columns belonging to this group
+     *   (matched via `data-column-group-id` attribute).
+     */
+    findColumnHeaders(option = {}) {
+        const { groupId } = option;
+        if (groupId !== undefined) {
+            return this.findActiveTHead().findAll(`th[data-column-group-id="${groupId}"]`);
+        }
         return this.findActiveTHead().findAll('tr > *');
     }
     /**
@@ -49,7 +63,7 @@ class TableWrapper extends selectors_1.ComponentWrapper {
      * @param columnIndex 1-based index of the column containing the resizer.
      */
     findColumnResizer(columnIndex) {
-        return this.findActiveTHead().find(`th:nth-child(${columnIndex}) .${styles_selectors_js_5.default.resizer}`);
+        return this.findActiveTHead().find(`th[data-column-index="${columnIndex}"] .${styles_selectors_js_5.default.resizer}, tr:not([data-group-level]) > th:nth-child(${columnIndex}) .${styles_selectors_js_5.default.resizer}`);
     }
     /**
      * Returns a table cell based on given row and column indices.
@@ -89,8 +103,13 @@ class TableWrapper extends selectors_1.ComponentWrapper {
     findLoadingText() {
         return this.findByClassName(styles_selectors_js_7.default.loading);
     }
+    /**
+     * Returns the clickable sorting area of a column header.
+     *
+     * @param colIndex 1-based index of the column.
+     */
     findColumnSortingArea(colIndex) {
-        return this.findActiveTHead().find(`tr > *:nth-child(${colIndex}) [role=button]`);
+        return this.findActiveTHead().find(`th[data-column-index="${colIndex}"] [role=button], tr:not([data-group-level]) > *:nth-child(${colIndex}) [role=button]`);
     }
     /**
      * Returns the column that is used for ascending sorting.

package/test-utils/selectors/table/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/test-utils/selectors/table/index.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/test-utils/selectors/table/index.ts"],"names":[],"mappings":"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"}

package/wizard/wizard-step-list.js

@@ -13,7 +13,7 @@ export const StepStatusValues = {
     Next: 'next',
 };
 export function getStepStatus(index, activeStepIndex, farthestStepIndex, isLoadingNextStep, allowSkipTo, steps) {
-    var _a;
+    var _a, _b;
     if (activeStepIndex === index) {
         return StepStatusValues.Active;
     }
@@ -24,12 +24,12 @@ export function getStepStatus(index, activeStepIndex, farthestStepIndex, isLoadi
         return StepStatusValues.Visited;
     }
     if (allowSkipTo && index > activeStepIndex) {
-        // Can we skip to this step? (all steps between current and this one are optional)
+        // All steps between current and target are optional — can skip over them
         if (canSkip(activeStepIndex + 1, index, steps)) {
             return StepStatusValues.Next;
         }
-        // Immediate next step is also navigable if it's optional
-        if (index === activeStepIndex + 1 && ((_a = steps[index]) === null || _a === void 0 ? void 0 : _a.isOptional)) {
+        // If either the current step or the next step is optional, we can navigate to it
+        if (index === activeStepIndex + 1 && (((_a = steps[index]) === null || _a === void 0 ? void 0 : _a.isOptional) || ((_b = steps[activeStepIndex]) === null || _b === void 0 ? void 0 : _b.isOptional))) {
             return StepStatusValues.Next;
         }
     }

package/wizard/wizard-step-list.js.map

@@ -1 +1 @@
-{"version":3,"file":"wizard-step-list.js","sourceRoot":"","sources":["../../../src/wizard/wizard-step-list.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 from 'react';\nimport clsx from 'clsx';\n\nimport { useUniqueId } from '@cloudscape-design/component-toolkit/internal';\n\nimport { getNavigationActionDetail } from './analytics-metadata/utils';\nimport { WizardProps } from './interfaces';\n\nimport analyticsSelectors from './analytics-metadata/styles.css.js';\nimport styles from './styles.css.js';\n\nexport const StepStatusValues = {\n  Active: 'active',\n  Visited: 'visited',\n  Unvisited: 'unvisited',\n  Next: 'next',\n} as const;\n\nexport type StepStatus = (typeof StepStatusValues)[keyof typeof StepStatusValues];\n\nexport interface WizardStepListProps {\n  activeStepIndex: number;\n  farthestStepIndex: number;\n  allowSkipTo: boolean;\n  i18nStrings: WizardProps.I18nStrings;\n  isLoadingNextStep: boolean;\n  onStepClick: (stepIndex: number) => void;\n  onSkipToClick: (stepIndex: number) => void;\n  steps: ReadonlyArray<WizardProps.Step>;\n}\n\nexport function getStepStatus(\n  index: number,\n  activeStepIndex: number,\n  farthestStepIndex: number,\n  isLoadingNextStep: boolean,\n  allowSkipTo: boolean,\n  steps: ReadonlyArray<{ isOptional?: boolean }>\n): StepStatus {\n  if (activeStepIndex === index) {\n    return StepStatusValues.Active;\n  }\n  if (isLoadingNextStep) {\n    return StepStatusValues.Unvisited;\n  }\n  if (farthestStepIndex >= index) {\n    return StepStatusValues.Visited;\n  }\n  if (allowSkipTo && index > activeStepIndex) {\n    // Can we skip to this step? (all steps between current and this one are optional)\n    if (canSkip(activeStepIndex + 1, index, steps)) {\n      return StepStatusValues.Next;\n    }\n    // Immediate next step is also navigable if it's optional\n    if (index === activeStepIndex + 1 && steps[index]?.isOptional) {\n      return StepStatusValues.Next;\n    }\n  }\n  return StepStatusValues.Unvisited;\n}\n\nexport function canSkip(fromIndex: number, toIndex: number, steps: ReadonlyArray<{ isOptional?: boolean }>): boolean {\n  // Can't skip if there are no steps to skip over\n  if (fromIndex >= toIndex) {\n    return false;\n  }\n  for (let i = fromIndex; i < toIndex; i++) {\n    if (!steps[i].isOptional) {\n      return false;\n    }\n  }\n  return true;\n}\n\nexport function handleStepNavigation(\n  stepIndex: number,\n  status: StepStatus,\n  onStepClick: (index: number) => void,\n  onSkipToClick: (index: number) => void\n): void {\n  if (status === StepStatusValues.Visited) {\n    onStepClick(stepIndex);\n  } else if (status === StepStatusValues.Next) {\n    onSkipToClick(stepIndex);\n  }\n}\n\nexport default function WizardStepList({\n  activeStepIndex,\n  farthestStepIndex,\n  allowSkipTo,\n  i18nStrings,\n  isLoadingNextStep,\n  onStepClick,\n  onSkipToClick,\n  steps,\n}: WizardStepListProps) {\n  return (\n    <ul className={styles.refresh}>\n      {steps.map((step, index) => (\n        <WizardStepListItem\n          key={index}\n          index={index}\n          step={step}\n          activeStepIndex={activeStepIndex}\n          farthestStepIndex={farthestStepIndex}\n          allowSkipTo={allowSkipTo}\n          i18nStrings={i18nStrings}\n          isLoadingNextStep={isLoadingNextStep}\n          onStepClick={onStepClick}\n          onSkipToClick={onSkipToClick}\n          steps={steps}\n        />\n      ))}\n    </ul>\n  );\n}\n\ninterface WizardStepListItemProps {\n  index: number;\n  step: WizardProps.Step;\n  activeStepIndex: number;\n  farthestStepIndex: number;\n  allowSkipTo: boolean;\n  i18nStrings: WizardProps.I18nStrings;\n  isLoadingNextStep: boolean;\n  onStepClick: (stepIndex: number) => void;\n  onSkipToClick: (stepIndex: number) => void;\n  steps: ReadonlyArray<WizardProps.Step>;\n}\n\nfunction WizardStepListItem({\n  index,\n  step,\n  activeStepIndex,\n  farthestStepIndex,\n  allowSkipTo,\n  i18nStrings,\n  isLoadingNextStep,\n  onStepClick,\n  onSkipToClick,\n  steps,\n}: WizardStepListItemProps) {\n  const status = getStepStatus(index, activeStepIndex, farthestStepIndex, isLoadingNextStep, allowSkipTo, steps);\n  const isClickable = status === StepStatusValues.Visited || status === StepStatusValues.Next;\n  const stepLabel = i18nStrings.stepNumberLabel?.(index + 1);\n  const fullStepLabel = `${stepLabel}: ${step.title}`;\n  const optionalDescriptionId = useUniqueId('wizard-step-optional-');\n  const state = {\n    active: 'active',\n    unvisited: 'disabled',\n    visited: 'enabled',\n    next: 'enabled',\n  }[status];\n\n  const handleInteraction = () => handleStepNavigation(index, status, onStepClick, onSkipToClick);\n\n  return (\n    <li className={clsx(styles[`${state}`], styles['navigation-link-item'])}>\n      <hr />\n\n      <span className={clsx(styles.number, styles['navigation-link-label'])}>\n        {i18nStrings.stepNumberLabel?.(index + 1)}\n        {step.isOptional && <i id={optionalDescriptionId}>{` - ${i18nStrings.optional}`}</i>}\n      </span>\n\n      <a\n        className={clsx(styles['navigation-link'], {\n          [styles['navigation-link-active']]: status === StepStatusValues.Active,\n          [styles['navigation-link-disabled']]: status === StepStatusValues.Unvisited,\n        })}\n        aria-current={status === StepStatusValues.Active ? 'step' : undefined}\n        aria-disabled={status === StepStatusValues.Unvisited ? 'true' : undefined}\n        onClick={event => {\n          event.preventDefault();\n          handleInteraction();\n        }}\n        onKeyDown={event => {\n          if (event.key === ' ' || event.key === 'Enter') {\n            event.preventDefault();\n          }\n          // Enter activates the button on key down instead of key up.\n          if (event.key === 'Enter') {\n            handleInteraction();\n          }\n        }}\n        onKeyUp={event => {\n          // Emulate button behavior, which also fires on space.\n          if (event.key === ' ') {\n            handleInteraction();\n          }\n        }}\n        role=\"button\"\n        tabIndex={isClickable ? 0 : undefined}\n        aria-label={fullStepLabel}\n        aria-describedby={step.isOptional ? optionalDescriptionId : undefined}\n        {...(status === StepStatusValues.Unvisited\n          ? {}\n          : getNavigationActionDetail(index, 'step', true, `.${analyticsSelectors['step-title']}`))}\n      >\n        <div className={styles.circle} />\n\n        <span className={clsx(styles.title, analyticsSelectors['step-title'])}>{step.title}</span>\n      </a>\n    </li>\n  );\n}\n"]}
+{"version":3,"file":"wizard-step-list.js","sourceRoot":"","sources":["../../../src/wizard/wizard-step-list.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 from 'react';\nimport clsx from 'clsx';\n\nimport { useUniqueId } from '@cloudscape-design/component-toolkit/internal';\n\nimport { getNavigationActionDetail } from './analytics-metadata/utils';\nimport { WizardProps } from './interfaces';\n\nimport analyticsSelectors from './analytics-metadata/styles.css.js';\nimport styles from './styles.css.js';\n\nexport const StepStatusValues = {\n  Active: 'active',\n  Visited: 'visited',\n  Unvisited: 'unvisited',\n  Next: 'next',\n} as const;\n\nexport type StepStatus = (typeof StepStatusValues)[keyof typeof StepStatusValues];\n\nexport interface WizardStepListProps {\n  activeStepIndex: number;\n  farthestStepIndex: number;\n  allowSkipTo: boolean;\n  i18nStrings: WizardProps.I18nStrings;\n  isLoadingNextStep: boolean;\n  onStepClick: (stepIndex: number) => void;\n  onSkipToClick: (stepIndex: number) => void;\n  steps: ReadonlyArray<WizardProps.Step>;\n}\n\nexport function getStepStatus(\n  index: number,\n  activeStepIndex: number,\n  farthestStepIndex: number,\n  isLoadingNextStep: boolean,\n  allowSkipTo: boolean,\n  steps: ReadonlyArray<{ isOptional?: boolean }>\n): StepStatus {\n  if (activeStepIndex === index) {\n    return StepStatusValues.Active;\n  }\n  if (isLoadingNextStep) {\n    return StepStatusValues.Unvisited;\n  }\n  if (farthestStepIndex >= index) {\n    return StepStatusValues.Visited;\n  }\n  if (allowSkipTo && index > activeStepIndex) {\n    // All steps between current and target are optional — can skip over them\n    if (canSkip(activeStepIndex + 1, index, steps)) {\n      return StepStatusValues.Next;\n    }\n    // If either the current step or the next step is optional, we can navigate to it\n    if (index === activeStepIndex + 1 && (steps[index]?.isOptional || steps[activeStepIndex]?.isOptional)) {\n      return StepStatusValues.Next;\n    }\n  }\n  return StepStatusValues.Unvisited;\n}\n\nexport function canSkip(fromIndex: number, toIndex: number, steps: ReadonlyArray<{ isOptional?: boolean }>): boolean {\n  // Can't skip if there are no steps to skip over\n  if (fromIndex >= toIndex) {\n    return false;\n  }\n  for (let i = fromIndex; i < toIndex; i++) {\n    if (!steps[i].isOptional) {\n      return false;\n    }\n  }\n  return true;\n}\n\nexport function handleStepNavigation(\n  stepIndex: number,\n  status: StepStatus,\n  onStepClick: (index: number) => void,\n  onSkipToClick: (index: number) => void\n): void {\n  if (status === StepStatusValues.Visited) {\n    onStepClick(stepIndex);\n  } else if (status === StepStatusValues.Next) {\n    onSkipToClick(stepIndex);\n  }\n}\n\nexport default function WizardStepList({\n  activeStepIndex,\n  farthestStepIndex,\n  allowSkipTo,\n  i18nStrings,\n  isLoadingNextStep,\n  onStepClick,\n  onSkipToClick,\n  steps,\n}: WizardStepListProps) {\n  return (\n    <ul className={styles.refresh}>\n      {steps.map((step, index) => (\n        <WizardStepListItem\n          key={index}\n          index={index}\n          step={step}\n          activeStepIndex={activeStepIndex}\n          farthestStepIndex={farthestStepIndex}\n          allowSkipTo={allowSkipTo}\n          i18nStrings={i18nStrings}\n          isLoadingNextStep={isLoadingNextStep}\n          onStepClick={onStepClick}\n          onSkipToClick={onSkipToClick}\n          steps={steps}\n        />\n      ))}\n    </ul>\n  );\n}\n\ninterface WizardStepListItemProps {\n  index: number;\n  step: WizardProps.Step;\n  activeStepIndex: number;\n  farthestStepIndex: number;\n  allowSkipTo: boolean;\n  i18nStrings: WizardProps.I18nStrings;\n  isLoadingNextStep: boolean;\n  onStepClick: (stepIndex: number) => void;\n  onSkipToClick: (stepIndex: number) => void;\n  steps: ReadonlyArray<WizardProps.Step>;\n}\n\nfunction WizardStepListItem({\n  index,\n  step,\n  activeStepIndex,\n  farthestStepIndex,\n  allowSkipTo,\n  i18nStrings,\n  isLoadingNextStep,\n  onStepClick,\n  onSkipToClick,\n  steps,\n}: WizardStepListItemProps) {\n  const status = getStepStatus(index, activeStepIndex, farthestStepIndex, isLoadingNextStep, allowSkipTo, steps);\n  const isClickable = status === StepStatusValues.Visited || status === StepStatusValues.Next;\n  const stepLabel = i18nStrings.stepNumberLabel?.(index + 1);\n  const fullStepLabel = `${stepLabel}: ${step.title}`;\n  const optionalDescriptionId = useUniqueId('wizard-step-optional-');\n  const state = {\n    active: 'active',\n    unvisited: 'disabled',\n    visited: 'enabled',\n    next: 'enabled',\n  }[status];\n\n  const handleInteraction = () => handleStepNavigation(index, status, onStepClick, onSkipToClick);\n\n  return (\n    <li className={clsx(styles[`${state}`], styles['navigation-link-item'])}>\n      <hr />\n\n      <span className={clsx(styles.number, styles['navigation-link-label'])}>\n        {i18nStrings.stepNumberLabel?.(index + 1)}\n        {step.isOptional && <i id={optionalDescriptionId}>{` - ${i18nStrings.optional}`}</i>}\n      </span>\n\n      <a\n        className={clsx(styles['navigation-link'], {\n          [styles['navigation-link-active']]: status === StepStatusValues.Active,\n          [styles['navigation-link-disabled']]: status === StepStatusValues.Unvisited,\n        })}\n        aria-current={status === StepStatusValues.Active ? 'step' : undefined}\n        aria-disabled={status === StepStatusValues.Unvisited ? 'true' : undefined}\n        onClick={event => {\n          event.preventDefault();\n          handleInteraction();\n        }}\n        onKeyDown={event => {\n          if (event.key === ' ' || event.key === 'Enter') {\n            event.preventDefault();\n          }\n          // Enter activates the button on key down instead of key up.\n          if (event.key === 'Enter') {\n            handleInteraction();\n          }\n        }}\n        onKeyUp={event => {\n          // Emulate button behavior, which also fires on space.\n          if (event.key === ' ') {\n            handleInteraction();\n          }\n        }}\n        role=\"button\"\n        tabIndex={isClickable ? 0 : undefined}\n        aria-label={fullStepLabel}\n        aria-describedby={step.isOptional ? optionalDescriptionId : undefined}\n        {...(status === StepStatusValues.Unvisited\n          ? {}\n          : getNavigationActionDetail(index, 'step', true, `.${analyticsSelectors['step-title']}`))}\n      >\n        <div className={styles.circle} />\n\n        <span className={clsx(styles.title, analyticsSelectors['step-title'])}>{step.title}</span>\n      </a>\n    </li>\n  );\n}\n"]}