@cloudscape-design/components 3.0.791 → 3.0.792

package/app-layout/visual-refresh-toolbar/skeleton/styles.css.js

@@ -1,24 +1,24 @@
 
     import './styles.scoped.css';
     export default {
-  "root": "awsui_root_7nfqu_5fcq5_149",
-  "has-adaptive-widths-default": "awsui_has-adaptive-widths-default_7nfqu_5fcq5_198",
-  "has-adaptive-widths-dashboard": "awsui_has-adaptive-widths-dashboard_7nfqu_5fcq5_213",
-  "navigation": "awsui_navigation_7nfqu_5fcq5_228",
-  "tools": "awsui_tools_7nfqu_5fcq5_229",
-  "global-tools": "awsui_global-tools_7nfqu_5fcq5_230",
-  "tools-open": "awsui_tools-open_7nfqu_5fcq5_268",
-  "split-panel-side": "awsui_split-panel-side_7nfqu_5fcq5_281",
-  "split-panel-bottom": "awsui_split-panel-bottom_7nfqu_5fcq5_288",
-  "panel-hidden": "awsui_panel-hidden_7nfqu_5fcq5_301",
-  "toolbar-container": "awsui_toolbar-container_7nfqu_5fcq5_311",
-  "notifications-container": "awsui_notifications-container_7nfqu_5fcq5_317",
-  "notifications-background": "awsui_notifications-background_7nfqu_5fcq5_321",
-  "main-landmark": "awsui_main-landmark_7nfqu_5fcq5_332",
-  "main": "awsui_main_7nfqu_5fcq5_332",
-  "main-disable-paddings": "awsui_main-disable-paddings_7nfqu_5fcq5_341",
-  "content-header": "awsui_content-header_7nfqu_5fcq5_351",
-  "content": "awsui_content_7nfqu_5fcq5_351",
-  "unfocusable-mobile": "awsui_unfocusable-mobile_7nfqu_5fcq5_361"
+  "root": "awsui_root_7nfqu_jdfl5_149",
+  "has-adaptive-widths-default": "awsui_has-adaptive-widths-default_7nfqu_jdfl5_198",
+  "has-adaptive-widths-dashboard": "awsui_has-adaptive-widths-dashboard_7nfqu_jdfl5_213",
+  "navigation": "awsui_navigation_7nfqu_jdfl5_228",
+  "tools": "awsui_tools_7nfqu_jdfl5_229",
+  "global-tools": "awsui_global-tools_7nfqu_jdfl5_230",
+  "tools-open": "awsui_tools-open_7nfqu_jdfl5_268",
+  "split-panel-side": "awsui_split-panel-side_7nfqu_jdfl5_281",
+  "split-panel-bottom": "awsui_split-panel-bottom_7nfqu_jdfl5_288",
+  "panel-hidden": "awsui_panel-hidden_7nfqu_jdfl5_301",
+  "toolbar-container": "awsui_toolbar-container_7nfqu_jdfl5_311",
+  "notifications-container": "awsui_notifications-container_7nfqu_jdfl5_317",
+  "notifications-background": "awsui_notifications-background_7nfqu_jdfl5_321",
+  "main-landmark": "awsui_main-landmark_7nfqu_jdfl5_332",
+  "main": "awsui_main_7nfqu_jdfl5_332",
+  "main-disable-paddings": "awsui_main-disable-paddings_7nfqu_jdfl5_341",
+  "content-header": "awsui_content-header_7nfqu_jdfl5_351",
+  "content": "awsui_content_7nfqu_jdfl5_351",
+  "unfocusable-mobile": "awsui_unfocusable-mobile_7nfqu_jdfl5_361"
 };
   

package/app-layout/visual-refresh-toolbar/skeleton/styles.scoped.css

