@cloudscape-design/components 3.0.1006 → 3.0.1008

package/wizard/interfaces.d.ts

@@ -3,152 +3,153 @@ import { ErrorContext, FlowType } from '../internal/analytics/interfaces';
 import { BaseComponentProps } from '../internal/base-component';
 import { NonCancelableEventHandler } from '../internal/events';
 export declare namespace WizardProps {
-  interface AnalyticsMetadata {
-    instanceIdentifier?: string;
-    flowType?: FlowType;
-    resourceType?: string;
-    errorContext?: ErrorContext;
-  }
+    interface AnalyticsMetadata {
+        instanceIdentifier?: string;
+        flowType?: FlowType;
+        resourceType?: string;
+        errorContext?: ErrorContext;
+    }
 }
 export interface WizardProps extends BaseComponentProps {
-  /**
-   * Specifies additional analytics-related metadata.
-   * * `instanceIdentifier` - A unique string that identifies this component instance in your application.
-   * * `flowType` - Identifies the type of flow represented by the component.
-   * * `resourceType` - Identifies the type of resource represented by the flow. **Note:** This API is currently experimental.
-   * @analytics
-   */
-  analyticsMetadata?: WizardProps.AnalyticsMetadata;
-  /**
-   * Array of step objects. Each object represents a step in the wizard with the following properties:
-   *
-   * - `title` (string) - Text that's displayed as the title in the navigation pane and form header.
-   * - `info` (ReactNode) - (Optional) Area for a page level info link that's displayed in the form header.
-   *    The page level info link should trigger the default help panel content for the step. Use the [link component](/components/link/) to display the link.
-   * - `description` (ReactNode) - (Optional) Area below the form header for a page level description text to further explain the purpose, goal, or main actions of the step.
-   * - `content` (ReactNode) - Main content area to display form sections, form fields, and controls.
-   * - `errorText` (ReactNode) - (Optional) Error text that's displayed in a page level error alert.
-   *    Use this for rendering actionable server-side validation failure messages.
-   * - `isOptional` (boolean) - Specifies whether the step is optional or required. If set to `true`, the text from `i18nStrings.optional`
-   *    is rendered next to the `title` in the navigation step label and the form header title.
-   * - `analyticsMetadata` (WizardProps.StepAnalyticsMetadata) - (Optional) Specifies additional analytics-related metadata.
-   * @analytics
-   */
-  steps: ReadonlyArray<WizardProps.Step>;
-  /**
-   * Index of the step that's currently displayed. The first step has an index of zero (0).
-   *
-   * If you don't set this property, the component starts on the first step and switches step automatically
-   * when a user navigates using the buttons or an enabled step link in the navigation pane (that is, uncontrolled behavior).
-   *
-   * If you provide a value for this property, you must also set an `onNavigate` listener to update the property when
-   * a user navigates (that is, controlled behavior).
-   *
-   * If you set it to a value that exceeds the maximum value (that is, the number of steps minus 1), its value is ignored and the component uses the maximum value.
-   */
-  activeStepIndex?: number;
-  /**
-   * An object containing all the necessary localized strings required by the component.
-   *
-   * - `stepNumberLabel` ((stepNumber: number) => string) - A function that accepts a number (1-based indexing),
-   *    and returns a human-readable, localized string displaying the step number in the navigation pane. For example, "Step 1" or "Step 2".
-   * - `collapsedStepsLabel` ((stepNumber: number, stepsCount: number) => string) - A function that accepts two number parameters (1-based indexing),
-   *    and returns a string responsible for the navigation summary on smaller screens. For example, "Step 1 of 3". The parameters are as follows:
-   *    - `stepNumber` (number) - The step number that the user is currently on.
-   *    - `stepsCount` (number) - The total number of steps in the wizard.
-   * - `skipToButtonLabel`: ((targetStep: WizardProps.Step, targetStepNumber: number) => string) - An optional function that accepts the target step object
-   *    and the target step number (1-based indexing), and returns a string to be used as the *skip-to* button label. For example, "Skip to Step 2" or "Skip to end".
-   * - `navigationAriaLabel` (string) - The aria label for the navigation pane.
-   * - `cancelButton` (string) - The text of the button that enables the user to exit the flow.
-   * - `previousButton` (string) - The text of the button that enables the user to return to the previous step.
-   * - `nextButton` (string) - The text of the button that enables the user to move to the next step.
-   * - `submitButton` (string) - The text of the button that enables the user to submit the form. **Deprecated**, replaced by the `submitButtonText` component property. `submitButton` is not supported by the I18nProvider.
-   * - `optional` (string) - The text displayed next to the step title and form header title when a step is declared optional.
-   * - `nextButtonLoadingAnnouncement` (string) - The text that a screen reader announces when the *next* button is in a loading state.
-   * - `submitButtonLoadingAnnouncement` (string) - The text that a screen reader announces when the *submit* button is in a loading state.
-   * @i18n
-   */
-  i18nStrings?: WizardProps.I18nStrings;
-  /**
-   * The text of the button that enables the user to submit the form.
-   */
-  submitButtonText?: string;
-  /**
-   * Renders the *next* or *submit* button in a loading state.
-   *
-   * Use this if you need to wait for a response from the server before the user can proceed to the next step, such as during server-side validation or retrieving the next step's information.
-   */
-  isLoadingNextStep?: boolean;
-  /**
-   * When set to `false`, the *skip-to* button is never shown.
-   * When set to `true`, the *skip-to* button may appear to offer faster navigation for the user.
-   *
-   * The *skip-to* button only allows to skip optional steps. It is shown when there is one or more optional
-   * steps ahead having no required steps in-between.
-   *
-   * Note: the *skip-to* button requires the function i18nStrings.skipToButtonLabel to be defined.
-   *
-   * Defaults to `false`.
-   */
-  allowSkipTo?: boolean;
-  /**
-   * Specifies left-aligned secondary actions for the wizard. Use a button dropdown if multiple actions are required.
-   */
-  secondaryActions?: React.ReactNode;
-  /**
-   * Called when a user clicks the *cancel* button.
-   * If a user has entered data in the form, you should prompt the user with a modal before exiting the wizard flow.
-   */
-  onCancel?: NonCancelableEventHandler;
-  /**
-   * Called when a user clicks the *submit* button.
-   */
-  onSubmit?: NonCancelableEventHandler;
-  /**
-   * Called when a user clicks the *next* button, the *previous* button, or an enabled step link in the navigation pane.
-   *
-   * The event `detail` includes the following:
-   * - `requestedStepIndex` - The index of the requested step.
-   * - `reason` - The user action that triggered the navigation event. It can be `next` (when the user clicks the *next* button),
-   * `previous` (when the user clicks the *previous* button), `step` (an enabled step link in the navigation pane),
-   * or `skip` (when navigated using navigation pane or the *skip-to* button to the previously unvisited step).
-   */
-  onNavigate?: NonCancelableEventHandler<WizardProps.NavigateDetail>;
-}
-export declare namespace WizardProps {
-  interface StepAnalyticsMetadata {
-    instanceIdentifier?: string;
-    errorContext?: ErrorContext;
-  }
-  interface Step {
-    title: string;
-    info?: React.ReactNode;
-    description?: React.ReactNode;
-    content: React.ReactNode;
-    errorText?: React.ReactNode;
-    isOptional?: boolean;
-    analyticsMetadata?: StepAnalyticsMetadata;
-  }
-  interface I18nStrings {
     /**
-     * @deprecated Use `submitButtonText` on the component instead.
+     * Specifies additional analytics-related metadata.
+     * * `instanceIdentifier` - A unique string that identifies this component instance in your application.
+     * * `flowType` - Identifies the type of flow represented by the component.
+     * * `resourceType` - Identifies the type of resource represented by the flow. **Note:** This API is currently experimental.
+     * @analytics
+     */
+    analyticsMetadata?: WizardProps.AnalyticsMetadata;
+    /**
+     * Array of step objects. Each object represents a step in the wizard with the following properties:
+     *
+     * - `title` (string) - Text that's displayed as the title in the navigation pane and form header.
+     * - `info` (ReactNode) - (Optional) Area for a page level info link that's displayed in the form header.
+     *    The page level info link should trigger the default help panel content for the step. Use the [link component](/components/link/) to display the link.
+     * - `description` (ReactNode) - (Optional) Area below the form header for a page level description text to further explain the purpose, goal, or main actions of the step.
+     * - `content` (ReactNode) - Main content area to display form sections, form fields, and controls.
+     * - `errorText` (ReactNode) - (Optional) Error text that's displayed in a page level error alert.
+     *    Use this for rendering actionable server-side validation failure messages.
+     * - `isOptional` (boolean) - Specifies whether the step is optional or required. If set to `true`, the text from `i18nStrings.optional`
+     *    is rendered next to the `title` in the navigation step label and the form header title.
+     * - `analyticsMetadata` (WizardProps.StepAnalyticsMetadata) - (Optional) Specifies additional analytics-related metadata.
+     * @analytics
      */
-    submitButton?: string;
-    stepNumberLabel?(stepNumber: number): string;
-    collapsedStepsLabel?(stepNumber: number, stepsCount: number): string;
-    skipToButtonLabel?(targetStep: WizardProps.Step, targetStepNumber: number): string;
-    navigationAriaLabel?: string;
-    errorIconAriaLabel?: string;
-    cancelButton?: string;
-    previousButton?: string;
-    nextButton?: string;
-    optional?: string;
-    nextButtonLoadingAnnouncement?: string;
-    submitButtonLoadingAnnouncement?: string;
-  }
-  interface NavigateDetail {
-    requestedStepIndex: number;
-    reason: WizardProps.NavigationReason;
-  }
-  type NavigationReason = 'next' | 'previous' | 'step' | 'skip';
-}
+    steps: ReadonlyArray<WizardProps.Step>;
+    /**
+     * Index of the step that's currently displayed. The first step has an index of zero (0).
+     *
+     * If you don't set this property, the component starts on the first step and switches step automatically
+     * when a user navigates using the buttons or an enabled step link in the navigation pane (that is, uncontrolled behavior).
+     *
+     * If you provide a value for this property, you must also set an `onNavigate` listener to update the property when
+     * a user navigates (that is, controlled behavior).
+     *
+     * If you set it to a value that exceeds the maximum value (that is, the number of steps minus 1), its value is ignored and the component uses the maximum value.
+     */
+    activeStepIndex?: number;
+    /**
+     * An object containing all the necessary localized strings required by the component.
+     *
+     * - `stepNumberLabel` ((stepNumber: number) => string) - A function that accepts a number (1-based indexing),
+     *    and returns a human-readable, localized string displaying the step number in the navigation pane. For example, "Step 1" or "Step 2".
+     * - `collapsedStepsLabel` ((stepNumber: number, stepsCount: number) => string) - A function that accepts two number parameters (1-based indexing),
+     *    and returns a string responsible for the navigation summary on smaller screens. For example, "Step 1 of 3". The parameters are as follows:
+     *    - `stepNumber` (number) - The step number that the user is currently on.
+     *    - `stepsCount` (number) - The total number of steps in the wizard.
+     * - `skipToButtonLabel`: ((targetStep: WizardProps.Step, targetStepNumber: number) => string) - An optional function that accepts the target step object
+     *    and the target step number (1-based indexing), and returns a string to be used as the *skip-to* button label. For example, "Skip to Step 2" or "Skip to end".
+     * - `navigationAriaLabel` (string) - The aria label for the navigation pane.
+     * - `cancelButton` (string) - The text of the button that enables the user to exit the flow.
+     * - `previousButton` (string) - The text of the button that enables the user to return to the previous step.
+     * - `nextButton` (string) - The text of the button that enables the user to move to the next step.
+     * - `submitButton` (string) - The text of the button that enables the user to submit the form. **Deprecated**, replaced by the `submitButtonText` component property. `submitButton` is not supported by the I18nProvider.
+     * - `optional` (string) - The text displayed next to the step title and form header title when a step is declared optional.
+     * - `nextButtonLoadingAnnouncement` (string) - The text that a screen reader announces when the *next* button is in a loading state.
+     * - `submitButtonLoadingAnnouncement` (string) - The text that a screen reader announces when the *submit* button is in a loading state.
+     * @i18n
+     */
+    i18nStrings?: WizardProps.I18nStrings;
+    /**
+     * The text of the button that enables the user to submit the form.
+     */
+    submitButtonText?: string;
+    /**
+     * Renders the *next* or *submit* button in a loading state.
+     *
+     * Use this if you need to wait for a response from the server before the user can proceed to the next step, such as during server-side validation or retrieving the next step's information.
+     */
+    isLoadingNextStep?: boolean;
+    /**
+     * When set to `false`, the *skip-to* button is never shown.
+     * When set to `true`, the *skip-to* button may appear to offer faster navigation for the user.
+     *
+     * The *skip-to* button only allows to skip optional steps. It is shown when there is one or more optional
+     * steps ahead having no required steps in-between.
+     *
+     * Note: the *skip-to* button requires the function i18nStrings.skipToButtonLabel to be defined.
+     *
+     * Defaults to `false`.
+     */
+    allowSkipTo?: boolean;
+    /**
+     * Specifies left-aligned secondary actions for the wizard. Use a button dropdown if multiple actions are required.
+     */
+    secondaryActions?: React.ReactNode;
+    /**
+     * Called when a user clicks the *cancel* button.
+     * If a user has entered data in the form, you should prompt the user with a modal before exiting the wizard flow.
+     */
+    onCancel?: NonCancelableEventHandler;
+    /**
+     * Called when a user clicks the *submit* button.
+     */
+    onSubmit?: NonCancelableEventHandler;
+    /**
+     * Called when a user clicks the *next* button, the *previous* button, or an enabled step link in the navigation pane.
+     *
+     * The event `detail` includes the following:
+     * - `requestedStepIndex` - The index of the requested step.
+     * - `reason` - The user action that triggered the navigation event. It can be `next` (when the user clicks the *next* button),
+     * `previous` (when the user clicks the *previous* button), `step` (an enabled step link in the navigation pane),
+     * or `skip` (when navigated using navigation pane or the *skip-to* button to the previously unvisited step).
+     */
+    onNavigate?: NonCancelableEventHandler<WizardProps.NavigateDetail>;
+}
+export declare namespace WizardProps {
+    interface StepAnalyticsMetadata {
+        instanceIdentifier?: string;
+        errorContext?: ErrorContext;
+    }
+    interface Step {
+        title: string;
+        info?: React.ReactNode;
+        description?: React.ReactNode;
+        content: React.ReactNode;
+        errorText?: React.ReactNode;
+        isOptional?: boolean;
+        analyticsMetadata?: StepAnalyticsMetadata;
+    }
+    interface I18nStrings {
+        /**
+         * @deprecated Use `submitButtonText` on the component instead.
+         */
+        submitButton?: string;
+        stepNumberLabel?(stepNumber: number): string;
+        collapsedStepsLabel?(stepNumber: number, stepsCount: number): string;
+        skipToButtonLabel?(targetStep: WizardProps.Step, targetStepNumber: number): string;
+        navigationAriaLabel?: string;
+        errorIconAriaLabel?: string;
+        cancelButton?: string;
+        previousButton?: string;
+        nextButton?: string;
+        optional?: string;
+        nextButtonLoadingAnnouncement?: string;
+        submitButtonLoadingAnnouncement?: string;
+    }
+    interface NavigateDetail {
+        requestedStepIndex: number;
+        reason: WizardProps.NavigationReason;
+    }
+    type NavigationReason = 'next' | 'previous' | 'step' | 'skip';
+}
+//# sourceMappingURL=interfaces.d.ts.map