@@ -146,7 +146,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
-.awsui_root_7nfqu_5fcq5_149:not(#\9) {
+.awsui_root_7nfqu_jdfl5_149:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -189,104 +189,104 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   grid-template-rows: min-content min-content 1fr;
 }
 @media (min-width: 689px) {
-  .awsui_root_7nfqu_5fcq5_149:not(#\9) {
+  .awsui_root_7nfqu_jdfl5_149:not(#\9) {
     grid-template-areas: "toolbar    toolbar      toolbar       toolbar   toolbar         toolbar  toolbar" "navigation .         notifications    .         sideSplitPanel  tools    global-tools" "navigation .             main         .         sideSplitPanel  tools    global-tools";
     grid-template-columns: min-content minmax(var(--space-layout-content-horizontal-7l52k3, 24px), 1fr) minmax(0, var(--awsui-max-content-width-g964ok)) minmax(var(--space-layout-content-horizontal-7l52k3, 24px), 1fr) min-content min-content;
     grid-template-rows: min-content min-content 1fr min-content;
   }
 }
 @media (min-width: 689px) and (min-width: 1401px) {
-  .awsui_root_7nfqu_5fcq5_149.awsui_has-adaptive-widths-default_7nfqu_5fcq5_198:not(#\9) {
+  .awsui_root_7nfqu_jdfl5_149.awsui_has-adaptive-widths-default_7nfqu_jdfl5_198:not(#\9) {
     --awsui-max-content-width-g964ok: 1280px;
   }
 }
 @media (min-width: 689px) and (min-width: 1921px) {
-  .awsui_root_7nfqu_5fcq5_149.awsui_has-adaptive-widths-default_7nfqu_5fcq5_198:not(#\9) {
+  .awsui_root_7nfqu_jdfl5_149.awsui_has-adaptive-widths-default_7nfqu_jdfl5_198:not(#\9) {
     --awsui-max-content-width-g964ok: 1440px;
   }
 }
 @media (min-width: 689px) and (min-width: 2541px) {
-  .awsui_root_7nfqu_5fcq5_149.awsui_has-adaptive-widths-default_7nfqu_5fcq5_198:not(#\9) {
+  .awsui_root_7nfqu_jdfl5_149.awsui_has-adaptive-widths-default_7nfqu_jdfl5_198:not(#\9) {
     --awsui-max-content-width-g964ok: 1620px;
   }
 }
 @media (min-width: 689px) and (min-width: 1401px) {
-  .awsui_root_7nfqu_5fcq5_149.awsui_has-adaptive-widths-dashboard_7nfqu_5fcq5_213:not(#\9) {
+  .awsui_root_7nfqu_jdfl5_149.awsui_has-adaptive-widths-dashboard_7nfqu_jdfl5_213:not(#\9) {
     --awsui-max-content-width-g964ok: 1280px;
   }
 }
 @media (min-width: 689px) and (min-width: 1921px) {
-  .awsui_root_7nfqu_5fcq5_149.awsui_has-adaptive-widths-dashboard_7nfqu_5fcq5_213:not(#\9) {
+  .awsui_root_7nfqu_jdfl5_149.awsui_has-adaptive-widths-dashboard_7nfqu_jdfl5_213:not(#\9) {
     --awsui-max-content-width-g964ok: 1620px;
   }
 }
 @media (min-width: 689px) and (min-width: 2541px) {
-  .awsui_root_7nfqu_5fcq5_149.awsui_has-adaptive-widths-dashboard_7nfqu_5fcq5_213:not(#\9) {
+  .awsui_root_7nfqu_jdfl5_149.awsui_has-adaptive-widths-dashboard_7nfqu_jdfl5_213:not(#\9) {
     --awsui-max-content-width-g964ok: 2160px;
   }
 }
 
-.awsui_navigation_7nfqu_5fcq5_228:not(#\9),
-.awsui_tools_7nfqu_5fcq5_229:not(#\9),
-.awsui_global-tools_7nfqu_5fcq5_230:not(#\9) {
+.awsui_navigation_7nfqu_jdfl5_228:not(#\9),
+.awsui_tools_7nfqu_jdfl5_229:not(#\9),
+.awsui_global-tools_7nfqu_jdfl5_230:not(#\9) {
   grid-row: 1/-1;
   grid-column: 1/-1;
   background: var(--color-background-container-content-z79u4u, #ffffff);
   opacity: 1;
 }
 @media (max-width: 688px) {
-  .awsui_navigation_7nfqu_5fcq5_228:not(#\9),
-  .awsui_tools_7nfqu_5fcq5_229:not(#\9),
-  .awsui_global-tools_7nfqu_5fcq5_230:not(#\9) {
+  .awsui_navigation_7nfqu_jdfl5_228:not(#\9),
+  .awsui_tools_7nfqu_jdfl5_229:not(#\9),
+  .awsui_global-tools_7nfqu_jdfl5_230:not(#\9) {
     inline-size: 100%;
   }
 }
 
-.awsui_navigation_7nfqu_5fcq5_228:not(#\9) {
+.awsui_navigation_7nfqu_jdfl5_228:not(#\9) {
   z-index: 830;
 }
 @media (min-width: 689px) {
-  .awsui_navigation_7nfqu_5fcq5_228:not(#\9) {
+  .awsui_navigation_7nfqu_jdfl5_228:not(#\9) {
     grid-area: navigation;
     inline-size: var(--awsui-navigation-width-g964ok);
     border-inline-end: var(--border-divider-section-width-1061zr, 1px) solid var(--color-border-layout-hrw5xj, #b4b4bb);
   }
 }
 @media (max-width: 688px) {
-  .awsui_navigation_7nfqu_5fcq5_228:not(#\9) {
+  .awsui_navigation_7nfqu_jdfl5_228:not(#\9) {
     z-index: 1001;
   }
 }
 
 @media (min-width: 689px) {
-  .awsui_tools_7nfqu_5fcq5_229:not(#\9) {
+  .awsui_tools_7nfqu_jdfl5_229:not(#\9) {
     grid-area: tools;
     /* stylelint-disable plugin/no-unsupported-browser-features */
   }
-  .awsui_tools_7nfqu_5fcq5_229:not(#\9):not(:has(> [data-testid])) {
+  .awsui_tools_7nfqu_jdfl5_229:not(#\9):not(:has(> [data-testid])) {
     inline-size: var(--awsui-tools-width-g964ok);
   }
-  .awsui_tools_7nfqu_5fcq5_229:not(#\9):not(:has(> [data-testid])).awsui_tools-open_7nfqu_5fcq5_268 {
+  .awsui_tools_7nfqu_jdfl5_229:not(#\9):not(:has(> [data-testid])).awsui_tools-open_7nfqu_jdfl5_268 {
     border-inline-start: var(--border-divider-section-width-1061zr, 1px) solid var(--color-border-layout-hrw5xj, #b4b4bb);
   }
 }
 
 @media (min-width: 689px) {
-  .awsui_global-tools_7nfqu_5fcq5_230:not(#\9) {
+  .awsui_global-tools_7nfqu_jdfl5_230:not(#\9) {
     display: flex;
     grid-area: global-tools;
   }
 }
 
 @media (min-width: 689px) {
-  .awsui_split-panel-side_7nfqu_5fcq5_281:not(#\9) {
+  .awsui_split-panel-side_7nfqu_jdfl5_281:not(#\9) {
     grid-area: sideSplitPanel;
     border-inline-start: var(--border-divider-section-width-1061zr, 1px) solid var(--color-border-layout-hrw5xj, #b4b4bb);
     opacity: 1;
   }
 }
 
-.awsui_split-panel-bottom_7nfqu_5fcq5_288:not(#\9) {
+.awsui_split-panel-bottom_7nfqu_jdfl5_288:not(#\9) {
   position: sticky;
   z-index: 840;
   align-self: end;
@@ -294,72 +294,72 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   grid-column: 1/-1;
 }
 @media (min-width: 689px) {
-  .awsui_split-panel-bottom_7nfqu_5fcq5_288:not(#\9) {
-    grid-column: 2/span 4;
+  .awsui_split-panel-bottom_7nfqu_jdfl5_288:not(#\9) {
+    grid-column: 2/5;
   }
 }
 
-.awsui_panel-hidden_7nfqu_5fcq5_301:not(#\9) {
+.awsui_panel-hidden_7nfqu_jdfl5_301:not(#\9) {
   border-block: none;
   border-inline: none;
   opacity: 0;
   z-index: 0;
 }
-.awsui_panel-hidden_7nfqu_5fcq5_301.awsui_navigation_7nfqu_5fcq5_228:not(#\9), .awsui_panel-hidden_7nfqu_5fcq5_301.awsui_tools_7nfqu_5fcq5_229:not(#\9), .awsui_panel-hidden_7nfqu_5fcq5_301.awsui_global-tools_7nfqu_5fcq5_230:not(#\9) {
+.awsui_panel-hidden_7nfqu_jdfl5_301.awsui_navigation_7nfqu_jdfl5_228:not(#\9), .awsui_panel-hidden_7nfqu_jdfl5_301.awsui_tools_7nfqu_jdfl5_229:not(#\9), .awsui_panel-hidden_7nfqu_jdfl5_301.awsui_global-tools_7nfqu_jdfl5_230:not(#\9) {
   inline-size: 0px;
 }
 
-.awsui_toolbar-container_7nfqu_5fcq5_311:not(#\9) {
+.awsui_toolbar-container_7nfqu_jdfl5_311:not(#\9) {
   grid-area: toolbar;
   block-size: 42px;
   border-block-end: var(--border-divider-section-width-1061zr, 1px) solid var(--color-border-layout-hrw5xj, #b4b4bb);
 }
 
-.awsui_notifications-container_7nfqu_5fcq5_317:not(#\9) {
+.awsui_notifications-container_7nfqu_jdfl5_317:not(#\9) {
   grid-area: notifications;
 }
 
-.awsui_notifications-background_7nfqu_5fcq5_321:not(#\9) {
+.awsui_notifications-background_7nfqu_jdfl5_321:not(#\9) {
   background: var(--color-background-layout-main-nqw91u, #ffffff);
   grid-area: notifications;
   grid-column: 1/-1;
 }
 @media (min-width: 689px) {
-  .awsui_notifications-background_7nfqu_5fcq5_321:not(#\9) {
-    grid-column: 2/span 4;
+  .awsui_notifications-background_7nfqu_jdfl5_321:not(#\9) {
+    grid-column: 2/5;
   }
 }
 
-.awsui_main-landmark_7nfqu_5fcq5_332:not(#\9) {
+.awsui_main-landmark_7nfqu_jdfl5_332:not(#\9) {
   display: contents;
 }
 
-.awsui_main_7nfqu_5fcq5_332:not(#\9) {
+.awsui_main_7nfqu_jdfl5_332:not(#\9) {
   grid-area: main;
   margin-block-start: var(--space-scaled-s-aqzyko, 12px);
   margin-block-end: var(--space-layout-content-bottom-noqzmw, 40px);
 }
-.awsui_main-disable-paddings_7nfqu_5fcq5_341:not(#\9) {
+.awsui_main-disable-paddings_7nfqu_jdfl5_341:not(#\9) {
   margin-block: 0;
   grid-column: 1/-1;
 }
 @media (min-width: 689px) {
-  .awsui_main-disable-paddings_7nfqu_5fcq5_341:not(#\9) {
-    grid-column: 2/span 4;
+  .awsui_main-disable-paddings_7nfqu_jdfl5_341:not(#\9) {
+    grid-column: 2/5;
   }
 }
 
-.awsui_content-header_7nfqu_5fcq5_351:not(#\9) {
+.awsui_content-header_7nfqu_jdfl5_351:not(#\9) {
   margin-block-end: var(--space-content-header-padding-bottom-y2enua, 16px);
 }
 
-.awsui_content_7nfqu_5fcq5_351:not(#\9) {
+.awsui_content_7nfqu_jdfl5_351:not(#\9) {
   display: contents;
 }
 
 /* stylelint-disable-next-line selector-combinator-disallowed-list, selector-max-universal */
 @media (max-width: 688px) {
-  .awsui_unfocusable-mobile_7nfqu_5fcq5_361 *:not(#\9) {
+  .awsui_unfocusable-mobile_7nfqu_jdfl5_361 *:not(#\9) {
     visibility: hidden;
   }
 }

package/app-layout/visual-refresh-toolbar/skeleton/styles.selectors.js

@@ -2,24 +2,24 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "root": "awsui_root_7nfqu_5fcq5_149",
-  "has-adaptive-widths-default": "awsui_has-adaptive-widths-default_7nfqu_5fcq5_198",
-  "has-adaptive-widths-dashboard": "awsui_has-adaptive-widths-dashboard_7nfqu_5fcq5_213",
-  "navigation": "awsui_navigation_7nfqu_5fcq5_228",
-  "tools": "awsui_tools_7nfqu_5fcq5_229",
-  "global-tools": "awsui_global-tools_7nfqu_5fcq5_230",
-  "tools-open": "awsui_tools-open_7nfqu_5fcq5_268",
-  "split-panel-side": "awsui_split-panel-side_7nfqu_5fcq5_281",
-  "split-panel-bottom": "awsui_split-panel-bottom_7nfqu_5fcq5_288",
-  "panel-hidden": "awsui_panel-hidden_7nfqu_5fcq5_301",
-  "toolbar-container": "awsui_toolbar-container_7nfqu_5fcq5_311",
-  "notifications-container": "awsui_notifications-container_7nfqu_5fcq5_317",
-  "notifications-background": "awsui_notifications-background_7nfqu_5fcq5_321",
-  "main-landmark": "awsui_main-landmark_7nfqu_5fcq5_332",
-  "main": "awsui_main_7nfqu_5fcq5_332",
-  "main-disable-paddings": "awsui_main-disable-paddings_7nfqu_5fcq5_341",
-  "content-header": "awsui_content-header_7nfqu_5fcq5_351",
-  "content": "awsui_content_7nfqu_5fcq5_351",
-  "unfocusable-mobile": "awsui_unfocusable-mobile_7nfqu_5fcq5_361"
+  "root": "awsui_root_7nfqu_jdfl5_149",
+  "has-adaptive-widths-default": "awsui_has-adaptive-widths-default_7nfqu_jdfl5_198",
+  "has-adaptive-widths-dashboard": "awsui_has-adaptive-widths-dashboard_7nfqu_jdfl5_213",
+  "navigation": "awsui_navigation_7nfqu_jdfl5_228",
+  "tools": "awsui_tools_7nfqu_jdfl5_229",
+  "global-tools": "awsui_global-tools_7nfqu_jdfl5_230",
+  "tools-open": "awsui_tools-open_7nfqu_jdfl5_268",
+  "split-panel-side": "awsui_split-panel-side_7nfqu_jdfl5_281",
+  "split-panel-bottom": "awsui_split-panel-bottom_7nfqu_jdfl5_288",
+  "panel-hidden": "awsui_panel-hidden_7nfqu_jdfl5_301",
+  "toolbar-container": "awsui_toolbar-container_7nfqu_jdfl5_311",
+  "notifications-container": "awsui_notifications-container_7nfqu_jdfl5_317",
+  "notifications-background": "awsui_notifications-background_7nfqu_jdfl5_321",
+  "main-landmark": "awsui_main-landmark_7nfqu_jdfl5_332",
+  "main": "awsui_main_7nfqu_jdfl5_332",
+  "main-disable-paddings": "awsui_main-disable-paddings_7nfqu_jdfl5_341",
+  "content-header": "awsui_content-header_7nfqu_jdfl5_351",
+  "content": "awsui_content_7nfqu_jdfl5_351",
+  "unfocusable-mobile": "awsui_unfocusable-mobile_7nfqu_jdfl5_361"
 };
   

package/form/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/form/index.tsx"],"names":[],"mappings":";AAWA,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAMzC,OAAO,EAAE,SAAS,EAAE,CAAC;AAgDrB,MAAM,CAAC,OAAO,UAAU,IAAI,CAAC,EAAE,OAAqB,EAAE,GAAG,KAAK,EAAE,EAAE,SAAS,eAuC1E"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/form/index.tsx"],"names":[],"mappings":";AAWA,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAMzC,OAAO,EAAE,SAAS,EAAE,CAAC;AAgDrB,MAAM,CAAC,OAAO,UAAU,IAAI,CAAC,EAAE,OAAqB,EAAE,GAAG,KAAK,EAAE,EAAE,SAAS,eAwC1E"}

package/form/index.js

@@ -11,7 +11,7 @@ import useBaseComponent from '../internal/hooks/use-base-component';
 import { applyDisplayName } from '../internal/utils/apply-display-name';
 import InternalForm from './internal';
 import headerStyles from '../header/styles.css.js';
-import formStyles from './styles.css.js';
+import analyticsSelectors from './analytics-metadata/styles.css.js';
 const FormWithAnalytics = (_a) => {
     var { variant = 'full-page', actions, errorText } = _a, props = __rest(_a, ["variant", "actions", "errorText"]);
     const { funnelIdentifier, funnelInteractionId, funnelProps, funnelSubmit, funnelNextOrSubmitAttempt, errorCount, submissionAttempt, funnelErrorContext, } = useFunnel();
@@ -49,8 +49,8 @@ export default function Form(_a) {
         },
     }, analyticsMetadata);
     const inheritedFunnelNameSelector = useFunnelNameSelector();
-    const funnelNameSelector = inheritedFunnelNameSelector || `.${headerStyles['heading-text']}`;
-    return (React.createElement(AnalyticsFunnel, { funnelIdentifier: analyticsMetadata === null || analyticsMetadata === void 0 ? void 0 : analyticsMetadata.instanceIdentifier, funnelFlowType: analyticsMetadata === null || analyticsMetadata === void 0 ? void 0 : analyticsMetadata.flowType, funnelErrorContext: analyticsMetadata === null || analyticsMetadata === void 0 ? void 0 : analyticsMetadata.errorContext, funnelResourceType: analyticsMetadata === null || analyticsMetadata === void 0 ? void 0 : analyticsMetadata.resourceType, funnelType: "single-page", optionalStepNumbers: [], totalFunnelSteps: 1, funnelNameSelectors: [funnelNameSelector, `.${formStyles.header}`] },
+    const funnelNameSelector = inheritedFunnelNameSelector || `.${analyticsSelectors.header} .${headerStyles['heading-text']}`;
+    return (React.createElement(AnalyticsFunnel, { funnelIdentifier: analyticsMetadata === null || analyticsMetadata === void 0 ? void 0 : analyticsMetadata.instanceIdentifier, funnelFlowType: analyticsMetadata === null || analyticsMetadata === void 0 ? void 0 : analyticsMetadata.flowType, funnelErrorContext: analyticsMetadata === null || analyticsMetadata === void 0 ? void 0 : analyticsMetadata.errorContext, funnelResourceType: analyticsMetadata === null || analyticsMetadata === void 0 ? void 0 : analyticsMetadata.resourceType, funnelType: "single-page", optionalStepNumbers: [], totalFunnelSteps: 1, funnelNameSelectors: [funnelNameSelector, `.${analyticsSelectors.header}`] },
         React.createElement(AnalyticsFunnelStep, { stepIdentifier: analyticsMetadata === null || analyticsMetadata === void 0 ? void 0 : analyticsMetadata.instanceIdentifier, stepErrorContext: analyticsMetadata === null || analyticsMetadata === void 0 ? void 0 : analyticsMetadata.errorContext, stepNumber: 1 },
             React.createElement(FormWithAnalytics, Object.assign({ variant: variant }, props, baseComponentProps)))));
 }

package/form/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/form/index.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { useEffect } from 'react';\n\nimport { FunnelMetrics } from '../internal/analytics';\nimport { AnalyticsFunnel, AnalyticsFunnelStep } from '../internal/analytics/components/analytics-funnel';\nimport { useFunnel, useFunnelNameSelector, useFunnelStep } from '../internal/analytics/hooks/use-funnel';\nimport { BasePropsWithAnalyticsMetadata, getAnalyticsMetadataProps } from '../internal/base-component';\nimport { ButtonContext, ButtonContextProps } from '../internal/context/button-context';\nimport useBaseComponent from '../internal/hooks/use-base-component';\nimport { applyDisplayName } from '../internal/utils/apply-display-name';\nimport { FormProps } from './interfaces';\nimport InternalForm from './internal';\n\nimport headerStyles from '../header/styles.css.js';\nimport formStyles from './styles.css.js';\n\nexport { FormProps };\n\nconst FormWithAnalytics = ({ variant = 'full-page', actions, errorText, ...props }: FormProps) => {\n  const {\n    funnelIdentifier,\n    funnelInteractionId,\n    funnelProps,\n    funnelSubmit,\n    funnelNextOrSubmitAttempt,\n    errorCount,\n    submissionAttempt,\n    funnelErrorContext,\n  } = useFunnel();\n  const { funnelStepProps } = useFunnelStep();\n\n  const handleActionButtonClick: ButtonContextProps['onClick'] = ({ variant }) => {\n    if (variant === 'primary') {\n      funnelNextOrSubmitAttempt();\n      funnelSubmit();\n    }\n  };\n\n  useEffect(() => {\n    if (funnelInteractionId && errorText) {\n      errorCount.current++;\n      FunnelMetrics.funnelError({ funnelInteractionId, funnelIdentifier, funnelErrorContext });\n      return () => {\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n        errorCount.current--;\n      };\n    }\n  }, [funnelInteractionId, funnelIdentifier, errorText, submissionAttempt, errorCount, funnelErrorContext]);\n\n  return (\n    <ButtonContext.Provider value={{ onClick: handleActionButtonClick }}>\n      <InternalForm\n        variant={variant}\n        actions={actions}\n        errorText={errorText}\n        {...props}\n        {...funnelProps}\n        {...funnelStepProps}\n        __injectAnalyticsComponentMetadata={true}\n      />\n    </ButtonContext.Provider>\n  );\n};\n\nexport default function Form({ variant = 'full-page', ...props }: FormProps) {\n  const analyticsMetadata = getAnalyticsMetadataProps(props as BasePropsWithAnalyticsMetadata);\n  const baseComponentProps = useBaseComponent(\n    'Form',\n    {\n      props: {\n        variant,\n        flowType: analyticsMetadata?.flowType,\n      },\n      metadata: {\n        hasResourceType: Boolean(analyticsMetadata?.resourceType),\n        hasInstanceIdentifier: Boolean(analyticsMetadata?.instanceIdentifier),\n      },\n    },\n    analyticsMetadata\n  );\n  const inheritedFunnelNameSelector = useFunnelNameSelector();\n  const funnelNameSelector = inheritedFunnelNameSelector || `.${headerStyles['heading-text']}`;\n\n  return (\n    <AnalyticsFunnel\n      funnelIdentifier={analyticsMetadata?.instanceIdentifier}\n      funnelFlowType={analyticsMetadata?.flowType}\n      funnelErrorContext={analyticsMetadata?.errorContext}\n      funnelResourceType={analyticsMetadata?.resourceType}\n      funnelType=\"single-page\"\n      optionalStepNumbers={[]}\n      totalFunnelSteps={1}\n      funnelNameSelectors={[funnelNameSelector, `.${formStyles.header}`]}\n    >\n      <AnalyticsFunnelStep\n        stepIdentifier={analyticsMetadata?.instanceIdentifier}\n        stepErrorContext={analyticsMetadata?.errorContext}\n        stepNumber={1}\n      >\n        <FormWithAnalytics variant={variant} {...props} {...baseComponentProps} />\n      </AnalyticsFunnelStep>\n    </AnalyticsFunnel>\n  );\n}\n\napplyDisplayName(Form, 'Form');\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/form/index.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { useEffect } from 'react';\n\nimport { FunnelMetrics } from '../internal/analytics';\nimport { AnalyticsFunnel, AnalyticsFunnelStep } from '../internal/analytics/components/analytics-funnel';\nimport { useFunnel, useFunnelNameSelector, useFunnelStep } from '../internal/analytics/hooks/use-funnel';\nimport { BasePropsWithAnalyticsMetadata, getAnalyticsMetadataProps } from '../internal/base-component';\nimport { ButtonContext, ButtonContextProps } from '../internal/context/button-context';\nimport useBaseComponent from '../internal/hooks/use-base-component';\nimport { applyDisplayName } from '../internal/utils/apply-display-name';\nimport { FormProps } from './interfaces';\nimport InternalForm from './internal';\n\nimport headerStyles from '../header/styles.css.js';\nimport analyticsSelectors from './analytics-metadata/styles.css.js';\n\nexport { FormProps };\n\nconst FormWithAnalytics = ({ variant = 'full-page', actions, errorText, ...props }: FormProps) => {\n  const {\n    funnelIdentifier,\n    funnelInteractionId,\n    funnelProps,\n    funnelSubmit,\n    funnelNextOrSubmitAttempt,\n    errorCount,\n    submissionAttempt,\n    funnelErrorContext,\n  } = useFunnel();\n  const { funnelStepProps } = useFunnelStep();\n\n  const handleActionButtonClick: ButtonContextProps['onClick'] = ({ variant }) => {\n    if (variant === 'primary') {\n      funnelNextOrSubmitAttempt();\n      funnelSubmit();\n    }\n  };\n\n  useEffect(() => {\n    if (funnelInteractionId && errorText) {\n      errorCount.current++;\n      FunnelMetrics.funnelError({ funnelInteractionId, funnelIdentifier, funnelErrorContext });\n      return () => {\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n        errorCount.current--;\n      };\n    }\n  }, [funnelInteractionId, funnelIdentifier, errorText, submissionAttempt, errorCount, funnelErrorContext]);\n\n  return (\n    <ButtonContext.Provider value={{ onClick: handleActionButtonClick }}>\n      <InternalForm\n        variant={variant}\n        actions={actions}\n        errorText={errorText}\n        {...props}\n        {...funnelProps}\n        {...funnelStepProps}\n        __injectAnalyticsComponentMetadata={true}\n      />\n    </ButtonContext.Provider>\n  );\n};\n\nexport default function Form({ variant = 'full-page', ...props }: FormProps) {\n  const analyticsMetadata = getAnalyticsMetadataProps(props as BasePropsWithAnalyticsMetadata);\n  const baseComponentProps = useBaseComponent(\n    'Form',\n    {\n      props: {\n        variant,\n        flowType: analyticsMetadata?.flowType,\n      },\n      metadata: {\n        hasResourceType: Boolean(analyticsMetadata?.resourceType),\n        hasInstanceIdentifier: Boolean(analyticsMetadata?.instanceIdentifier),\n      },\n    },\n    analyticsMetadata\n  );\n  const inheritedFunnelNameSelector = useFunnelNameSelector();\n  const funnelNameSelector =\n    inheritedFunnelNameSelector || `.${analyticsSelectors.header} .${headerStyles['heading-text']}`;\n\n  return (\n    <AnalyticsFunnel\n      funnelIdentifier={analyticsMetadata?.instanceIdentifier}\n      funnelFlowType={analyticsMetadata?.flowType}\n      funnelErrorContext={analyticsMetadata?.errorContext}\n      funnelResourceType={analyticsMetadata?.resourceType}\n      funnelType=\"single-page\"\n      optionalStepNumbers={[]}\n      totalFunnelSteps={1}\n      funnelNameSelectors={[funnelNameSelector, `.${analyticsSelectors.header}`]}\n    >\n      <AnalyticsFunnelStep\n        stepIdentifier={analyticsMetadata?.instanceIdentifier}\n        stepErrorContext={analyticsMetadata?.errorContext}\n        stepNumber={1}\n      >\n        <FormWithAnalytics variant={variant} {...props} {...baseComponentProps} />\n      </AnalyticsFunnelStep>\n    </AnalyticsFunnel>\n  );\n}\n\napplyDisplayName(Form, 'Form');\n"]}

package/internal/analytics/components/analytics-funnel.d.ts

@@ -3,6 +3,7 @@ import { FunnelStepContextValue, FunnelSubStepContextValue } from '../context/an
 import { AnalyticsMetadata, FunnelStartProps, FunnelStepProps, StepConfiguration } from '../interfaces';
 export declare const FUNNEL_VERSION = "1.4";
 interface AnalyticsFunnelProps {
+    mounted?: boolean;
     children?: React.ReactNode;
     stepConfiguration?: StepConfiguration[];
     funnelNameSelectors?: string[];
@@ -17,6 +18,7 @@ interface AnalyticsFunnelProps {
 export declare const AnalyticsFunnel: (props: AnalyticsFunnelProps) => JSX.Element;
 export declare const CREATION_EDIT_FLOW_DONE_EVENT_NAME = "awsui-creation-edit-flow-done";
 interface AnalyticsFunnelStepProps {
+    mounted?: boolean;
     stepIdentifier?: AnalyticsMetadata['instanceIdentifier'];
     stepErrorContext?: AnalyticsMetadata['errorContext'];
     children?: React.ReactNode | ((props: FunnelStepContextValue) => React.ReactNode);

package/internal/analytics/components/analytics-funnel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"analytics-funnel.d.ts","sourceRoot":"","sources":["../../../../../src/internal/analytics/components/analytics-funnel.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAkD,MAAM,OAAO,CAAC;AAOvE,OAAO,EAKL,sBAAsB,EAEtB,yBAAyB,EAC1B,MAAM,8BAA8B,CAAC;AAGtC,OAAO,EACL,iBAAiB,EACjB,gBAAgB,EAChB,eAAe,EACf,iBAAiB,EAGlB,MAAM,eAAe,CAAC;AAWvB,eAAO,MAAM,cAAc,QAAQ,CAAC;AAEpC,UAAU,oBAAoB;IAC5B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,iBAAiB,CAAC,EAAE,iBAAiB,EAAE,CAAC;IACxC,mBAAmB,CAAC,EAAE,MAAM,EAAE,CAAC;IAC/B,UAAU,EAAE,gBAAgB,CAAC,YAAY,CAAC,CAAC;IAC3C,mBAAmB,EAAE,gBAAgB,CAAC,qBAAqB,CAAC,CAAC;IAC7D,gBAAgB,EAAE,gBAAgB,CAAC,kBAAkB,CAAC,CAAC;IACvD,gBAAgB,CAAC,EAAE,iBAAiB,CAAC,oBAAoB,CAAC,CAAC;IAC3D,cAAc,CAAC,EAAE,iBAAiB,CAAC,UAAU,CAAC,CAAC;IAC/C,kBAAkB,CAAC,EAAE,iBAAiB,CAAC,cAAc,CAAC,CAAC;IACvD,kBAAkB,CAAC,EAAE,iBAAiB,CAAC,cAAc,CAAC,CAAC;CACxD;AAED,eAAO,MAAM,eAAe,UAAW,oBAAoB,gBAa1D,CAAC;AACF,eAAO,MAAM,kCAAkC,kCAAkC,CAAC;AAgNlF,UAAU,wBAAwB;IAChC,cAAc,CAAC,EAAE,iBAAiB,CAAC,oBAAoB,CAAC,CAAC;IACzD,gBAAgB,CAAC,EAAE,iBAAiB,CAAC,cAAc,CAAC,CAAC;IACrD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,CAAC,CAAC,KAAK,EAAE,sBAAsB,KAAK,KAAK,CAAC,SAAS,CAAC,CAAC;IAClF,gBAAgB,CAAC,EAAE,eAAe,CAAC,kBAAkB,CAAC,CAAC;IACvD,UAAU,EAAE,eAAe,CAAC,YAAY,CAAC,CAAC;CAC3C;AAED,eAAO,MAAM,mBAAmB,UAAW,wBAAwB,gBAMlE,CAAC;AAyLF,UAAU,2BAA2B;IACnC,iBAAiB,CAAC,EAAE,iBAAiB,CAAC,oBAAoB,CAAC,CAAC;IAC5D,mBAAmB,CAAC,EAAE,iBAAiB,CAAC,cAAc,CAAC,CAAC;IACxD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,CAAC,CAAC,KAAK,EAAE,yBAAyB,KAAK,KAAK,CAAC,SAAS,CAAC,CAAC;CACtF;AAED,eAAO,MAAM,sBAAsB,0DAIhC,2BAA2B,gBAmG7B,CAAC"}
+{"version":3,"file":"analytics-funnel.d.ts","sourceRoot":"","sources":["../../../../../src/internal/analytics/components/analytics-funnel.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAkD,MAAM,OAAO,CAAC;AAOvE,OAAO,EAKL,sBAAsB,EAEtB,yBAAyB,EAC1B,MAAM,8BAA8B,CAAC;AAGtC,OAAO,EACL,iBAAiB,EACjB,gBAAgB,EAChB,eAAe,EACf,iBAAiB,EAGlB,MAAM,eAAe,CAAC;AAWvB,eAAO,MAAM,cAAc,QAAQ,CAAC;AAEpC,UAAU,oBAAoB;IAC5B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,iBAAiB,CAAC,EAAE,iBAAiB,EAAE,CAAC;IACxC,mBAAmB,CAAC,EAAE,MAAM,EAAE,CAAC;IAC/B,UAAU,EAAE,gBAAgB,CAAC,YAAY,CAAC,CAAC;IAC3C,mBAAmB,EAAE,gBAAgB,CAAC,qBAAqB,CAAC,CAAC;IAC7D,gBAAgB,EAAE,gBAAgB,CAAC,kBAAkB,CAAC,CAAC;IACvD,gBAAgB,CAAC,EAAE,iBAAiB,CAAC,oBAAoB,CAAC,CAAC;IAC3D,cAAc,CAAC,EAAE,iBAAiB,CAAC,UAAU,CAAC,CAAC;IAC/C,kBAAkB,CAAC,EAAE,iBAAiB,CAAC,cAAc,CAAC,CAAC;IACvD,kBAAkB,CAAC,EAAE,iBAAiB,CAAC,cAAc,CAAC,CAAC;CACxD;AAED,eAAO,MAAM,eAAe,UAAW,oBAAoB,gBAa1D,CAAC;AAEF,eAAO,MAAM,kCAAkC,kCAAkC,CAAC;AAuNlF,UAAU,wBAAwB;IAChC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,cAAc,CAAC,EAAE,iBAAiB,CAAC,oBAAoB,CAAC,CAAC;IACzD,gBAAgB,CAAC,EAAE,iBAAiB,CAAC,cAAc,CAAC,CAAC;IACrD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,CAAC,CAAC,KAAK,EAAE,sBAAsB,KAAK,KAAK,CAAC,SAAS,CAAC,CAAC;IAClF,gBAAgB,CAAC,EAAE,eAAe,CAAC,kBAAkB,CAAC,CAAC;IACvD,UAAU,EAAE,eAAe,CAAC,YAAY,CAAC,CAAC;CAC3C;AAED,eAAO,MAAM,mBAAmB,UAAW,wBAAwB,gBAMlE,CAAC;AAoOF,UAAU,2BAA2B;IACnC,iBAAiB,CAAC,EAAE,iBAAiB,CAAC,oBAAoB,CAAC,CAAC;IAC5D,mBAAmB,CAAC,EAAE,iBAAiB,CAAC,cAAc,CAAC,CAAC;IACxD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,CAAC,CAAC,KAAK,EAAE,yBAAyB,KAAK,KAAK,CAAC,SAAS,CAAC,CAAC;CACtF;AAED,eAAO,MAAM,sBAAsB,0DAIhC,2BAA2B,gBAmG7B,CAAC"}

package/internal/analytics/components/analytics-funnel.js

@@ -56,7 +56,7 @@ function evaluateSelectors(selectors, defaultSelector) {
     return defaultSelector;
 }
 const InnerAnalyticsFunnel = (_a) => {
-    var { children, stepConfiguration } = _a, props = __rest(_a, ["children", "stepConfiguration"]);
+    var { mounted = true, children, stepConfiguration } = _a, props = __rest(_a, ["mounted", "children", "stepConfiguration"]);
     const [funnelInteractionId, setFunnelInteractionId] = useState('');
     const [submissionAttempt, setSubmissionAttempt] = useState(0);
     const isVisualRefresh = useVisualRefresh();
@@ -78,6 +78,9 @@ const InnerAnalyticsFunnel = (_a) => {
     // The eslint-disable is required as we deliberately want this effect to run only once on mount and unmount,
     // hence we do not provide any dependencies.
     useEffect(() => {
+        if (!mounted) {
+            return;
+        }
         /*
           We run this effect with a delay, in order to detect whether this funnel contains a Wizard.
           If it does contain a Wizard, that Wizard should take precedence for handling the funnel, and
@@ -92,15 +95,17 @@ const InnerAnalyticsFunnel = (_a) => {
             }
             // Reset the state, in case the component was re-mounted.
             funnelState.current = 'default';
+            const funnelName = (_a = getTextFromSelector(funnelNameSelector.current)) !== null && _a !== void 0 ? _a : '';
             const singleStepFlowStepConfiguration = [
                 {
                     number: 1,
                     isOptional: false,
-                    name: (_a = getTextFromSelector(funnelNameSelector.current)) !== null && _a !== void 0 ? _a : '',
+                    name: funnelName,
                     stepIdentifier: props.funnelIdentifier,
                 },
             ];
             funnelInteractionId = FunnelMetrics.funnelStart({
+                funnelName,
                 funnelIdentifier: props.funnelIdentifier,
                 flowType: props.funnelFlowType,
                 funnelNameSelector: funnelNameSelector.current,
@@ -140,11 +145,11 @@ const InnerAnalyticsFunnel = (_a) => {
                 FunnelMetrics.funnelSuccessful({ funnelInteractionId, funnelIdentifier: props.funnelIdentifier });
             }
             else {
-                onFunnelCancelled({ funnelInteractionId, funnelIdentifier: props.funnelIdentifier });
                 funnelState.current = 'cancelled';
+                onFunnelCancelled({ funnelInteractionId, funnelIdentifier: props.funnelIdentifier });
             }
         };
-    }, []);
+    }, [mounted]);
     /* eslint-enable react-hooks/exhaustive-deps */
     const funnelSubmit = () => {
         funnelState.current = 'validating';
@@ -269,7 +274,7 @@ function useStepChangeListener(stepNumber, handler) {
     return { onStepChange: stepChangeCallback, subStepConfiguration };
 }
 const InnerAnalyticsFunnelStep = (_a) => {
-    var { children, stepNumber, stepIdentifier, stepErrorContext } = _a, rest = __rest(_a, ["children", "stepNumber", "stepIdentifier", "stepErrorContext"]);
+    var { mounted = true, children, stepNumber, stepIdentifier, stepErrorContext } = _a, rest = __rest(_a, ["mounted", "children", "stepNumber", "stepIdentifier", "stepErrorContext"]);
     const { funnelInteractionId, funnelIdentifier, funnelNameSelector, funnelState, funnelType } = useFunnel();
     const parentStep = useFunnelStep();
     const parentStepExists = parentStep.isInStep;
@@ -292,6 +297,44 @@ const InnerAnalyticsFunnelStep = (_a) => {
             subStepConfiguration,
         });
     });
+    useEffect(() => {
+        if (!funnelInteractionId) {
+            // This step is not inside an active funnel.
+            return;
+        }
+        if (mounted) {
+            return;
+        }
+        const stepName = getTextFromSelector(stepNameSelector);
+        const handler = setTimeout(() => {
+            if (funnelState.current !== 'cancelled') {
+                FunnelMetrics.funnelStepComplete({
+                    funnelIdentifier,
+                    funnelInteractionId,
+                    stepIdentifier,
+                    stepNumber,
+                    stepName,
+                    stepNameSelector,
+                    subStepAllSelector: getSubStepAllSelector(),
+                    totalSubSteps: subStepCount.current,
+                });
+            }
+        }, 0);
+        return () => {
+            clearTimeout(handler);
+        };
+    }, [
+        stepIdentifier,
+        funnelIdentifier,
+        funnelInteractionId,
+        stepNumber,
+        stepNameSelector,
+        funnelState,
+        parentStepExists,
+        funnelType,
+        parentStepFunnelInteractionId,
+        mounted,
+    ]);
     // This useEffect hook is used to track the start and completion of interaction with the step.
     // On mount, if there is a valid funnel interaction id, it calls the 'funnelStepStart' method from FunnelMetrics
     // to record the beginning of the interaction with the current step.