package/wizard/internal.d.ts

@@ -2,20 +2,8 @@
 import { InternalBaseComponentProps } from '../internal/hooks/use-base-component';
 import { WizardProps } from './interfaces';
 type InternalWizardProps = WizardProps & InternalBaseComponentProps & {
-  __injectAnalyticsComponentMetadata?: boolean;
+    __injectAnalyticsComponentMetadata?: boolean;
 };
-export default function InternalWizard({
-  steps,
-  activeStepIndex: controlledActiveStepIndex,
-  submitButtonText,
-  isLoadingNextStep,
-  allowSkipTo,
-  secondaryActions,
-  onCancel,
-  onSubmit,
-  onNavigate,
-  __internalRootRef,
-  __injectAnalyticsComponentMetadata,
-  ...rest
-}: InternalWizardProps): JSX.Element;
-export {};
+export default function InternalWizard({ steps, activeStepIndex: controlledActiveStepIndex, submitButtonText, isLoadingNextStep, allowSkipTo, secondaryActions, onCancel, onSubmit, onNavigate, __internalRootRef, __injectAnalyticsComponentMetadata, ...rest }: InternalWizardProps): JSX.Element;
+export {};
+//# sourceMappingURL=internal.d.ts.map

package/wizard/unmount.d.ts

@@ -1,8 +1,9 @@
 import React from 'react';
 export default class Unmount extends React.Component<{
-  onUnmount: () => void;
-  children: React.ReactNode;
+    onUnmount: () => void;
+    children: React.ReactNode;
 }> {
-  componentWillUnmount(): void;
-  render(): React.ReactNode;
-}
+    componentWillUnmount(): void;
+    render(): React.ReactNode;
+}
+//# sourceMappingURL=unmount.d.ts.map

package/wizard/wizard-actions.d.ts

@@ -1,36 +1,21 @@
 /// <reference types="react" />
 interface WizardActionsProps {
-  cancelButtonText?: string;
-  onCancelClick: () => void;
-  isPrimaryLoading: boolean;
-  primaryButtonText?: string;
-  primaryButtonLoadingText?: string;
-  onPrimaryClick: () => void;
-  showPrevious: boolean;
-  previousButtonText?: string;
-  onPreviousClick: () => void;
-  showSkipTo: boolean;
-  skipToButtonText?: string;
-  onSkipToClick: () => void;
-  isLastStep: boolean;
-  activeStepIndex: number;
-  skipToStepIndex: number;
+    cancelButtonText?: string;
+    onCancelClick: () => void;
+    isPrimaryLoading: boolean;
+    primaryButtonText?: string;
+    primaryButtonLoadingText?: string;
+    onPrimaryClick: () => void;
+    showPrevious: boolean;
+    previousButtonText?: string;
+    onPreviousClick: () => void;
+    showSkipTo: boolean;
+    skipToButtonText?: string;
+    onSkipToClick: () => void;
+    isLastStep: boolean;
+    activeStepIndex: number;
+    skipToStepIndex: number;
 }
-export default function WizardActions({
-  cancelButtonText,
-  onCancelClick,
-  isPrimaryLoading,
-  primaryButtonText,
-  primaryButtonLoadingText,
-  onPrimaryClick,
-  showPrevious,
-  previousButtonText,
-  onPreviousClick,
-  showSkipTo,
-  skipToButtonText,
-  onSkipToClick,
-  isLastStep,
-  activeStepIndex,
-  skipToStepIndex
-}: WizardActionsProps): JSX.Element;
-export {};
+export default function WizardActions({ cancelButtonText, onCancelClick, isPrimaryLoading, primaryButtonText, primaryButtonLoadingText, onPrimaryClick, showPrevious, previousButtonText, onPreviousClick, showSkipTo, skipToButtonText, onSkipToClick, isLastStep, activeStepIndex, skipToStepIndex, }: WizardActionsProps): JSX.Element;
+export {};
+//# sourceMappingURL=wizard-actions.d.ts.map

package/wizard/wizard-form-header.d.ts

@@ -1,8 +1,7 @@
 import React from 'react';
 interface WizardFormHeaderProps {
-  children: React.ReactNode;
+    children: React.ReactNode;
 }
-export default function WizardFormHeader({
-  children
-}: WizardFormHeaderProps): JSX.Element;
-export {};
+export default function WizardFormHeader({ children }: WizardFormHeaderProps): JSX.Element;
+export {};
+//# sourceMappingURL=wizard-form-header.d.ts.map

package/wizard/wizard-form.d.ts

@@ -2,19 +2,20 @@ import React from 'react';
 import { InternalBaseComponentProps } from '../internal/hooks/use-base-component';
 import { WizardProps } from './interfaces';
 interface WizardFormProps extends InternalBaseComponentProps {
-  steps: ReadonlyArray<WizardProps.Step>;
-  activeStepIndex: number;
-  showCollapsedSteps: boolean;
-  i18nStrings: WizardProps.I18nStrings;
-  submitButtonText?: string;
-  isPrimaryLoading: boolean;
-  allowSkipTo: boolean;
-  secondaryActions?: React.ReactNode;
-  onCancelClick: () => void;
-  onPreviousClick: () => void;
-  onPrimaryClick: () => void;
-  onSkipToClick: (stepIndex: number) => void;
+    steps: ReadonlyArray<WizardProps.Step>;
+    activeStepIndex: number;
+    showCollapsedSteps: boolean;
+    i18nStrings: WizardProps.I18nStrings;
+    submitButtonText?: string;
+    isPrimaryLoading: boolean;
+    allowSkipTo: boolean;
+    secondaryActions?: React.ReactNode;
+    onCancelClick: () => void;
+    onPreviousClick: () => void;
+    onPrimaryClick: () => void;
+    onSkipToClick: (stepIndex: number) => void;
 }
 export declare const STEP_NAME_SELECTOR: string;
 export default function WizardFormWithAnalytics(props: WizardFormProps): JSX.Element;
-export {};
+export {};
+//# sourceMappingURL=wizard-form.d.ts.map

package/wizard/wizard-form.js

@@ -68,7 +68,7 @@ function WizardForm({ __internalRootRef, stepHeaderRef, steps, activeStepIndex,
                 React.createElement("span", { className: styles['form-header-component-wrapper'] },
                     React.createElement("span", Object.assign({}, { [DATA_ATTR_FUNNEL_KEY]: FUNNEL_KEY_STEP_NAME }), title),
                     isOptional && React.createElement("i", null, ` - ${i18nStrings.optional}`)))),
-        React.createElement(InternalForm, Object.assign({ __internalRootRef: __internalRootRef, className: styles['form-component'], actions: React.createElement(WizardActions, { cancelButtonText: i18nStrings.cancelButton, primaryButtonText: isLastStep ? submitButtonText !== null && submitButtonText !== void 0 ? submitButtonText : i18nStrings.submitButton : i18nStrings.nextButton, primaryButtonLoadingText: isLastStep ? i18nStrings.submitButtonLoadingAnnouncement : i18nStrings.nextButtonLoadingAnnouncement, previousButtonText: i18nStrings.previousButton, onCancelClick: onCancelClick, onPreviousClick: onPreviousClick, onPrimaryClick: onPrimaryClick, onSkipToClick: () => onSkipToClick(skipToTargetIndex), showPrevious: activeStepIndex !== 0, isPrimaryLoading: isPrimaryLoading, showSkipTo: showSkipTo, skipToButtonText: skipToButtonText, isLastStep: isLastStep, activeStepIndex: activeStepIndex, skipToStepIndex: skipToTargetIndex }), secondaryActions: secondaryActions, errorText: errorText, __errorSlotId: errorSlotId, errorIconAriaLabel: i18nStrings.errorIconAriaLabel }, funnelStepInfo.current.funnelStepProps), content)));
+        React.createElement(InternalForm, Object.assign({ __internalRootRef: __internalRootRef, className: styles['form-component'], actions: React.createElement(WizardActions, { cancelButtonText: i18nStrings.cancelButton, primaryButtonText: isLastStep ? (submitButtonText !== null && submitButtonText !== void 0 ? submitButtonText : i18nStrings.submitButton) : i18nStrings.nextButton, primaryButtonLoadingText: isLastStep ? i18nStrings.submitButtonLoadingAnnouncement : i18nStrings.nextButtonLoadingAnnouncement, previousButtonText: i18nStrings.previousButton, onCancelClick: onCancelClick, onPreviousClick: onPreviousClick, onPrimaryClick: onPrimaryClick, onSkipToClick: () => onSkipToClick(skipToTargetIndex), showPrevious: activeStepIndex !== 0, isPrimaryLoading: isPrimaryLoading, showSkipTo: showSkipTo, skipToButtonText: skipToButtonText, isLastStep: isLastStep, activeStepIndex: activeStepIndex, skipToStepIndex: skipToTargetIndex }), secondaryActions: secondaryActions, errorText: errorText, __errorSlotId: errorSlotId, errorIconAriaLabel: i18nStrings.errorIconAriaLabel }, funnelStepInfo.current.funnelStepProps), content)));
 }
 function findSkipToTargetIndex(steps, activeStepIndex) {
     let nextRequiredStepIndex = activeStepIndex;

package/wizard/wizard-form.js.map

@@ -1 +1 @@
-{"version":3,"file":"wizard-form.js","sourceRoot":"","sources":["../../../src/wizard/wizard-form.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, { MutableRefObject, useEffect, useRef } from 'react';\nimport clsx from 'clsx';\n\nimport { useComponentMetadata, useUniqueId } from '@cloudscape-design/component-toolkit/internal';\nimport { AnalyticsMetadata } from '@cloudscape-design/component-toolkit/internal/base-component/metrics/interfaces';\n\nimport InternalForm from '../form/internal';\nimport InternalHeader from '../header/internal';\nimport { FunnelMetrics } from '../internal/analytics';\nimport { AnalyticsFunnelStep } from '../internal/analytics/components/analytics-funnel';\nimport { useFunnel, useFunnelStepRef } from '../internal/analytics/hooks/use-funnel';\nimport {\n  DATA_ATTR_FUNNEL_KEY,\n  FUNNEL_KEY_STEP_NAME,\n  getSubStepAllSelector,\n  getTextFromSelector,\n} from '../internal/analytics/selectors';\nimport { BasePropsWithAnalyticsMetadata, getAnalyticsMetadataProps } from '../internal/base-component';\nimport { PACKAGE_VERSION } from '../internal/environment';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\nimport { useEffectOnUpdate } from '../internal/hooks/use-effect-on-update';\nimport { WizardProps } from './interfaces';\nimport WizardActions from './wizard-actions';\nimport WizardFormHeader from './wizard-form-header';\n\nimport styles from './styles.css.js';\n\ninterface WizardFormProps extends InternalBaseComponentProps {\n  steps: ReadonlyArray<WizardProps.Step>;\n  activeStepIndex: number;\n  showCollapsedSteps: boolean;\n  i18nStrings: WizardProps.I18nStrings;\n  submitButtonText?: string;\n  isPrimaryLoading: boolean;\n  allowSkipTo: boolean;\n  secondaryActions?: React.ReactNode;\n  onCancelClick: () => void;\n  onPreviousClick: () => void;\n  onPrimaryClick: () => void;\n  onSkipToClick: (stepIndex: number) => void;\n}\n\nexport const STEP_NAME_SELECTOR = `[${DATA_ATTR_FUNNEL_KEY}=\"${FUNNEL_KEY_STEP_NAME}\"]`;\n\nexport default function WizardFormWithAnalytics(props: WizardFormProps) {\n  const analyticsMetadata = getAnalyticsMetadataProps(\n    props.steps[props.activeStepIndex] as BasePropsWithAnalyticsMetadata\n  );\n\n  const __internalRootRef = useComponentMetadata('WizardForm', PACKAGE_VERSION, analyticsMetadata as AnalyticsMetadata);\n  const stepHeaderRef = useRef<HTMLDivElement | null>(null);\n\n  useEffectOnUpdate(() => {\n    if (stepHeaderRef && stepHeaderRef.current) {\n      stepHeaderRef.current?.focus();\n    }\n  }, [props.activeStepIndex]);\n\n  return (\n    <AnalyticsFunnelStep\n      stepIdentifier={analyticsMetadata?.instanceIdentifier}\n      stepErrorContext={analyticsMetadata?.errorContext}\n      stepNameSelector={STEP_NAME_SELECTOR}\n      stepNumber={props.activeStepIndex + 1}\n    >\n      <WizardForm stepHeaderRef={stepHeaderRef} __internalRootRef={__internalRootRef} {...props} />\n    </AnalyticsFunnelStep>\n  );\n}\n\nfunction WizardForm({\n  __internalRootRef,\n  stepHeaderRef,\n  steps,\n  activeStepIndex,\n  showCollapsedSteps,\n  i18nStrings,\n  submitButtonText,\n  isPrimaryLoading,\n  allowSkipTo,\n  secondaryActions,\n  onCancelClick,\n  onPreviousClick,\n  onPrimaryClick,\n  onSkipToClick,\n}: WizardFormProps & { stepHeaderRef: MutableRefObject<HTMLDivElement | null> }) {\n  const { title, info, description, content, errorText, isOptional } = steps[activeStepIndex] || {};\n  const isLastStep = activeStepIndex >= steps.length - 1;\n  const skipToTargetIndex = findSkipToTargetIndex(steps, activeStepIndex);\n\n  const { funnelInteractionId, funnelIdentifier } = useFunnel();\n\n  const funnelStepInfo = useFunnelStepRef();\n\n  const errorSlotId = useUniqueId('wizard-error-');\n\n  const showSkipTo = allowSkipTo && skipToTargetIndex !== -1;\n  const skipToButtonText =\n    skipToTargetIndex !== -1 && i18nStrings.skipToButtonLabel\n      ? i18nStrings.skipToButtonLabel(steps[skipToTargetIndex], skipToTargetIndex + 1)\n      : undefined;\n\n  useEffect(() => {\n    if (funnelInteractionId && errorText) {\n      const stepName = getTextFromSelector(funnelStepInfo.current.stepNameSelector);\n\n      FunnelMetrics.funnelStepError({\n        funnelInteractionId,\n        stepNumber: funnelStepInfo.current.stepNumber,\n        stepNameSelector: funnelStepInfo.current.stepNameSelector,\n        stepName,\n        stepIdentifier: funnelStepInfo.current.stepIdentifier,\n        currentDocument: __internalRootRef?.current?.ownerDocument,\n        totalSubSteps: funnelStepInfo.current.subStepCount.current,\n        funnelIdentifier,\n        subStepAllSelector: getSubStepAllSelector(),\n        errorContext: funnelStepInfo.current.stepErrorContext,\n        subStepConfiguration: funnelStepInfo.current.subStepConfiguration.current?.get(\n          funnelStepInfo.current.stepNumber\n        ),\n        stepErrorSelector: '#' + errorSlotId,\n      });\n    }\n  }, [funnelInteractionId, funnelIdentifier, isLastStep, errorText, __internalRootRef, errorSlotId, funnelStepInfo]);\n\n  return (\n    <>\n      <WizardFormHeader>\n        <div className={clsx(styles['collapsed-steps'], !showCollapsedSteps && styles['collapsed-steps-hidden'])}>\n          {i18nStrings.collapsedStepsLabel?.(activeStepIndex + 1, steps.length)}\n        </div>\n        <InternalHeader\n          className={styles['form-header-component']}\n          variant=\"h1\"\n          description={description}\n          info={info}\n          __headingTagRef={stepHeaderRef}\n          __headingTagTabIndex={-1}\n        >\n          <span className={styles['form-header-component-wrapper']}>\n            <span {...{ [DATA_ATTR_FUNNEL_KEY]: FUNNEL_KEY_STEP_NAME }}>{title}</span>\n            {isOptional && <i>{` - ${i18nStrings.optional}`}</i>}\n          </span>\n        </InternalHeader>\n      </WizardFormHeader>\n\n      <InternalForm\n        __internalRootRef={__internalRootRef}\n        className={styles['form-component']}\n        actions={\n          <WizardActions\n            cancelButtonText={i18nStrings.cancelButton}\n            primaryButtonText={isLastStep ? submitButtonText ?? i18nStrings.submitButton : i18nStrings.nextButton}\n            primaryButtonLoadingText={\n              isLastStep ? i18nStrings.submitButtonLoadingAnnouncement : i18nStrings.nextButtonLoadingAnnouncement\n            }\n            previousButtonText={i18nStrings.previousButton}\n            onCancelClick={onCancelClick}\n            onPreviousClick={onPreviousClick}\n            onPrimaryClick={onPrimaryClick}\n            onSkipToClick={() => onSkipToClick(skipToTargetIndex)}\n            showPrevious={activeStepIndex !== 0}\n            isPrimaryLoading={isPrimaryLoading}\n            showSkipTo={showSkipTo}\n            skipToButtonText={skipToButtonText}\n            isLastStep={isLastStep}\n            activeStepIndex={activeStepIndex}\n            skipToStepIndex={skipToTargetIndex}\n          />\n        }\n        secondaryActions={secondaryActions}\n        errorText={errorText}\n        __errorSlotId={errorSlotId}\n        errorIconAriaLabel={i18nStrings.errorIconAriaLabel}\n        {...funnelStepInfo.current.funnelStepProps}\n      >\n        {content}\n      </InternalForm>\n    </>\n  );\n}\n\nfunction findSkipToTargetIndex(steps: ReadonlyArray<WizardProps.Step>, activeStepIndex: number): number {\n  let nextRequiredStepIndex = activeStepIndex;\n  do {\n    nextRequiredStepIndex++;\n  } while (nextRequiredStepIndex < steps.length - 1 && steps[nextRequiredStepIndex].isOptional);\n\n  return nextRequiredStepIndex > activeStepIndex + 1 ? nextRequiredStepIndex : -1;\n}\n"]}
+{"version":3,"file":"wizard-form.js","sourceRoot":"","sources":["../../../src/wizard/wizard-form.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, { MutableRefObject, useEffect, useRef } from 'react';\nimport clsx from 'clsx';\n\nimport { useComponentMetadata, useUniqueId } from '@cloudscape-design/component-toolkit/internal';\nimport { AnalyticsMetadata } from '@cloudscape-design/component-toolkit/internal/base-component/metrics/interfaces';\n\nimport InternalForm from '../form/internal';\nimport InternalHeader from '../header/internal';\nimport { FunnelMetrics } from '../internal/analytics';\nimport { AnalyticsFunnelStep } from '../internal/analytics/components/analytics-funnel';\nimport { useFunnel, useFunnelStepRef } from '../internal/analytics/hooks/use-funnel';\nimport {\n  DATA_ATTR_FUNNEL_KEY,\n  FUNNEL_KEY_STEP_NAME,\n  getSubStepAllSelector,\n  getTextFromSelector,\n} from '../internal/analytics/selectors';\nimport { BasePropsWithAnalyticsMetadata, getAnalyticsMetadataProps } from '../internal/base-component';\nimport { PACKAGE_VERSION } from '../internal/environment';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\nimport { useEffectOnUpdate } from '../internal/hooks/use-effect-on-update';\nimport { WizardProps } from './interfaces';\nimport WizardActions from './wizard-actions';\nimport WizardFormHeader from './wizard-form-header';\n\nimport styles from './styles.css.js';\n\ninterface WizardFormProps extends InternalBaseComponentProps {\n  steps: ReadonlyArray<WizardProps.Step>;\n  activeStepIndex: number;\n  showCollapsedSteps: boolean;\n  i18nStrings: WizardProps.I18nStrings;\n  submitButtonText?: string;\n  isPrimaryLoading: boolean;\n  allowSkipTo: boolean;\n  secondaryActions?: React.ReactNode;\n  onCancelClick: () => void;\n  onPreviousClick: () => void;\n  onPrimaryClick: () => void;\n  onSkipToClick: (stepIndex: number) => void;\n}\n\nexport const STEP_NAME_SELECTOR = `[${DATA_ATTR_FUNNEL_KEY}=\"${FUNNEL_KEY_STEP_NAME}\"]`;\n\nexport default function WizardFormWithAnalytics(props: WizardFormProps) {\n  const analyticsMetadata = getAnalyticsMetadataProps(\n    props.steps[props.activeStepIndex] as BasePropsWithAnalyticsMetadata\n  );\n\n  const __internalRootRef = useComponentMetadata('WizardForm', PACKAGE_VERSION, analyticsMetadata as AnalyticsMetadata);\n  const stepHeaderRef = useRef<HTMLDivElement | null>(null);\n\n  useEffectOnUpdate(() => {\n    if (stepHeaderRef && stepHeaderRef.current) {\n      stepHeaderRef.current?.focus();\n    }\n  }, [props.activeStepIndex]);\n\n  return (\n    <AnalyticsFunnelStep\n      stepIdentifier={analyticsMetadata?.instanceIdentifier}\n      stepErrorContext={analyticsMetadata?.errorContext}\n      stepNameSelector={STEP_NAME_SELECTOR}\n      stepNumber={props.activeStepIndex + 1}\n    >\n      <WizardForm stepHeaderRef={stepHeaderRef} __internalRootRef={__internalRootRef} {...props} />\n    </AnalyticsFunnelStep>\n  );\n}\n\nfunction WizardForm({\n  __internalRootRef,\n  stepHeaderRef,\n  steps,\n  activeStepIndex,\n  showCollapsedSteps,\n  i18nStrings,\n  submitButtonText,\n  isPrimaryLoading,\n  allowSkipTo,\n  secondaryActions,\n  onCancelClick,\n  onPreviousClick,\n  onPrimaryClick,\n  onSkipToClick,\n}: WizardFormProps & { stepHeaderRef: MutableRefObject<HTMLDivElement | null> }) {\n  const { title, info, description, content, errorText, isOptional } = steps[activeStepIndex] || {};\n  const isLastStep = activeStepIndex >= steps.length - 1;\n  const skipToTargetIndex = findSkipToTargetIndex(steps, activeStepIndex);\n\n  const { funnelInteractionId, funnelIdentifier } = useFunnel();\n\n  const funnelStepInfo = useFunnelStepRef();\n\n  const errorSlotId = useUniqueId('wizard-error-');\n\n  const showSkipTo = allowSkipTo && skipToTargetIndex !== -1;\n  const skipToButtonText =\n    skipToTargetIndex !== -1 && i18nStrings.skipToButtonLabel\n      ? i18nStrings.skipToButtonLabel(steps[skipToTargetIndex], skipToTargetIndex + 1)\n      : undefined;\n\n  useEffect(() => {\n    if (funnelInteractionId && errorText) {\n      const stepName = getTextFromSelector(funnelStepInfo.current.stepNameSelector);\n\n      FunnelMetrics.funnelStepError({\n        funnelInteractionId,\n        stepNumber: funnelStepInfo.current.stepNumber,\n        stepNameSelector: funnelStepInfo.current.stepNameSelector,\n        stepName,\n        stepIdentifier: funnelStepInfo.current.stepIdentifier,\n        currentDocument: __internalRootRef?.current?.ownerDocument,\n        totalSubSteps: funnelStepInfo.current.subStepCount.current,\n        funnelIdentifier,\n        subStepAllSelector: getSubStepAllSelector(),\n        errorContext: funnelStepInfo.current.stepErrorContext,\n        subStepConfiguration: funnelStepInfo.current.subStepConfiguration.current?.get(\n          funnelStepInfo.current.stepNumber\n        ),\n        stepErrorSelector: '#' + errorSlotId,\n      });\n    }\n  }, [funnelInteractionId, funnelIdentifier, isLastStep, errorText, __internalRootRef, errorSlotId, funnelStepInfo]);\n\n  return (\n    <>\n      <WizardFormHeader>\n        <div className={clsx(styles['collapsed-steps'], !showCollapsedSteps && styles['collapsed-steps-hidden'])}>\n          {i18nStrings.collapsedStepsLabel?.(activeStepIndex + 1, steps.length)}\n        </div>\n        <InternalHeader\n          className={styles['form-header-component']}\n          variant=\"h1\"\n          description={description}\n          info={info}\n          __headingTagRef={stepHeaderRef}\n          __headingTagTabIndex={-1}\n        >\n          <span className={styles['form-header-component-wrapper']}>\n            <span {...{ [DATA_ATTR_FUNNEL_KEY]: FUNNEL_KEY_STEP_NAME }}>{title}</span>\n            {isOptional && <i>{` - ${i18nStrings.optional}`}</i>}\n          </span>\n        </InternalHeader>\n      </WizardFormHeader>\n\n      <InternalForm\n        __internalRootRef={__internalRootRef}\n        className={styles['form-component']}\n        actions={\n          <WizardActions\n            cancelButtonText={i18nStrings.cancelButton}\n            primaryButtonText={isLastStep ? (submitButtonText ?? i18nStrings.submitButton) : i18nStrings.nextButton}\n            primaryButtonLoadingText={\n              isLastStep ? i18nStrings.submitButtonLoadingAnnouncement : i18nStrings.nextButtonLoadingAnnouncement\n            }\n            previousButtonText={i18nStrings.previousButton}\n            onCancelClick={onCancelClick}\n            onPreviousClick={onPreviousClick}\n            onPrimaryClick={onPrimaryClick}\n            onSkipToClick={() => onSkipToClick(skipToTargetIndex)}\n            showPrevious={activeStepIndex !== 0}\n            isPrimaryLoading={isPrimaryLoading}\n            showSkipTo={showSkipTo}\n            skipToButtonText={skipToButtonText}\n            isLastStep={isLastStep}\n            activeStepIndex={activeStepIndex}\n            skipToStepIndex={skipToTargetIndex}\n          />\n        }\n        secondaryActions={secondaryActions}\n        errorText={errorText}\n        __errorSlotId={errorSlotId}\n        errorIconAriaLabel={i18nStrings.errorIconAriaLabel}\n        {...funnelStepInfo.current.funnelStepProps}\n      >\n        {content}\n      </InternalForm>\n    </>\n  );\n}\n\nfunction findSkipToTargetIndex(steps: ReadonlyArray<WizardProps.Step>, activeStepIndex: number): number {\n  let nextRequiredStepIndex = activeStepIndex;\n  do {\n    nextRequiredStepIndex++;\n  } while (nextRequiredStepIndex < steps.length - 1 && steps[nextRequiredStepIndex].isOptional);\n\n  return nextRequiredStepIndex > activeStepIndex + 1 ? nextRequiredStepIndex : -1;\n}\n"]}

package/wizard/wizard-navigation.d.ts

@@ -1,25 +1,16 @@
 /// <reference types="react" />
 import { WizardProps } from './interfaces';
 interface NavigationProps {
-  activeStepIndex: number;
-  farthestStepIndex: number;
-  allowSkipTo: boolean;
-  hidden: boolean;
-  i18nStrings: WizardProps.I18nStrings;
-  isLoadingNextStep: boolean;
-  onStepClick: (stepIndex: number) => void;
-  onSkipToClick: (stepIndex: number) => void;
-  steps: ReadonlyArray<WizardProps.Step>;
+    activeStepIndex: number;
+    farthestStepIndex: number;
+    allowSkipTo: boolean;
+    hidden: boolean;
+    i18nStrings: WizardProps.I18nStrings;
+    isLoadingNextStep: boolean;
+    onStepClick: (stepIndex: number) => void;
+    onSkipToClick: (stepIndex: number) => void;
+    steps: ReadonlyArray<WizardProps.Step>;
 }
-export default function Navigation({
-  activeStepIndex,
-  farthestStepIndex,
-  allowSkipTo,
-  hidden,
-  i18nStrings,
-  isLoadingNextStep,
-  onStepClick,
-  onSkipToClick,
-  steps
-}: NavigationProps): JSX.Element;
-export {};
+export default function Navigation({ activeStepIndex, farthestStepIndex, allowSkipTo, hidden, i18nStrings, isLoadingNextStep, onStepClick, onSkipToClick, steps, }: NavigationProps): JSX.Element;
+export {};
+//# sourceMappingURL=wizard-navigation.d.ts.map

package/button/internal-do-not-use-core.js

@@ -1,20 +0,0 @@
-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 { getBaseProps } from '../internal/base-component';
-import useBaseComponent from '../internal/hooks/use-base-component';
-import { applyDisplayName } from '../internal/utils/apply-display-name';
-import { InternalButton } from './internal';
-const Button = React.forwardRef((_a, ref) => {
-    var { children, iconName, iconAlign = 'left', iconUrl, iconSvg, iconAlt, variant = 'normal', loading = false, loadingText, disabled = false, disabledReason, wrapText = true, href, target, rel, external = false, download, formAction = 'submit', ariaLabel, ariaDescribedby, onClick, onFollow, ariaExpanded, ariaControls, fullWidth, form, i18nStrings, style } = _a, props = __rest(_a, ["children", "iconName", "iconAlign", "iconUrl", "iconSvg", "iconAlt", "variant", "loading", "loadingText", "disabled", "disabledReason", "wrapText", "href", "target", "rel", "external", "download", "formAction", "ariaLabel", "ariaDescribedby", "onClick", "onFollow", "ariaExpanded", "ariaControls", "fullWidth", "form", "i18nStrings", "style"]);
-    const baseComponentProps = useBaseComponent('Button', {
-        props: { formAction, fullWidth, iconAlign, iconName, rel, target, external, variant, wrapText },
-        metadata: { hasDisabledReason: Boolean(disabledReason) },
-    });
-    const baseProps = getBaseProps(props);
-    return (React.createElement(InternalButton, Object.assign({}, baseProps, baseComponentProps, { ref: ref, iconName: iconName, iconAlign: iconAlign, iconUrl: iconUrl, iconSvg: iconSvg, iconAlt: iconAlt, variant: variant, loading: loading, loadingText: loadingText, disabled: disabled, disabledReason: disabledReason, wrapText: wrapText, href: href, target: target, rel: rel, external: external, download: download, formAction: formAction, ariaLabel: ariaLabel, ariaDescribedby: ariaDescribedby, onClick: onClick, onFollow: onFollow, ariaExpanded: ariaExpanded, ariaControls: ariaControls, fullWidth: fullWidth, form: form, i18nStrings: i18nStrings, style: style, __injectAnalyticsComponentMetadata: true }), children));
-});
-applyDisplayName(Button, 'Button');
-export default Button;
-//# sourceMappingURL=index.js.map

package/container/internal-do-not-use-core.js

@@ -1,35 +0,0 @@
-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 { getAnalyticsMetadataAttribute } from '@cloudscape-design/component-toolkit/internal/analytics-metadata';
-import { AnalyticsFunnelSubStep } from '../internal/analytics/components/analytics-funnel';
-import { getAnalyticsMetadataProps } from '../internal/base-component';
-import useBaseComponent from '../internal/hooks/use-base-component';
-import { applyDisplayName } from '../internal/utils/apply-display-name';
-import { getExternalProps } from '../internal/utils/external-props';
-import { InternalContainerAsSubstep } from './internal';
-export default function Container(_a) {
-    var { variant = 'default', disableHeaderPaddings = false, disableContentPaddings = false, fitHeight = false } = _a, props = __rest(_a, ["variant", "disableHeaderPaddings", "disableContentPaddings", "fitHeight"]);
-    const analyticsMetadata = getAnalyticsMetadataProps(props);
-    const baseComponentProps = useBaseComponent('Container', {
-        props: {
-            disableContentPaddings,
-            disableHeaderPaddings,
-            fitHeight,
-            variant,
-        },
-        metadata: {
-            hasInstanceIdentifier: Boolean(analyticsMetadata === null || analyticsMetadata === void 0 ? void 0 : analyticsMetadata.instanceIdentifier),
-        },
-    }, analyticsMetadata);
-    const externalProps = getExternalProps(props);
-    const analyticsComponentMetadata = {
-        name: 'awsui.Container',
-        label: { root: 'self' },
-    };
-    return (React.createElement(AnalyticsFunnelSubStep, { subStepIdentifier: analyticsMetadata === null || analyticsMetadata === void 0 ? void 0 : analyticsMetadata.instanceIdentifier, subStepErrorContext: analyticsMetadata === null || analyticsMetadata === void 0 ? void 0 : analyticsMetadata.errorContext },
-        React.createElement(InternalContainerAsSubstep, Object.assign({ variant: variant, disableContentPaddings: disableContentPaddings, disableHeaderPaddings: disableHeaderPaddings, fitHeight: fitHeight }, props, externalProps, baseComponentProps, getAnalyticsMetadataAttribute({ component: analyticsComponentMetadata })))));
-}
-applyDisplayName(Container, 'Container');
-//# sourceMappingURL=index.js.map

package/flashbar/internal-do-not-use-core.js

@@ -1,16 +0,0 @@
-// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
-// SPDX-License-Identifier: Apache-2.0
-import React from 'react';
-import { applyDisplayName } from '../internal/utils/apply-display-name';
-import CollapsibleFlashbar from './collapsible-flashbar';
-import NonCollapsibleFlashbar from './non-collapsible-flashbar';
-export default function Flashbar(props) {
-    if (props.stackItems) {
-        return React.createElement(CollapsibleFlashbar, Object.assign({}, props));
-    }
-    else {
-        return React.createElement(NonCollapsibleFlashbar, Object.assign({}, props));
-    }
-}
-applyDisplayName(Flashbar, 'Flashbar');
-//# sourceMappingURL=index.js.map