@cloudscape-design/components 3.0.338 → 3.0.339

package/alert/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"lib/default/","sources":["alert/index.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAI1C,OAAO,EAAE,UAAU,EAAE,CAAC;AAEtB,MAAM,CAAC,OAAO,UAAU,KAAK,CAAC,EAAE,IAAa,EAAE,OAAc,EAAE,GAAG,KAAK,EAAE,EAAE,UAAU,eAGpF"}
+{"version":3,"file":"index.d.ts","sourceRoot":"lib/default/","sources":["alert/index.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAO1C,OAAO,EAAE,UAAU,EAAE,CAAC;AAEtB,MAAM,CAAC,OAAO,UAAU,KAAK,CAAC,EAAE,IAAa,EAAE,OAAc,EAAE,GAAG,KAAK,EAAE,EAAE,UAAU,eAyCpF"}

package/alert/index.js

@@ -1,13 +1,48 @@
 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 React, { useEffect } from 'react';
 import { applyDisplayName } from '../internal/utils/apply-display-name';
 import InternalAlert from './internal';
 import useBaseComponent from '../internal/hooks/use-base-component';
+import { FunnelMetrics } from '../internal/analytics';
+import { useFunnel, useFunnelStep, useFunnelSubStep } from '../internal/analytics/hooks/use-funnel';
+import { getNameFromSelector, getSubStepAllSelector } from '../internal/analytics/selectors';
 export default function Alert(_a) {
     var { type = 'info', visible = true } = _a, props = __rest(_a, ["type", "visible"]);
     const baseComponentProps = useBaseComponent('Alert');
+    const { funnelInteractionId, submissionAttempt, funnelState, errorCount } = useFunnel();
+    const { stepNumber, stepNameSelector } = useFunnelStep();
+    const { subStepSelector, subStepNameSelector } = useFunnelSubStep();
+    useEffect(() => {
+        if (funnelInteractionId && visible && type === 'error' && funnelState.current !== 'complete') {
+            const stepName = getNameFromSelector(stepNameSelector);
+            const subStepName = getNameFromSelector(subStepNameSelector);
+            errorCount.current++;
+            if (subStepSelector) {
+                FunnelMetrics.funnelSubStepError({
+                    funnelInteractionId,
+                    subStepSelector,
+                    subStepName,
+                    subStepNameSelector,
+                    stepNumber,
+                    stepName,
+                    stepNameSelector,
+                    subStepAllSelector: getSubStepAllSelector(),
+                });
+            }
+            else {
+                FunnelMetrics.funnelError({
+                    funnelInteractionId,
+                });
+            }
+            return () => {
+                // eslint-disable-next-line react-hooks/exhaustive-deps
+                errorCount.current--;
+            };
+        }
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [funnelInteractionId, visible, submissionAttempt, errorCount]);
     return React.createElement(InternalAlert, Object.assign({ type: type, visible: visible }, props, baseComponentProps));
 }
 applyDisplayName(Alert, 'Alert');

package/alert/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"lib/default/","sources":["alert/index.tsx"],"names":[],"mappings":";AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,gBAAgB,EAAE,MAAM,sCAAsC,CAAC;AAExE,OAAO,aAAa,MAAM,YAAY,CAAC;AACvC,OAAO,gBAAgB,MAAM,sCAAsC,CAAC;AAIpE,MAAM,CAAC,OAAO,UAAU,KAAK,CAAC,EAAuD;QAAvD,EAAE,IAAI,GAAG,MAAM,EAAE,OAAO,GAAG,IAAI,OAAwB,EAAnB,KAAK,cAAzC,mBAA2C,CAAF;IACrE,MAAM,kBAAkB,GAAG,gBAAgB,CAAC,OAAO,CAAC,CAAC;IACrD,OAAO,oBAAC,aAAa,kBAAC,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,IAAM,KAAK,EAAM,kBAAkB,EAAI,CAAC;AAC5F,CAAC;AAED,gBAAgB,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\nimport { applyDisplayName } from '../internal/utils/apply-display-name';\nimport { AlertProps } from './interfaces';\nimport InternalAlert from './internal';\nimport useBaseComponent from '../internal/hooks/use-base-component';\n\nexport { AlertProps };\n\nexport default function Alert({ type = 'info', visible = true, ...props }: AlertProps) {\n  const baseComponentProps = useBaseComponent('Alert');\n  return <InternalAlert type={type} visible={visible} {...props} {...baseComponentProps} />;\n}\n\napplyDisplayName(Alert, 'Alert');\n"]}
+{"version":3,"file":"index.js","sourceRoot":"lib/default/","sources":["alert/index.tsx"],"names":[],"mappings":";AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,EAAE,gBAAgB,EAAE,MAAM,sCAAsC,CAAC;AAExE,OAAO,aAAa,MAAM,YAAY,CAAC;AACvC,OAAO,gBAAgB,MAAM,sCAAsC,CAAC;AACpE,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AACtD,OAAO,EAAE,SAAS,EAAE,aAAa,EAAE,gBAAgB,EAAE,MAAM,wCAAwC,CAAC;AACpG,OAAO,EAAE,mBAAmB,EAAE,qBAAqB,EAAE,MAAM,iCAAiC,CAAC;AAI7F,MAAM,CAAC,OAAO,UAAU,KAAK,CAAC,EAAuD;QAAvD,EAAE,IAAI,GAAG,MAAM,EAAE,OAAO,GAAG,IAAI,OAAwB,EAAnB,KAAK,cAAzC,mBAA2C,CAAF;IACrE,MAAM,kBAAkB,GAAG,gBAAgB,CAAC,OAAO,CAAC,CAAC;IAErD,MAAM,EAAE,mBAAmB,EAAE,iBAAiB,EAAE,WAAW,EAAE,UAAU,EAAE,GAAG,SAAS,EAAE,CAAC;IACxF,MAAM,EAAE,UAAU,EAAE,gBAAgB,EAAE,GAAG,aAAa,EAAE,CAAC;IACzD,MAAM,EAAE,eAAe,EAAE,mBAAmB,EAAE,GAAG,gBAAgB,EAAE,CAAC;IAEpE,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,mBAAmB,IAAI,OAAO,IAAI,IAAI,KAAK,OAAO,IAAI,WAAW,CAAC,OAAO,KAAK,UAAU,EAAE;YAC5F,MAAM,QAAQ,GAAG,mBAAmB,CAAC,gBAAgB,CAAC,CAAC;YACvD,MAAM,WAAW,GAAG,mBAAmB,CAAC,mBAAmB,CAAC,CAAC;YAE7D,UAAU,CAAC,OAAO,EAAE,CAAC;YAErB,IAAI,eAAe,EAAE;gBACnB,aAAa,CAAC,kBAAkB,CAAC;oBAC/B,mBAAmB;oBACnB,eAAe;oBACf,WAAW;oBACX,mBAAmB;oBACnB,UAAU;oBACV,QAAQ;oBACR,gBAAgB;oBAChB,kBAAkB,EAAE,qBAAqB,EAAE;iBAC5C,CAAC,CAAC;aACJ;iBAAM;gBACL,aAAa,CAAC,WAAW,CAAC;oBACxB,mBAAmB;iBACpB,CAAC,CAAC;aACJ;YAED,OAAO,GAAG,EAAE;gBACV,uDAAuD;gBACvD,UAAU,CAAC,OAAO,EAAE,CAAC;YACvB,CAAC,CAAC;SACH;QAED,uDAAuD;IACzD,CAAC,EAAE,CAAC,mBAAmB,EAAE,OAAO,EAAE,iBAAiB,EAAE,UAAU,CAAC,CAAC,CAAC;IAElE,OAAO,oBAAC,aAAa,kBAAC,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,IAAM,KAAK,EAAM,kBAAkB,EAAI,CAAC;AAC5F,CAAC;AAED,gBAAgB,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { useEffect } from 'react';\nimport { applyDisplayName } from '../internal/utils/apply-display-name';\nimport { AlertProps } from './interfaces';\nimport InternalAlert from './internal';\nimport useBaseComponent from '../internal/hooks/use-base-component';\nimport { FunnelMetrics } from '../internal/analytics';\nimport { useFunnel, useFunnelStep, useFunnelSubStep } from '../internal/analytics/hooks/use-funnel';\nimport { getNameFromSelector, getSubStepAllSelector } from '../internal/analytics/selectors';\n\nexport { AlertProps };\n\nexport default function Alert({ type = 'info', visible = true, ...props }: AlertProps) {\n  const baseComponentProps = useBaseComponent('Alert');\n\n  const { funnelInteractionId, submissionAttempt, funnelState, errorCount } = useFunnel();\n  const { stepNumber, stepNameSelector } = useFunnelStep();\n  const { subStepSelector, subStepNameSelector } = useFunnelSubStep();\n\n  useEffect(() => {\n    if (funnelInteractionId && visible && type === 'error' && funnelState.current !== 'complete') {\n      const stepName = getNameFromSelector(stepNameSelector);\n      const subStepName = getNameFromSelector(subStepNameSelector);\n\n      errorCount.current++;\n\n      if (subStepSelector) {\n        FunnelMetrics.funnelSubStepError({\n          funnelInteractionId,\n          subStepSelector,\n          subStepName,\n          subStepNameSelector,\n          stepNumber,\n          stepName,\n          stepNameSelector,\n          subStepAllSelector: getSubStepAllSelector(),\n        });\n      } else {\n        FunnelMetrics.funnelError({\n          funnelInteractionId,\n        });\n      }\n\n      return () => {\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n        errorCount.current--;\n      };\n    }\n\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [funnelInteractionId, visible, submissionAttempt, errorCount]);\n\n  return <InternalAlert type={type} visible={visible} {...props} {...baseComponentProps} />;\n}\n\napplyDisplayName(Alert, 'Alert');\n"]}

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

@@ -56,7 +56,7 @@ export const AnalyticsFunnel = (_a) => {
             }
             else {
                 FunnelMetrics.funnelCancelled({ funnelInteractionId });
-                funnelState.current === 'cancelled';
+                funnelState.current = 'cancelled';
             }
         };
     }, []);
@@ -133,7 +133,7 @@ export const AnalyticsFunnelStep = ({ children, stepNumber, stepNameSelector })
         }
         return () => {
             //eslint-disable-next-line react-hooks/exhaustive-deps
-            if (funnelInteractionId && funnelState.current === 'default') {
+            if (funnelInteractionId && funnelState.current !== 'cancelled') {
                 FunnelMetrics.funnelStepComplete({
                     funnelInteractionId,
                     stepNumber,

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

@@ -1 +1 @@
-{"version":3,"file":"analytics-funnel.js","sourceRoot":"lib/default/","sources":["internal/analytics/components/analytics-funnel.tsx"],"names":[],"mappings":";AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEvE,OAAO,EACL,iBAAiB,EACjB,oBAAoB,EACpB,aAAa,GAKd,MAAM,8BAA8B,CAAC;AACtC,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAChD,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AACxD,OAAO,EAAE,gBAAgB,EAAE,MAAM,6BAA6B,CAAC;AAE/D,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAEpD,OAAO,EAAE,aAAa,EAAE,MAAM,KAAK,CAAC;AAGpC,OAAO,EACL,qBAAqB,EACrB,qBAAqB,EACrB,mBAAmB,EACnB,qBAAqB,EACrB,sBAAsB,EACtB,kBAAkB,GACnB,MAAM,cAAc,CAAC;AAEtB,MAAM,CAAC,MAAM,cAAc,GAAG,KAAK,CAAC;AAOpC,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,EAA4C,EAAE,EAAE;QAAhD,EAAE,QAAQ,OAAkC,EAA7B,KAAK,cAApB,YAAsB,CAAF;IAClD,MAAM,CAAC,mBAAmB,EAAE,sBAAsB,CAAC,GAAG,QAAQ,CAAS,EAAE,CAAC,CAAC;IAC3E,MAAM,CAAC,iBAAiB,EAAE,oBAAoB,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;IAC9D,MAAM,eAAe,GAAG,gBAAgB,EAAE,CAAC;IAC3C,MAAM,WAAW,GAAG,MAAM,CAAc,SAAS,CAAC,CAAC;IACnD,MAAM,UAAU,GAAG,MAAM,CAAS,CAAC,CAAC,CAAC;IACrC,MAAM,kBAAkB,GAAG,MAAM,CAAS,CAAC,CAAC,CAAC;IAE7C,uFAAuF;IACvF,8FAA8F;IAC9F,0DAA0D;IAC1D,0EAA0E;IAC1E,EAAE;IACF,iFAAiF;IACjF,kGAAkG;IAClG,EAAE;IACF,4GAA4G;IAC5G,4CAA4C;IAC5C,SAAS,CAAC,GAAG,EAAE;QACb,yDAAyD;QACzD,WAAW,CAAC,OAAO,GAAG,SAAS,CAAC;QAEhC,MAAM,mBAAmB,GAAG,aAAa,CAAC,WAAW,CAAC;YACpD,kBAAkB,EAAE,qBAAqB,EAAE;YAC3C,mBAAmB,EAAE,KAAK,CAAC,mBAAmB;YAC9C,UAAU,EAAE,KAAK,CAAC,UAAU;YAC5B,gBAAgB,EAAE,KAAK,CAAC,gBAAgB;YACxC,gBAAgB,EAAE,eAAe;YACjC,KAAK,EAAE,eAAe,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS;YACzC,aAAa,EAAE,cAAc;SAC9B,CAAC,CAAC;QAEH,sBAAsB,CAAC,mBAAmB,CAAC,CAAC;QAE5C;;UAEE;QACF,gDAAgD;QAChD,OAAO,GAAG,EAAE;YACV,IAAI,WAAW,CAAC,OAAO,KAAK,YAAY,EAAE;gBACxC,qCAAqC;gBACrC,aAAa,CAAC,cAAc,CAAC,EAAE,mBAAmB,EAAE,CAAC,CAAC;gBACtD,WAAW,CAAC,OAAO,GAAG,UAAU,CAAC;aAClC;YAED,IAAI,WAAW,CAAC,OAAO,KAAK,UAAU,EAAE;gBACtC,aAAa,CAAC,gBAAgB,CAAC,EAAE,mBAAmB,EAAE,CAAC,CAAC;aACzD;iBAAM;gBACL,aAAa,CAAC,eAAe,CAAC,EAAE,mBAAmB,EAAE,CAAC,CAAC;gBACvD,WAAW,CAAC,OAAO,KAAK,WAAW,CAAC;aACrC;QACH,CAAC,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;IACP,+CAA+C;IAE/C,MAAM,YAAY,GAAG,GAAG,EAAE;QACxB,WAAW,CAAC,OAAO,GAAG,YAAY,CAAC;QAEnC;;;;;UAKE;QACF,MAAM,qBAAqB,GAAG,EAAE,CAAC;QACjC;;WAEG;QACH,MAAM,kBAAkB,GAAG,GAAG,CAAC;QAE/B,MAAM,oBAAoB,GAAG,GAAG,EAAE;YAChC,IAAI,WAAW,CAAC,OAAO,KAAK,UAAU,EAAE;gBACtC,OAAO;aACR;YAED,IAAI,kBAAkB,CAAC,OAAO,GAAG,CAAC,EAAE;gBAClC,UAAU,CAAC,oBAAoB,EAAE,kBAAkB,CAAC,CAAC;gBACrD,OAAO;aACR;YAED,IAAI,UAAU,CAAC,OAAO,KAAK,CAAC,EAAE;gBAC5B;;kBAEE;gBACF,aAAa,CAAC,cAAc,CAAC,EAAE,mBAAmB,EAAE,CAAC,CAAC;gBACtD,WAAW,CAAC,OAAO,GAAG,UAAU,CAAC;aAClC;iBAAM;gBACL,WAAW,CAAC,OAAO,GAAG,SAAS,CAAC;aACjC;QACH,CAAC,CAAC;QAEF,UAAU,CAAC,oBAAoB,EAAE,qBAAqB,CAAC,CAAC;IAC1D,CAAC,CAAC;IAEF,MAAM,yBAAyB,GAAG,GAAG,EAAE,CAAC,oBAAoB,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC;IAEzE,MAAM,YAAY,GAAG,GAAG,EAAE,GAAE,CAAC,CAAC;IAE9B,MAAM,kBAAkB,GAAuB;QAC7C,mBAAmB;QACnB,sBAAsB;QACtB,UAAU,EAAE,KAAK,CAAC,UAAU;QAC5B,mBAAmB,EAAE,KAAK,CAAC,mBAAmB;QAC9C,gBAAgB,EAAE,KAAK,CAAC,gBAAgB;QACxC,YAAY;QACZ,YAAY;QACZ,iBAAiB;QACjB,yBAAyB;QACzB,WAAW;QACX,UAAU;QACV,kBAAkB;KACnB,CAAC;IAEF,OAAO,oBAAC,aAAa,CAAC,QAAQ,IAAC,KAAK,EAAE,kBAAkB,IAAG,QAAQ,CAA0B,CAAC;AAChG,CAAC,CAAC;AAMF,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,EAAE,QAAQ,EAAE,UAAU,EAAE,gBAAgB,EAA4B,EAAE,EAAE;IAC1G,MAAM,EAAE,mBAAmB,EAAE,WAAW,EAAE,GAAG,SAAS,EAAE,CAAC;IAEzD,MAAM,eAAe,GAAG,EAAE,CAAC,qBAAqB,CAAC,EAAE,UAAU,EAAE,CAAC;IAEhE,8FAA8F;IAC9F,gHAAgH;IAChH,oEAAoE;IACpE,8HAA8H;IAC9H,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,QAAQ,GAAG,mBAAmB,CAAC,gBAAgB,CAAC,CAAC;QAEvD,IAAI,mBAAmB,IAAI,WAAW,CAAC,OAAO,KAAK,SAAS,EAAE;YAC5D,aAAa,CAAC,eAAe,CAAC;gBAC5B,mBAAmB;gBACnB,UAAU;gBACV,QAAQ;gBACR,gBAAgB;gBAChB,kBAAkB,EAAE,qBAAqB,EAAE;aAC5C,CAAC,CAAC;SACJ;QAED,OAAO,GAAG,EAAE;YACV,sDAAsD;YACtD,IAAI,mBAAmB,IAAI,WAAW,CAAC,OAAO,KAAK,SAAS,EAAE;gBAC5D,aAAa,CAAC,kBAAkB,CAAC;oBAC/B,mBAAmB;oBACnB,UAAU;oBACV,QAAQ;oBACR,gBAAgB;oBAChB,kBAAkB,EAAE,qBAAqB,EAAE;iBAC5C,CAAC,CAAC;aACJ;QACH,CAAC,CAAC;QACF,sDAAsD;IACxD,CAAC,EAAE,CAAC,mBAAmB,EAAE,UAAU,EAAE,gBAAgB,CAAC,CAAC,CAAC;IAExD,MAAM,YAAY,GAA2B,EAAE,UAAU,EAAE,gBAAgB,EAAE,eAAe,EAAE,CAAC;IAC/F,OAAO,CACL,oBAAC,iBAAiB,CAAC,QAAQ,IAAC,KAAK,EAAE,YAAY,IAC5C,OAAO,QAAQ,KAAK,UAAU,CAAC,CAAC,CAAC,QAAQ,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,QAAQ,CACxC,CAC9B,CAAC;AACJ,CAAC,CAAC;AAKF,MAAM,CAAC,MAAM,sBAAsB,GAAG,CAAC,EAAE,QAAQ,EAA+B,EAAE,EAAE;IAClF,MAAM,SAAS,GAAG,WAAW,CAAC,SAAS,CAAC,CAAC;IACzC,MAAM,eAAe,GAAG,kBAAkB,CAAC,SAAS,CAAC,CAAC;IACtD,MAAM,mBAAmB,GAAG,sBAAsB,CAAC,SAAS,CAAC,CAAC;IAC9D,MAAM,UAAU,GAAG,MAAM,CAAwB,IAAI,CAAC,CAAC;IAEvD,MAAM,UAAU,GAA8B;QAC5C,eAAe;QACf,mBAAmB;QACnB,SAAS;QACT,UAAU;QACV,eAAe,EAAE,KAAK;KACvB,CAAC;IAEF,MAAM,gBAAgB,mCAAQ,UAAU,CAAC,oBAAoB,CAAC,KAAE,eAAe,EAAE,IAAI,GAAE,CAAC;IAExF,MAAM,OAAO,GAAG,gBAAgB,CAAC,SAAS,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,UAAU,CAAC;IAE3E,OAAO,oBAAC,oBAAoB,CAAC,QAAQ,IAAC,KAAK,EAAE,OAAO,IAAG,QAAQ,CAAiC,CAAC;AACnG,CAAC,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { useContext, useEffect, useRef, useState } from 'react';\n\nimport {\n  FunnelStepContext,\n  FunnelSubStepContext,\n  FunnelContext,\n  FunnelContextValue,\n  FunnelStepContextValue,\n  FunnelState,\n  FunnelSubStepContextValue,\n} from '../context/analytics-context';\nimport { useFunnel } from '../hooks/use-funnel';\nimport { useUniqueId } from '../../hooks/use-unique-id';\nimport { useVisualRefresh } from '../../hooks/use-visual-mode';\n\nimport { PACKAGE_VERSION } from '../../environment';\n\nimport { FunnelMetrics } from '../';\nimport { FunnelProps, FunnelStepProps } from '../interfaces';\n\nimport {\n  DATA_ATTR_FUNNEL_STEP,\n  getFunnelNameSelector,\n  getNameFromSelector,\n  getSubStepAllSelector,\n  getSubStepNameSelector,\n  getSubStepSelector,\n} from '../selectors';\n\nexport const FUNNEL_VERSION = '1.0';\n\ntype AnalyticsFunnelProps = { children?: React.ReactNode } & Pick<\n  FunnelProps,\n  'funnelType' | 'optionalStepNumbers' | 'totalFunnelSteps'\n>;\n\nexport const AnalyticsFunnel = ({ children, ...props }: AnalyticsFunnelProps) => {\n  const [funnelInteractionId, setFunnelInteractionId] = useState<string>('');\n  const [submissionAttempt, setSubmissionAttempt] = useState(0);\n  const isVisualRefresh = useVisualRefresh();\n  const funnelState = useRef<FunnelState>('default');\n  const errorCount = useRef<number>(0);\n  const loadingButtonCount = useRef<number>(0);\n\n  // This useEffect hook is run once on component mount to initiate the funnel analytics.\n  // It first calls the 'funnelStart' method from FunnelMetrics, providing all necessary details\n  // about the funnel, and receives a unique interaction id.\n  // This unique interaction id is then stored in the state for further use.\n  //\n  // On component unmount, it checks whether the funnel was successfully completed.\n  // Based on this, it either calls 'funnelComplete' or 'funnelCancelled' method from FunnelMetrics.\n  //\n  // The eslint-disable is required as we deliberately want this effect to run only once on mount and unmount,\n  // hence we do not provide any dependencies.\n  useEffect(() => {\n    // Reset the state, in case the component was re-mounted.\n    funnelState.current = 'default';\n\n    const funnelInteractionId = FunnelMetrics.funnelStart({\n      funnelNameSelector: getFunnelNameSelector(),\n      optionalStepNumbers: props.optionalStepNumbers,\n      funnelType: props.funnelType,\n      totalFunnelSteps: props.totalFunnelSteps,\n      componentVersion: PACKAGE_VERSION,\n      theme: isVisualRefresh ? 'vr' : 'classic',\n      funnelVersion: FUNNEL_VERSION,\n    });\n\n    setFunnelInteractionId(funnelInteractionId);\n\n    /*\n      A funnel counts as \"successful\" if it is unmounted after being \"complete\".\n    */\n    /* eslint-disable react-hooks/exhaustive-deps */\n    return () => {\n      if (funnelState.current === 'validating') {\n        // Finish the validation phase early.\n        FunnelMetrics.funnelComplete({ funnelInteractionId });\n        funnelState.current = 'complete';\n      }\n\n      if (funnelState.current === 'complete') {\n        FunnelMetrics.funnelSuccessful({ funnelInteractionId });\n      } else {\n        FunnelMetrics.funnelCancelled({ funnelInteractionId });\n        funnelState.current === 'cancelled';\n      }\n    };\n  }, []);\n  /* eslint-enable react-hooks/exhaustive-deps */\n\n  const funnelSubmit = () => {\n    funnelState.current = 'validating';\n\n    /*\n      When the user attempts to submit the form, we wait for 50 milliseconds before checking\n      if any form validation errors are present. This value was chosen to give enough time\n      for validation and rerendering to occur, but be low enough that the user will not\n      be able to take further action in the meantime.\n    */\n    const VALIDATION_WAIT_DELAY = 50;\n    /*\n     Loading is expected to take longer than validation, so we can keep the pressure on the CPU low.\n     */\n    const LOADING_WAIT_DELAY = 100;\n\n    const checkForCompleteness = () => {\n      if (funnelState.current === 'complete') {\n        return;\n      }\n\n      if (loadingButtonCount.current > 0) {\n        setTimeout(checkForCompleteness, LOADING_WAIT_DELAY);\n        return;\n      }\n\n      if (errorCount.current === 0) {\n        /*\n          If no validation errors are rendered, we treat the funnel as complete.\n        */\n        FunnelMetrics.funnelComplete({ funnelInteractionId });\n        funnelState.current = 'complete';\n      } else {\n        funnelState.current = 'default';\n      }\n    };\n\n    setTimeout(checkForCompleteness, VALIDATION_WAIT_DELAY);\n  };\n\n  const funnelNextOrSubmitAttempt = () => setSubmissionAttempt(i => i + 1);\n\n  const funnelCancel = () => {};\n\n  const funnelContextValue: FunnelContextValue = {\n    funnelInteractionId,\n    setFunnelInteractionId,\n    funnelType: props.funnelType,\n    optionalStepNumbers: props.optionalStepNumbers,\n    totalFunnelSteps: props.totalFunnelSteps,\n    funnelSubmit,\n    funnelCancel,\n    submissionAttempt,\n    funnelNextOrSubmitAttempt,\n    funnelState,\n    errorCount,\n    loadingButtonCount,\n  };\n\n  return <FunnelContext.Provider value={funnelContextValue}>{children}</FunnelContext.Provider>;\n};\n\ntype AnalyticsFunnelStepProps = {\n  children?: React.ReactNode | ((props: FunnelStepContextValue) => React.ReactNode);\n} & Pick<FunnelStepProps, 'stepNumber' | 'stepNameSelector'>;\n\nexport const AnalyticsFunnelStep = ({ children, stepNumber, stepNameSelector }: AnalyticsFunnelStepProps) => {\n  const { funnelInteractionId, funnelState } = useFunnel();\n\n  const funnelStepProps = { [DATA_ATTR_FUNNEL_STEP]: stepNumber };\n\n  // This useEffect hook is used to track the start and completion of interaction with the step.\n  // On mount, if there is a valid funnel interaction id, it calls the 'funnelStepStart' method from FunnelMetrics\n  // to record the beginning of the interaction with the current step.\n  // On unmount, it does a similar thing but this time calling 'funnelStepComplete' to record the completion of the interaction.\n  useEffect(() => {\n    const stepName = getNameFromSelector(stepNameSelector);\n\n    if (funnelInteractionId && funnelState.current === 'default') {\n      FunnelMetrics.funnelStepStart({\n        funnelInteractionId,\n        stepNumber,\n        stepName,\n        stepNameSelector,\n        subStepAllSelector: getSubStepAllSelector(),\n      });\n    }\n\n    return () => {\n      //eslint-disable-next-line react-hooks/exhaustive-deps\n      if (funnelInteractionId && funnelState.current === 'default') {\n        FunnelMetrics.funnelStepComplete({\n          funnelInteractionId,\n          stepNumber,\n          stepName,\n          stepNameSelector,\n          subStepAllSelector: getSubStepAllSelector(),\n        });\n      }\n    };\n    //eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [funnelInteractionId, stepNumber, stepNameSelector]);\n\n  const contextValue: FunnelStepContextValue = { stepNumber, stepNameSelector, funnelStepProps };\n  return (\n    <FunnelStepContext.Provider value={contextValue}>\n      {typeof children === 'function' ? children(contextValue) : children}\n    </FunnelStepContext.Provider>\n  );\n};\ninterface AnalyticsFunnelSubStepProps {\n  children?: React.ReactNode;\n}\n\nexport const AnalyticsFunnelSubStep = ({ children }: AnalyticsFunnelSubStepProps) => {\n  const subStepId = useUniqueId('substep');\n  const subStepSelector = getSubStepSelector(subStepId);\n  const subStepNameSelector = getSubStepNameSelector(subStepId);\n  const subStepRef = useRef<HTMLDivElement | null>(null);\n\n  const newContext: FunnelSubStepContextValue = {\n    subStepSelector,\n    subStepNameSelector,\n    subStepId,\n    subStepRef,\n    isNestedSubStep: false,\n  };\n\n  const inheritedContext = { ...useContext(FunnelSubStepContext), isNestedSubStep: true };\n\n  const context = inheritedContext.subStepId ? inheritedContext : newContext;\n\n  return <FunnelSubStepContext.Provider value={context}>{children}</FunnelSubStepContext.Provider>;\n};\n"]}
+{"version":3,"file":"analytics-funnel.js","sourceRoot":"lib/default/","sources":["internal/analytics/components/analytics-funnel.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, { useContext, useEffect, useRef, useState } from 'react';\n\nimport {\n  FunnelStepContext,\n  FunnelSubStepContext,\n  FunnelContext,\n  FunnelContextValue,\n  FunnelStepContextValue,\n  FunnelState,\n  FunnelSubStepContextValue,\n} from '../context/analytics-context';\nimport { useFunnel } from '../hooks/use-funnel';\nimport { useUniqueId } from '../../hooks/use-unique-id';\nimport { useVisualRefresh } from '../../hooks/use-visual-mode';\n\nimport { PACKAGE_VERSION } from '../../environment';\n\nimport { FunnelMetrics } from '../';\nimport { FunnelProps, FunnelStepProps } from '../interfaces';\n\nimport {\n  DATA_ATTR_FUNNEL_STEP,\n  getFunnelNameSelector,\n  getNameFromSelector,\n  getSubStepAllSelector,\n  getSubStepNameSelector,\n  getSubStepSelector,\n} from '../selectors';\n\nexport const FUNNEL_VERSION = '1.0';\n\ntype AnalyticsFunnelProps = { children?: React.ReactNode } & Pick<\n  FunnelProps,\n  'funnelType' | 'optionalStepNumbers' | 'totalFunnelSteps'\n>;\n\nexport const AnalyticsFunnel = ({ children, ...props }: AnalyticsFunnelProps) => {\n  const [funnelInteractionId, setFunnelInteractionId] = useState<string>('');\n  const [submissionAttempt, setSubmissionAttempt] = useState(0);\n  const isVisualRefresh = useVisualRefresh();\n  const funnelState = useRef<FunnelState>('default');\n  const errorCount = useRef<number>(0);\n  const loadingButtonCount = useRef<number>(0);\n\n  // This useEffect hook is run once on component mount to initiate the funnel analytics.\n  // It first calls the 'funnelStart' method from FunnelMetrics, providing all necessary details\n  // about the funnel, and receives a unique interaction id.\n  // This unique interaction id is then stored in the state for further use.\n  //\n  // On component unmount, it checks whether the funnel was successfully completed.\n  // Based on this, it either calls 'funnelComplete' or 'funnelCancelled' method from FunnelMetrics.\n  //\n  // The eslint-disable is required as we deliberately want this effect to run only once on mount and unmount,\n  // hence we do not provide any dependencies.\n  useEffect(() => {\n    // Reset the state, in case the component was re-mounted.\n    funnelState.current = 'default';\n\n    const funnelInteractionId = FunnelMetrics.funnelStart({\n      funnelNameSelector: getFunnelNameSelector(),\n      optionalStepNumbers: props.optionalStepNumbers,\n      funnelType: props.funnelType,\n      totalFunnelSteps: props.totalFunnelSteps,\n      componentVersion: PACKAGE_VERSION,\n      theme: isVisualRefresh ? 'vr' : 'classic',\n      funnelVersion: FUNNEL_VERSION,\n    });\n\n    setFunnelInteractionId(funnelInteractionId);\n\n    /*\n      A funnel counts as \"successful\" if it is unmounted after being \"complete\".\n    */\n    /* eslint-disable react-hooks/exhaustive-deps */\n    return () => {\n      if (funnelState.current === 'validating') {\n        // Finish the validation phase early.\n        FunnelMetrics.funnelComplete({ funnelInteractionId });\n        funnelState.current = 'complete';\n      }\n\n      if (funnelState.current === 'complete') {\n        FunnelMetrics.funnelSuccessful({ funnelInteractionId });\n      } else {\n        FunnelMetrics.funnelCancelled({ funnelInteractionId });\n        funnelState.current = 'cancelled';\n      }\n    };\n  }, []);\n  /* eslint-enable react-hooks/exhaustive-deps */\n\n  const funnelSubmit = () => {\n    funnelState.current = 'validating';\n\n    /*\n      When the user attempts to submit the form, we wait for 50 milliseconds before checking\n      if any form validation errors are present. This value was chosen to give enough time\n      for validation and rerendering to occur, but be low enough that the user will not\n      be able to take further action in the meantime.\n    */\n    const VALIDATION_WAIT_DELAY = 50;\n    /*\n     Loading is expected to take longer than validation, so we can keep the pressure on the CPU low.\n     */\n    const LOADING_WAIT_DELAY = 100;\n\n    const checkForCompleteness = () => {\n      if (funnelState.current === 'complete') {\n        return;\n      }\n\n      if (loadingButtonCount.current > 0) {\n        setTimeout(checkForCompleteness, LOADING_WAIT_DELAY);\n        return;\n      }\n\n      if (errorCount.current === 0) {\n        /*\n          If no validation errors are rendered, we treat the funnel as complete.\n        */\n        FunnelMetrics.funnelComplete({ funnelInteractionId });\n        funnelState.current = 'complete';\n      } else {\n        funnelState.current = 'default';\n      }\n    };\n\n    setTimeout(checkForCompleteness, VALIDATION_WAIT_DELAY);\n  };\n\n  const funnelNextOrSubmitAttempt = () => setSubmissionAttempt(i => i + 1);\n\n  const funnelCancel = () => {};\n\n  const funnelContextValue: FunnelContextValue = {\n    funnelInteractionId,\n    setFunnelInteractionId,\n    funnelType: props.funnelType,\n    optionalStepNumbers: props.optionalStepNumbers,\n    totalFunnelSteps: props.totalFunnelSteps,\n    funnelSubmit,\n    funnelCancel,\n    submissionAttempt,\n    funnelNextOrSubmitAttempt,\n    funnelState,\n    errorCount,\n    loadingButtonCount,\n  };\n\n  return <FunnelContext.Provider value={funnelContextValue}>{children}</FunnelContext.Provider>;\n};\n\ntype AnalyticsFunnelStepProps = {\n  children?: React.ReactNode | ((props: FunnelStepContextValue) => React.ReactNode);\n} & Pick<FunnelStepProps, 'stepNumber' | 'stepNameSelector'>;\n\nexport const AnalyticsFunnelStep = ({ children, stepNumber, stepNameSelector }: AnalyticsFunnelStepProps) => {\n  const { funnelInteractionId, funnelState } = useFunnel();\n\n  const funnelStepProps = { [DATA_ATTR_FUNNEL_STEP]: stepNumber };\n\n  // This useEffect hook is used to track the start and completion of interaction with the step.\n  // On mount, if there is a valid funnel interaction id, it calls the 'funnelStepStart' method from FunnelMetrics\n  // to record the beginning of the interaction with the current step.\n  // On unmount, it does a similar thing but this time calling 'funnelStepComplete' to record the completion of the interaction.\n  useEffect(() => {\n    const stepName = getNameFromSelector(stepNameSelector);\n\n    if (funnelInteractionId && funnelState.current === 'default') {\n      FunnelMetrics.funnelStepStart({\n        funnelInteractionId,\n        stepNumber,\n        stepName,\n        stepNameSelector,\n        subStepAllSelector: getSubStepAllSelector(),\n      });\n    }\n\n    return () => {\n      //eslint-disable-next-line react-hooks/exhaustive-deps\n      if (funnelInteractionId && funnelState.current !== 'cancelled') {\n        FunnelMetrics.funnelStepComplete({\n          funnelInteractionId,\n          stepNumber,\n          stepName,\n          stepNameSelector,\n          subStepAllSelector: getSubStepAllSelector(),\n        });\n      }\n    };\n    //eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [funnelInteractionId, stepNumber, stepNameSelector]);\n\n  const contextValue: FunnelStepContextValue = { stepNumber, stepNameSelector, funnelStepProps };\n  return (\n    <FunnelStepContext.Provider value={contextValue}>\n      {typeof children === 'function' ? children(contextValue) : children}\n    </FunnelStepContext.Provider>\n  );\n};\ninterface AnalyticsFunnelSubStepProps {\n  children?: React.ReactNode;\n}\n\nexport const AnalyticsFunnelSubStep = ({ children }: AnalyticsFunnelSubStepProps) => {\n  const subStepId = useUniqueId('substep');\n  const subStepSelector = getSubStepSelector(subStepId);\n  const subStepNameSelector = getSubStepNameSelector(subStepId);\n  const subStepRef = useRef<HTMLDivElement | null>(null);\n\n  const newContext: FunnelSubStepContextValue = {\n    subStepSelector,\n    subStepNameSelector,\n    subStepId,\n    subStepRef,\n    isNestedSubStep: false,\n  };\n\n  const inheritedContext = { ...useContext(FunnelSubStepContext), isNestedSubStep: true };\n\n  const context = inheritedContext.subStepId ? inheritedContext : newContext;\n\n  return <FunnelSubStepContext.Provider value={context}>{children}</FunnelSubStepContext.Provider>;\n};\n"]}

package/internal/analytics/hooks/use-funnel.js

@@ -40,7 +40,7 @@ export const useFunnelSubStep = () => {
         if (funnelInteractionId &&
             subStepRef.current &&
             !subStepRef.current.contains(event.relatedTarget) &&
-            funnelState.current === 'default') {
+            funnelState.current !== 'cancelled') {
             FunnelMetrics.funnelSubStepComplete({
                 funnelInteractionId,
                 subStepSelector,

package/internal/analytics/hooks/use-funnel.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-funnel.js","sourceRoot":"lib/default/","sources":["internal/analytics/hooks/use-funnel.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AAEtC,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACnC,OAAO,EAAE,aAAa,EAAE,iBAAiB,EAAE,oBAAoB,EAAE,MAAM,8BAA8B,CAAC;AACtG,OAAO,EAAE,+BAA+B,EAAE,wBAAwB,EAAE,qBAAqB,EAAE,MAAM,cAAc,CAAC;AAChH,OAAO,EAAE,aAAa,EAAE,MAAM,KAAK,CAAC;AAEpC;;;;;;;;;GASG;AACH,MAAM,CAAC,MAAM,gBAAgB,GAAG,GAAG,EAAE;IACnC,MAAM,OAAO,GAAG,UAAU,CAAC,oBAAoB,CAAC,CAAC;IACjD,MAAM,EAAE,mBAAmB,EAAE,WAAW,EAAE,GAAG,SAAS,EAAE,CAAC;IACzD,MAAM,EAAE,UAAU,EAAE,gBAAgB,EAAE,GAAG,aAAa,EAAE,CAAC;IAEzD,MAAM,EAAE,SAAS,EAAE,eAAe,EAAE,mBAAmB,EAAE,UAAU,EAAE,eAAe,EAAE,GAAG,OAAO,CAAC;IAEjG,IAAI,eAAe,EAAE;QACnB,OAAO,OAAO,CAAC;KAChB;IAED,MAAM,OAAO,GAAG,CAAC,KAAuC,EAAE,EAAE;QAC1D,IACE,mBAAmB;YACnB,UAAU,CAAC,OAAO;YAClB,CAAC,CAAC,KAAK,CAAC,aAAa,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAC,aAAqB,CAAC,CAAC,EACnF;YACA,aAAa,CAAC,kBAAkB,CAAC;gBAC/B,mBAAmB;gBACnB,eAAe;gBACf,mBAAmB;gBACnB,UAAU;gBACV,gBAAgB;gBAChB,kBAAkB,EAAE,qBAAqB,EAAE;aAC5C,CAAC,CAAC;SACJ;IACH,CAAC,CAAC;IAEF,MAAM,MAAM,GAAG,CAAC,KAAuC,EAAE,EAAE;QACzD,IACE,mBAAmB;YACnB,UAAU,CAAC,OAAO;YAClB,CAAC,UAAU,CAAC,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAC,aAAa,CAAC;YACjD,WAAW,CAAC,OAAO,KAAK,SAAS,EACjC;YACA,aAAa,CAAC,qBAAqB,CAAC;gBAClC,mBAAmB;gBACnB,eAAe;gBACf,mBAAmB;gBACnB,UAAU;gBACV,gBAAgB;gBAChB,kBAAkB,EAAE,qBAAqB,EAAE;aAC5C,CAAC,CAAC;SACJ;IACH,CAAC,CAAC;IAEF,MAAM,kBAAkB,GAAwB,mBAAmB;QACjE,CAAC,CAAC;YACE,CAAC,wBAAwB,CAAC,EAAE,SAAS;YACrC,OAAO;YACP,MAAM;SACP;QACH,CAAC,CAAC,EAAE,CAAC;IAEP,uBAAS,kBAAkB,IAAK,OAAO,EAAG;AAC5C,CAAC,CAAC;AAEF;;;;;;;GAOG;AACH,MAAM,CAAC,MAAM,aAAa,GAAG,GAAG,EAAE;IAChC,MAAM,OAAO,GAAG,UAAU,CAAC,iBAAiB,CAAC,CAAC;IAC9C,OAAO,OAAO,CAAC;AACjB,CAAC,CAAC;AAEF;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,SAAS,GAAG,GAAG,EAAE;IAC5B,MAAM,OAAO,GAAG,UAAU,CAAC,aAAa,CAAC,CAAC;IAC1C,MAAM,WAAW,GAA0D,OAAO,CAAC,mBAAmB;QACpG,CAAC,CAAC;YACE,CAAC,+BAA+B,CAAC,EAAE,OAAO,CAAC,mBAAmB;SAC/D;QACH,CAAC,CAAC,EAAE,CAAC;IAEP,uBAAS,WAAW,IAAK,OAAO,EAAG;AACrC,CAAC,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { useContext } from 'react';\nimport { FunnelContext, FunnelStepContext, FunnelSubStepContext } from '../context/analytics-context';\nimport { DATA_ATTR_FUNNEL_INTERACTION_ID, DATA_ATTR_FUNNEL_SUBSTEP, getSubStepAllSelector } from '../selectors';\nimport { FunnelMetrics } from '../';\n\n/**\n * Custom React Hook to manage and interact with FunnelSubStep.\n * This hook will provide necessary properties and methods required\n * to track and manage interactions with a FunnelSubStep component.\n *\n * The `onFocus` method is used to track the beginning of interaction with the FunnelSubStep.\n * The `onBlur` method is used to track the completion of interaction with the FunnelSubStep.\n * The subStepId is a unique identifier for the funnel sub-step.\n * The subStepRef is a reference to the DOM element of the funnel sub-step.\n */\nexport const useFunnelSubStep = () => {\n  const context = useContext(FunnelSubStepContext);\n  const { funnelInteractionId, funnelState } = useFunnel();\n  const { stepNumber, stepNameSelector } = useFunnelStep();\n\n  const { subStepId, subStepSelector, subStepNameSelector, subStepRef, isNestedSubStep } = context;\n\n  if (isNestedSubStep) {\n    return context;\n  }\n\n  const onFocus = (event: React.FocusEvent<HTMLDivElement>) => {\n    if (\n      funnelInteractionId &&\n      subStepRef.current &&\n      (!event.relatedTarget || !subStepRef.current.contains(event.relatedTarget as Node))\n    ) {\n      FunnelMetrics.funnelSubStepStart({\n        funnelInteractionId,\n        subStepSelector,\n        subStepNameSelector,\n        stepNumber,\n        stepNameSelector,\n        subStepAllSelector: getSubStepAllSelector(),\n      });\n    }\n  };\n\n  const onBlur = (event: React.FocusEvent<HTMLDivElement>) => {\n    if (\n      funnelInteractionId &&\n      subStepRef.current &&\n      !subStepRef.current.contains(event.relatedTarget) &&\n      funnelState.current === 'default'\n    ) {\n      FunnelMetrics.funnelSubStepComplete({\n        funnelInteractionId,\n        subStepSelector,\n        subStepNameSelector,\n        stepNumber,\n        stepNameSelector,\n        subStepAllSelector: getSubStepAllSelector(),\n      });\n    }\n  };\n\n  const funnelSubStepProps: Record<string, any> = funnelInteractionId\n    ? {\n        [DATA_ATTR_FUNNEL_SUBSTEP]: subStepId,\n        onFocus,\n        onBlur,\n      }\n    : {};\n\n  return { funnelSubStepProps, ...context };\n};\n\n/**\n * Custom React Hook to manage and interact with FunnelStep.\n * This hook will provide necessary properties required to track\n * and manage interactions with a FunnelStep component.\n *\n * The 'data-analytics-funnel-step' property of funnelStepProps is used to track the index of the current step in the funnel.\n * The context contains additional properties of the FunnelStep.\n */\nexport const useFunnelStep = () => {\n  const context = useContext(FunnelStepContext);\n  return context;\n};\n\n/**\n * Custom React Hook to manage and interact with Funnel.\n * This hook will provide necessary properties required to track\n * and manage interactions with a Funnel component.\n *\n * The 'data-analytics-funnel-interaction-id' property of funnelProps is used to track the unique identifier of the current interaction with the funnel.\n */\nexport const useFunnel = () => {\n  const context = useContext(FunnelContext);\n  const funnelProps: Record<string, string | number | boolean | undefined> = context.funnelInteractionId\n    ? {\n        [DATA_ATTR_FUNNEL_INTERACTION_ID]: context.funnelInteractionId,\n      }\n    : {};\n\n  return { funnelProps, ...context };\n};\n"]}
+{"version":3,"file":"use-funnel.js","sourceRoot":"lib/default/","sources":["internal/analytics/hooks/use-funnel.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AAEtC,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACnC,OAAO,EAAE,aAAa,EAAE,iBAAiB,EAAE,oBAAoB,EAAE,MAAM,8BAA8B,CAAC;AACtG,OAAO,EAAE,+BAA+B,EAAE,wBAAwB,EAAE,qBAAqB,EAAE,MAAM,cAAc,CAAC;AAChH,OAAO,EAAE,aAAa,EAAE,MAAM,KAAK,CAAC;AAEpC;;;;;;;;;GASG;AACH,MAAM,CAAC,MAAM,gBAAgB,GAAG,GAAG,EAAE;IACnC,MAAM,OAAO,GAAG,UAAU,CAAC,oBAAoB,CAAC,CAAC;IACjD,MAAM,EAAE,mBAAmB,EAAE,WAAW,EAAE,GAAG,SAAS,EAAE,CAAC;IACzD,MAAM,EAAE,UAAU,EAAE,gBAAgB,EAAE,GAAG,aAAa,EAAE,CAAC;IAEzD,MAAM,EAAE,SAAS,EAAE,eAAe,EAAE,mBAAmB,EAAE,UAAU,EAAE,eAAe,EAAE,GAAG,OAAO,CAAC;IAEjG,IAAI,eAAe,EAAE;QACnB,OAAO,OAAO,CAAC;KAChB;IAED,MAAM,OAAO,GAAG,CAAC,KAAuC,EAAE,EAAE;QAC1D,IACE,mBAAmB;YACnB,UAAU,CAAC,OAAO;YAClB,CAAC,CAAC,KAAK,CAAC,aAAa,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAC,aAAqB,CAAC,CAAC,EACnF;YACA,aAAa,CAAC,kBAAkB,CAAC;gBAC/B,mBAAmB;gBACnB,eAAe;gBACf,mBAAmB;gBACnB,UAAU;gBACV,gBAAgB;gBAChB,kBAAkB,EAAE,qBAAqB,EAAE;aAC5C,CAAC,CAAC;SACJ;IACH,CAAC,CAAC;IAEF,MAAM,MAAM,GAAG,CAAC,KAAuC,EAAE,EAAE;QACzD,IACE,mBAAmB;YACnB,UAAU,CAAC,OAAO;YAClB,CAAC,UAAU,CAAC,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAC,aAAa,CAAC;YACjD,WAAW,CAAC,OAAO,KAAK,WAAW,EACnC;YACA,aAAa,CAAC,qBAAqB,CAAC;gBAClC,mBAAmB;gBACnB,eAAe;gBACf,mBAAmB;gBACnB,UAAU;gBACV,gBAAgB;gBAChB,kBAAkB,EAAE,qBAAqB,EAAE;aAC5C,CAAC,CAAC;SACJ;IACH,CAAC,CAAC;IAEF,MAAM,kBAAkB,GAAwB,mBAAmB;QACjE,CAAC,CAAC;YACE,CAAC,wBAAwB,CAAC,EAAE,SAAS;YACrC,OAAO;YACP,MAAM;SACP;QACH,CAAC,CAAC,EAAE,CAAC;IAEP,uBAAS,kBAAkB,IAAK,OAAO,EAAG;AAC5C,CAAC,CAAC;AAEF;;;;;;;GAOG;AACH,MAAM,CAAC,MAAM,aAAa,GAAG,GAAG,EAAE;IAChC,MAAM,OAAO,GAAG,UAAU,CAAC,iBAAiB,CAAC,CAAC;IAC9C,OAAO,OAAO,CAAC;AACjB,CAAC,CAAC;AAEF;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,SAAS,GAAG,GAAG,EAAE;IAC5B,MAAM,OAAO,GAAG,UAAU,CAAC,aAAa,CAAC,CAAC;IAC1C,MAAM,WAAW,GAA0D,OAAO,CAAC,mBAAmB;QACpG,CAAC,CAAC;YACE,CAAC,+BAA+B,CAAC,EAAE,OAAO,CAAC,mBAAmB;SAC/D;QACH,CAAC,CAAC,EAAE,CAAC;IAEP,uBAAS,WAAW,IAAK,OAAO,EAAG;AACrC,CAAC,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { useContext } from 'react';\nimport { FunnelContext, FunnelStepContext, FunnelSubStepContext } from '../context/analytics-context';\nimport { DATA_ATTR_FUNNEL_INTERACTION_ID, DATA_ATTR_FUNNEL_SUBSTEP, getSubStepAllSelector } from '../selectors';\nimport { FunnelMetrics } from '../';\n\n/**\n * Custom React Hook to manage and interact with FunnelSubStep.\n * This hook will provide necessary properties and methods required\n * to track and manage interactions with a FunnelSubStep component.\n *\n * The `onFocus` method is used to track the beginning of interaction with the FunnelSubStep.\n * The `onBlur` method is used to track the completion of interaction with the FunnelSubStep.\n * The subStepId is a unique identifier for the funnel sub-step.\n * The subStepRef is a reference to the DOM element of the funnel sub-step.\n */\nexport const useFunnelSubStep = () => {\n  const context = useContext(FunnelSubStepContext);\n  const { funnelInteractionId, funnelState } = useFunnel();\n  const { stepNumber, stepNameSelector } = useFunnelStep();\n\n  const { subStepId, subStepSelector, subStepNameSelector, subStepRef, isNestedSubStep } = context;\n\n  if (isNestedSubStep) {\n    return context;\n  }\n\n  const onFocus = (event: React.FocusEvent<HTMLDivElement>) => {\n    if (\n      funnelInteractionId &&\n      subStepRef.current &&\n      (!event.relatedTarget || !subStepRef.current.contains(event.relatedTarget as Node))\n    ) {\n      FunnelMetrics.funnelSubStepStart({\n        funnelInteractionId,\n        subStepSelector,\n        subStepNameSelector,\n        stepNumber,\n        stepNameSelector,\n        subStepAllSelector: getSubStepAllSelector(),\n      });\n    }\n  };\n\n  const onBlur = (event: React.FocusEvent<HTMLDivElement>) => {\n    if (\n      funnelInteractionId &&\n      subStepRef.current &&\n      !subStepRef.current.contains(event.relatedTarget) &&\n      funnelState.current !== 'cancelled'\n    ) {\n      FunnelMetrics.funnelSubStepComplete({\n        funnelInteractionId,\n        subStepSelector,\n        subStepNameSelector,\n        stepNumber,\n        stepNameSelector,\n        subStepAllSelector: getSubStepAllSelector(),\n      });\n    }\n  };\n\n  const funnelSubStepProps: Record<string, any> = funnelInteractionId\n    ? {\n        [DATA_ATTR_FUNNEL_SUBSTEP]: subStepId,\n        onFocus,\n        onBlur,\n      }\n    : {};\n\n  return { funnelSubStepProps, ...context };\n};\n\n/**\n * Custom React Hook to manage and interact with FunnelStep.\n * This hook will provide necessary properties required to track\n * and manage interactions with a FunnelStep component.\n *\n * The 'data-analytics-funnel-step' property of funnelStepProps is used to track the index of the current step in the funnel.\n * The context contains additional properties of the FunnelStep.\n */\nexport const useFunnelStep = () => {\n  const context = useContext(FunnelStepContext);\n  return context;\n};\n\n/**\n * Custom React Hook to manage and interact with Funnel.\n * This hook will provide necessary properties required to track\n * and manage interactions with a Funnel component.\n *\n * The 'data-analytics-funnel-interaction-id' property of funnelProps is used to track the unique identifier of the current interaction with the funnel.\n */\nexport const useFunnel = () => {\n  const context = useContext(FunnelContext);\n  const funnelProps: Record<string, string | number | boolean | undefined> = context.funnelInteractionId\n    ? {\n        [DATA_ATTR_FUNNEL_INTERACTION_ID]: context.funnelInteractionId,\n      }\n    : {};\n\n  return { funnelProps, ...context };\n};\n"]}

package/internal/environment.js

@@ -1,6 +1,6 @@
 
     export var PACKAGE_SOURCE = 'components';
-    export var PACKAGE_VERSION = '3.0.0 (f2157d0)';
+    export var PACKAGE_VERSION = '3.0.0 (b80535d)';
     export var THEME = 'open-source-visual-refresh';
     export var ALWAYS_VISUAL_REFRESH = true;
     

package/internal/manifest.json

@@ -1,3 +1,3 @@
 {
-  "commit": "f2157d08391a051b016df6a34ee27029a2b2084d"
+  "commit": "b80535d74110de4e1e2e3459ef46bbb215d3baf3"
 }

package/package.json

@@ -136,7 +136,7 @@
     "./internal/base-component/index.js",
     "./internal/base-component/styles.css.js"
   ],
-  "version": "3.0.338",
+  "version": "3.0.339",
   "repository": {
     "type": "git",
     "url": "https://github.com/cloudscape-design/components.git"

package/table/body-cell/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"lib/default/","sources":["table/body-cell/index.tsx"],"names":[],"mappings":";AAMA,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAkB,mBAAmB,EAAE,MAAM,cAAc,CAAC;AASnE,UAAU,kBAAkB,CAAC,QAAQ,CAAE,SAAQ,mBAAmB;IAChE,MAAM,EAAE,UAAU,CAAC,gBAAgB,CAAC,QAAQ,CAAC,CAAC;IAC9C,IAAI,EAAE,QAAQ,CAAC;IACf,SAAS,EAAE,OAAO,CAAC;IACnB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,SAAS,EAAE,CAAC,SAAS,EAAE,OAAO,KAAK,IAAI,CAAC;IACxC,UAAU,CAAC,EAAE,UAAU,CAAC,kBAAkB,CAAC,QAAQ,CAAC,CAAC;IACrD,UAAU,EAAE,UAAU,CAAC,YAAY,CAAC,CAAC;CACtC;AA2FD,wBAAgB,aAAa,CAAC,QAAQ,EAAE,EACtC,UAAU,EACV,GAAG,IAAI,EACR,EAAE,kBAAkB,CAAC,QAAQ,CAAC,GAAG;IAAE,UAAU,EAAE,OAAO,CAAA;CAAE,eAMxD"}
+{"version":3,"file":"index.d.ts","sourceRoot":"lib/default/","sources":["table/body-cell/index.tsx"],"names":[],"mappings":";AAMA,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAkB,mBAAmB,EAAE,MAAM,cAAc,CAAC;AAUnE,UAAU,kBAAkB,CAAC,QAAQ,CAAE,SAAQ,mBAAmB;IAChE,MAAM,EAAE,UAAU,CAAC,gBAAgB,CAAC,QAAQ,CAAC,CAAC;IAC9C,IAAI,EAAE,QAAQ,CAAC;IACf,SAAS,EAAE,OAAO,CAAC;IACnB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,SAAS,EAAE,CAAC,SAAS,EAAE,OAAO,KAAK,IAAI,CAAC;IACxC,UAAU,CAAC,EAAE,UAAU,CAAC,kBAAkB,CAAC,QAAQ,CAAC,CAAC;IACrD,UAAU,EAAE,UAAU,CAAC,YAAY,CAAC,CAAC;CACtC;AAgHD,wBAAgB,aAAa,CAAC,QAAQ,EAAE,EACtC,UAAU,EACV,GAAG,IAAI,EACR,EAAE,kBAAkB,CAAC,QAAQ,CAAC,GAAG;IAAE,UAAU,EAAE,OAAO,CAAA;CAAE,eAMxD"}

package/table/body-cell/index.js

@@ -9,6 +9,7 @@ import { TableTdElement } from './td-element';
 import { InlineEditor } from './inline-editor';
 import LiveRegion from '../../internal/components/live-region/index.js';
 import { useInternalI18n } from '../../internal/i18n/context';
+import { usePrevious } from '../../internal/hooks/use-previous';
 const submitHandlerFallback = () => {
     throw new Error('The function `handleSubmit` is required for editable columns');
 };
@@ -31,13 +32,31 @@ function TableCellEditable(_a) {
     const [hasHover, setHasHover] = useState(false);
     const [hasFocus, setHasFocus] = useState(false);
     const showIcon = hasHover || hasFocus;
-    return (React.createElement(TableTdElement, Object.assign({}, rest, { nativeAttributes: tdNativeAttributes, className: clsx(className, styles['body-cell-editable'], isEditing && styles['body-cell-edit-active'], successfulEdit && styles['body-cell-has-success'], isVisualRefresh && styles['is-visual-refresh']), onClick: !isEditing ? onEditStart : undefined, onMouseEnter: () => setHasHover(true), onMouseLeave: () => setHasHover(false) }), isEditing ? (React.createElement(InlineEditor, { ariaLabels: ariaLabels, column: column, item: item, onEditEnd: e => {
+    const prevSuccessfulEdit = usePrevious(successfulEdit);
+    const prevHasFocus = usePrevious(hasFocus);
+    const [showSuccessIcon, setShowSuccessIcon] = useState(false);
+    useEffect(() => {
+        // Hide the success icon after a successful edit, when cell loses focus.
+        if (successfulEdit && prevSuccessfulEdit && !hasFocus && prevHasFocus) {
+            setShowSuccessIcon(false);
+        }
+        // Show success icon right after a successful edit, when `successfulEdit` switches to true.
+        if (successfulEdit && !prevSuccessfulEdit) {
+            setShowSuccessIcon(true);
+        }
+    }, [hasFocus, successfulEdit, prevHasFocus, prevSuccessfulEdit]);
+    return (React.createElement(TableTdElement, Object.assign({}, rest, { nativeAttributes: tdNativeAttributes, className: clsx(className, styles['body-cell-editable'], isEditing && styles['body-cell-edit-active'], showSuccessIcon && showIcon && styles['body-cell-has-success'], isVisualRefresh && styles['is-visual-refresh']), onClick: !isEditing ? onEditStart : undefined, onMouseEnter: () => setHasHover(true), onMouseLeave: () => setHasHover(false) }), isEditing ? (React.createElement(InlineEditor, { ariaLabels: ariaLabels, column: column, item: item, onEditEnd: e => {
+            setShowSuccessIcon(false);
             isFocusMoveNeededRef.current = true;
             onEditEnd(e);
         }, submitEdit: submitEdit !== null && submitEdit !== void 0 ? submitEdit : submitHandlerFallback })) : (React.createElement(React.Fragment, null,
         column.cell(item),
-        successfulEdit && (React.createElement(React.Fragment, null,
-            React.createElement("span", { className: styles['body-cell-success'], "aria-label": (_b = ariaLabels === null || ariaLabels === void 0 ? void 0 : ariaLabels.successfulEditLabel) === null || _b === void 0 ? void 0 : _b.call(ariaLabels, column), role: "img" },
+        showSuccessIcon && showIcon && (React.createElement(React.Fragment, null,
+            React.createElement("span", { className: styles['body-cell-success'], "aria-label": (_b = ariaLabels === null || ariaLabels === void 0 ? void 0 : ariaLabels.successfulEditLabel) === null || _b === void 0 ? void 0 : _b.call(ariaLabels, column), role: "img", onMouseDown: e => {
+                    // Prevent the editor's Button blur event to be fired when clicking the success icon.
+                    // This prevents unfocusing the button and triggers the `TableTdElement` onClick event which initiates the edit mode.
+                    e.preventDefault();
+                } },
                 React.createElement(Icon, { name: "status-positive", variant: "success" })),
             React.createElement(LiveRegion, null, i18n('ariaLabels.successfulEditLabel', (_c = ariaLabels === null || ariaLabels === void 0 ? void 0 : ariaLabels.successfulEditLabel) === null || _c === void 0 ? void 0 : _c.call(ariaLabels, column))))),
         React.createElement("button", { className: styles['body-cell-editor'], "aria-label": (_d = ariaLabels === null || ariaLabels === void 0 ? void 0 : ariaLabels.activateEditLabel) === null || _d === void 0 ? void 0 : _d.call(ariaLabels, column, item), ref: editActivateRef, onFocus: () => setHasFocus(true), onBlur: () => setHasFocus(false) }, showIcon && React.createElement(Icon, { name: "edit" }))))));

package/table/body-cell/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"lib/default/","sources":["table/body-cell/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 clsx from 'clsx';\nimport styles from './styles.css.js';\nimport React, { useEffect, useRef, useState } from 'react';\nimport Icon from '../../icon/internal';\nimport { TableProps } from '../interfaces';\nimport { TableTdElement, TableTdElementProps } from './td-element';\nimport { InlineEditor } from './inline-editor';\nimport LiveRegion from '../../internal/components/live-region/index.js';\nimport { useInternalI18n } from '../../internal/i18n/context';\n\nconst submitHandlerFallback = () => {\n  throw new Error('The function `handleSubmit` is required for editable columns');\n};\n\ninterface TableBodyCellProps<ItemType> extends TableTdElementProps {\n  column: TableProps.ColumnDefinition<ItemType>;\n  item: ItemType;\n  isEditing: boolean;\n  successfulEdit?: boolean;\n  onEditStart: () => void;\n  onEditEnd: (cancelled: boolean) => void;\n  submitEdit?: TableProps.SubmitEditFunction<ItemType>;\n  ariaLabels: TableProps['ariaLabels'];\n}\n\nfunction TableCellEditable<ItemType>({\n  className,\n  item,\n  column,\n  isEditing,\n  onEditStart,\n  onEditEnd,\n  submitEdit,\n  ariaLabels,\n  isVisualRefresh,\n  successfulEdit = false,\n  ...rest\n}: TableBodyCellProps<ItemType>) {\n  const i18n = useInternalI18n('table');\n  const editActivateRef = useRef<HTMLButtonElement>(null);\n  const tdNativeAttributes = {\n    'data-inline-editing-active': isEditing.toString(),\n  };\n  const isFocusMoveNeededRef = useRef(false);\n\n  useEffect(() => {\n    if (!isEditing && editActivateRef.current && isFocusMoveNeededRef.current) {\n      isFocusMoveNeededRef.current = false;\n      editActivateRef.current.focus();\n    }\n  }, [isEditing]);\n  // To improve the initial page render performance we only show the edit icon when necessary.\n  const [hasHover, setHasHover] = useState(false);\n  const [hasFocus, setHasFocus] = useState(false);\n  const showIcon = hasHover || hasFocus;\n\n  return (\n    <TableTdElement\n      {...rest}\n      nativeAttributes={tdNativeAttributes as TableTdElementProps['nativeAttributes']}\n      className={clsx(\n        className,\n        styles['body-cell-editable'],\n        isEditing && styles['body-cell-edit-active'],\n        successfulEdit && styles['body-cell-has-success'],\n        isVisualRefresh && styles['is-visual-refresh']\n      )}\n      onClick={!isEditing ? onEditStart : undefined}\n      onMouseEnter={() => setHasHover(true)}\n      onMouseLeave={() => setHasHover(false)}\n    >\n      {isEditing ? (\n        <InlineEditor\n          ariaLabels={ariaLabels}\n          column={column}\n          item={item}\n          onEditEnd={e => {\n            isFocusMoveNeededRef.current = true;\n            onEditEnd(e);\n          }}\n          submitEdit={submitEdit ?? submitHandlerFallback}\n        />\n      ) : (\n        <>\n          {column.cell(item)}\n          {successfulEdit && (\n            <>\n              <span\n                className={styles['body-cell-success']}\n                aria-label={ariaLabels?.successfulEditLabel?.(column)}\n                role=\"img\"\n              >\n                <Icon name=\"status-positive\" variant=\"success\" />\n              </span>\n              <LiveRegion>\n                {i18n('ariaLabels.successfulEditLabel', ariaLabels?.successfulEditLabel?.(column))}\n              </LiveRegion>\n            </>\n          )}\n          <button\n            className={styles['body-cell-editor']}\n            aria-label={ariaLabels?.activateEditLabel?.(column, item)}\n            ref={editActivateRef}\n            onFocus={() => setHasFocus(true)}\n            onBlur={() => setHasFocus(false)}\n          >\n            {showIcon && <Icon name=\"edit\" />}\n          </button>\n        </>\n      )}\n    </TableTdElement>\n  );\n}\n\nexport function TableBodyCell<ItemType>({\n  isEditable,\n  ...rest\n}: TableBodyCellProps<ItemType> & { isEditable: boolean }) {\n  if (isEditable || rest.isEditing) {\n    return <TableCellEditable {...rest} />;\n  }\n  const { column, item } = rest;\n  return <TableTdElement {...rest}>{column.cell(item)}</TableTdElement>;\n}\n"]}
+{"version":3,"file":"index.js","sourceRoot":"lib/default/","sources":["table/body-cell/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 clsx from 'clsx';\nimport styles from './styles.css.js';\nimport React, { useEffect, useRef, useState } from 'react';\nimport Icon from '../../icon/internal';\nimport { TableProps } from '../interfaces';\nimport { TableTdElement, TableTdElementProps } from './td-element';\nimport { InlineEditor } from './inline-editor';\nimport LiveRegion from '../../internal/components/live-region/index.js';\nimport { useInternalI18n } from '../../internal/i18n/context';\nimport { usePrevious } from '../../internal/hooks/use-previous';\n\nconst submitHandlerFallback = () => {\n  throw new Error('The function `handleSubmit` is required for editable columns');\n};\n\ninterface TableBodyCellProps<ItemType> extends TableTdElementProps {\n  column: TableProps.ColumnDefinition<ItemType>;\n  item: ItemType;\n  isEditing: boolean;\n  successfulEdit?: boolean;\n  onEditStart: () => void;\n  onEditEnd: (cancelled: boolean) => void;\n  submitEdit?: TableProps.SubmitEditFunction<ItemType>;\n  ariaLabels: TableProps['ariaLabels'];\n}\n\nfunction TableCellEditable<ItemType>({\n  className,\n  item,\n  column,\n  isEditing,\n  onEditStart,\n  onEditEnd,\n  submitEdit,\n  ariaLabels,\n  isVisualRefresh,\n  successfulEdit = false,\n  ...rest\n}: TableBodyCellProps<ItemType>) {\n  const i18n = useInternalI18n('table');\n  const editActivateRef = useRef<HTMLButtonElement>(null);\n  const tdNativeAttributes = {\n    'data-inline-editing-active': isEditing.toString(),\n  };\n  const isFocusMoveNeededRef = useRef(false);\n\n  useEffect(() => {\n    if (!isEditing && editActivateRef.current && isFocusMoveNeededRef.current) {\n      isFocusMoveNeededRef.current = false;\n      editActivateRef.current.focus();\n    }\n  }, [isEditing]);\n  // To improve the initial page render performance we only show the edit icon when necessary.\n  const [hasHover, setHasHover] = useState(false);\n  const [hasFocus, setHasFocus] = useState(false);\n  const showIcon = hasHover || hasFocus;\n\n  const prevSuccessfulEdit = usePrevious(successfulEdit);\n  const prevHasFocus = usePrevious(hasFocus);\n  const [showSuccessIcon, setShowSuccessIcon] = useState(false);\n\n  useEffect(() => {\n    // Hide the success icon after a successful edit, when cell loses focus.\n    if (successfulEdit && prevSuccessfulEdit && !hasFocus && prevHasFocus) {\n      setShowSuccessIcon(false);\n    }\n    // Show success icon right after a successful edit, when `successfulEdit` switches to true.\n    if (successfulEdit && !prevSuccessfulEdit) {\n      setShowSuccessIcon(true);\n    }\n  }, [hasFocus, successfulEdit, prevHasFocus, prevSuccessfulEdit]);\n\n  return (\n    <TableTdElement\n      {...rest}\n      nativeAttributes={tdNativeAttributes as TableTdElementProps['nativeAttributes']}\n      className={clsx(\n        className,\n        styles['body-cell-editable'],\n        isEditing && styles['body-cell-edit-active'],\n        showSuccessIcon && showIcon && styles['body-cell-has-success'],\n        isVisualRefresh && styles['is-visual-refresh']\n      )}\n      onClick={!isEditing ? onEditStart : undefined}\n      onMouseEnter={() => setHasHover(true)}\n      onMouseLeave={() => setHasHover(false)}\n    >\n      {isEditing ? (\n        <InlineEditor\n          ariaLabels={ariaLabels}\n          column={column}\n          item={item}\n          onEditEnd={e => {\n            setShowSuccessIcon(false);\n            isFocusMoveNeededRef.current = true;\n            onEditEnd(e);\n          }}\n          submitEdit={submitEdit ?? submitHandlerFallback}\n        />\n      ) : (\n        <>\n          {column.cell(item)}\n          {showSuccessIcon && showIcon && (\n            <>\n              <span\n                className={styles['body-cell-success']}\n                aria-label={ariaLabels?.successfulEditLabel?.(column)}\n                role=\"img\"\n                onMouseDown={e => {\n                  // Prevent the editor's Button blur event to be fired when clicking the success icon.\n                  // This prevents unfocusing the button and triggers the `TableTdElement` onClick event which initiates the edit mode.\n                  e.preventDefault();\n                }}\n              >\n                <Icon name=\"status-positive\" variant=\"success\" />\n              </span>\n              <LiveRegion>\n                {i18n('ariaLabels.successfulEditLabel', ariaLabels?.successfulEditLabel?.(column))}\n              </LiveRegion>\n            </>\n          )}\n          <button\n            className={styles['body-cell-editor']}\n            aria-label={ariaLabels?.activateEditLabel?.(column, item)}\n            ref={editActivateRef}\n            onFocus={() => setHasFocus(true)}\n            onBlur={() => setHasFocus(false)}\n          >\n            {showIcon && <Icon name=\"edit\" />}\n          </button>\n        </>\n      )}\n    </TableTdElement>\n  );\n}\n\nexport function TableBodyCell<ItemType>({\n  isEditable,\n  ...rest\n}: TableBodyCellProps<ItemType> & { isEditable: boolean }) {\n  if (isEditable || rest.isEditing) {\n    return <TableCellEditable {...rest} />;\n  }\n  const { column, item } = rest;\n  return <TableTdElement {...rest}>{column.cell(item)}</TableTdElement>;\n}\n"]}

package/table/body-cell/styles.css.js

@@ -1,33 +1,33 @@
 
     import './styles.scoped.css';
     export default {
-  "body-cell": "awsui_body-cell_c6tup_djrxv_93",
-  "body-cell-wrap": "awsui_body-cell-wrap_c6tup_djrxv_103",
-  "is-visual-refresh": "awsui_is-visual-refresh_c6tup_djrxv_115",
-  "has-striped-rows": "awsui_has-striped-rows_c6tup_djrxv_127",
-  "body-cell-edit-active": "awsui_body-cell-edit-active_c6tup_djrxv_130",
-  "body-cell-editable": "awsui_body-cell-editable_c6tup_djrxv_130",
-  "has-striped-rows-sticky-cell-pad-left": "awsui_has-striped-rows-sticky-cell-pad-left_c6tup_djrxv_136",
-  "has-selection": "awsui_has-selection_c6tup_djrxv_139",
-  "body-cell-first-row": "awsui_body-cell-first-row_c6tup_djrxv_145",
-  "body-cell-last-row": "awsui_body-cell-last-row_c6tup_djrxv_148",
-  "body-cell-selected": "awsui_body-cell-selected_c6tup_djrxv_148",
-  "has-footer": "awsui_has-footer_c6tup_djrxv_148",
-  "body-cell-shaded": "awsui_body-cell-shaded_c6tup_djrxv_158",
-  "sticky-cell": "awsui_sticky-cell_c6tup_djrxv_175",
-  "sticky-cell-pad-left": "awsui_sticky-cell-pad-left_c6tup_djrxv_183",
-  "sticky-cell-last-right": "awsui_sticky-cell-last-right_c6tup_djrxv_200",
-  "sticky-cell-last-left": "awsui_sticky-cell-last-left_c6tup_djrxv_204",
-  "body-cell-next-selected": "awsui_body-cell-next-selected_c6tup_djrxv_227",
-  "body-cell-prev-selected": "awsui_body-cell-prev-selected_c6tup_djrxv_231",
-  "body-cell-success": "awsui_body-cell-success_c6tup_djrxv_255",
-  "body-cell-editor": "awsui_body-cell-editor_c6tup_djrxv_255",
-  "body-cell-success-form": "awsui_body-cell-success-form_c6tup_djrxv_277",
-  "body-cell-editor-form": "awsui_body-cell-editor-form_c6tup_djrxv_277",
-  "body-cell-success-row": "awsui_body-cell-success-row_c6tup_djrxv_286",
-  "body-cell-editor-row": "awsui_body-cell-editor-row_c6tup_djrxv_286",
-  "body-cell-success-controls": "awsui_body-cell-success-controls_c6tup_djrxv_296",
-  "body-cell-editor-controls": "awsui_body-cell-editor-controls_c6tup_djrxv_296",
-  "body-cell-has-success": "awsui_body-cell-has-success_c6tup_djrxv_315"
+  "body-cell": "awsui_body-cell_c6tup_xpjfg_93",
+  "body-cell-wrap": "awsui_body-cell-wrap_c6tup_xpjfg_103",
+  "is-visual-refresh": "awsui_is-visual-refresh_c6tup_xpjfg_115",
+  "has-striped-rows": "awsui_has-striped-rows_c6tup_xpjfg_127",
+  "body-cell-edit-active": "awsui_body-cell-edit-active_c6tup_xpjfg_130",
+  "body-cell-editable": "awsui_body-cell-editable_c6tup_xpjfg_130",
+  "has-striped-rows-sticky-cell-pad-left": "awsui_has-striped-rows-sticky-cell-pad-left_c6tup_xpjfg_136",
+  "has-selection": "awsui_has-selection_c6tup_xpjfg_139",
+  "body-cell-first-row": "awsui_body-cell-first-row_c6tup_xpjfg_145",
+  "body-cell-last-row": "awsui_body-cell-last-row_c6tup_xpjfg_148",
+  "body-cell-selected": "awsui_body-cell-selected_c6tup_xpjfg_148",
+  "has-footer": "awsui_has-footer_c6tup_xpjfg_148",
+  "body-cell-shaded": "awsui_body-cell-shaded_c6tup_xpjfg_158",
+  "sticky-cell": "awsui_sticky-cell_c6tup_xpjfg_175",
+  "sticky-cell-pad-left": "awsui_sticky-cell-pad-left_c6tup_xpjfg_183",
+  "sticky-cell-last-right": "awsui_sticky-cell-last-right_c6tup_xpjfg_200",
+  "sticky-cell-last-left": "awsui_sticky-cell-last-left_c6tup_xpjfg_204",
+  "body-cell-next-selected": "awsui_body-cell-next-selected_c6tup_xpjfg_227",
+  "body-cell-prev-selected": "awsui_body-cell-prev-selected_c6tup_xpjfg_231",
+  "body-cell-editor": "awsui_body-cell-editor_c6tup_xpjfg_255",
+  "body-cell-success": "awsui_body-cell-success_c6tup_xpjfg_260",
+  "body-cell-success-form": "awsui_body-cell-success-form_c6tup_xpjfg_285",
+  "body-cell-editor-form": "awsui_body-cell-editor-form_c6tup_xpjfg_285",
+  "body-cell-success-row": "awsui_body-cell-success-row_c6tup_xpjfg_294",
+  "body-cell-editor-row": "awsui_body-cell-editor-row_c6tup_xpjfg_294",
+  "body-cell-success-controls": "awsui_body-cell-success-controls_c6tup_xpjfg_304",
+  "body-cell-editor-controls": "awsui_body-cell-editor-controls_c6tup_xpjfg_304",
+  "body-cell-has-success": "awsui_body-cell-has-success_c6tup_xpjfg_328"
 };
   

package/table/body-cell/styles.scoped.css

@@ -90,7 +90,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_body-cell_c6tup_djrxv_93:not(#\9) {
+.awsui_body-cell_c6tup_xpjfg_93:not(#\9) {
   box-sizing: border-box;
   padding: var(--space-scaled-xs-wbfgrv, 8px) var(--space-scaled-l-2rs0gk, 20px) calc(
   var(--space-scaled-xs-wbfgrv, 8px) + (var(--border-item-width-y36svo, 2px) - var(--border-divider-list-width-um3zli, 1px))
@@ -100,19 +100,19 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   border-bottom: var(--border-divider-list-width-um3zli, 1px) solid var(--color-border-divider-default-9o8zql, #e9ebed);
   font-weight: inherit;
 }
-.awsui_body-cell_c6tup_djrxv_93:not(#\9):not(.awsui_body-cell-wrap_c6tup_djrxv_103) {
+.awsui_body-cell_c6tup_xpjfg_93:not(#\9):not(.awsui_body-cell-wrap_c6tup_xpjfg_103) {
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
 }
-.awsui_body-cell_c6tup_djrxv_93:not(#\9):first-child {
+.awsui_body-cell_c6tup_xpjfg_93:not(#\9):first-child {
   border-left: var(--border-item-width-y36svo, 2px) solid transparent;
 }
-.awsui_body-cell_c6tup_djrxv_93:not(#\9):last-child {
+.awsui_body-cell_c6tup_xpjfg_93:not(#\9):last-child {
   border-right: var(--border-item-width-y36svo, 2px) solid transparent;
   padding-right: calc(var(--space-l-f4l5gr, 20px) - var(--border-item-width-y36svo, 2px));
 }
-.awsui_body-cell_c6tup_djrxv_93.awsui_is-visual-refresh_c6tup_djrxv_115:not(#\9):first-child {
+.awsui_body-cell_c6tup_xpjfg_93.awsui_is-visual-refresh_c6tup_xpjfg_115:not(#\9):first-child {
   /*
     Striped rows requires additional left padding because the
     shaded background makes the child content appear too close
@@ -124,55 +124,55 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
     that the placeholder border would consume.
     */
 }
-.awsui_body-cell_c6tup_djrxv_93.awsui_is-visual-refresh_c6tup_djrxv_115:not(#\9):first-child:not(.awsui_has-striped-rows_c6tup_djrxv_127) {
+.awsui_body-cell_c6tup_xpjfg_93.awsui_is-visual-refresh_c6tup_xpjfg_115:not(#\9):first-child:not(.awsui_has-striped-rows_c6tup_xpjfg_127) {
   padding-left: var(--space-xxxs-j6dpcy, 2px);
 }
-.awsui_body-cell_c6tup_djrxv_93.awsui_is-visual-refresh_c6tup_djrxv_115:not(#\9):first-child:not(.awsui_has-striped-rows_c6tup_djrxv_127):not(.awsui_body-cell-edit-active_c6tup_djrxv_130).awsui_body-cell-editable_c6tup_djrxv_130:hover {
+.awsui_body-cell_c6tup_xpjfg_93.awsui_is-visual-refresh_c6tup_xpjfg_115:not(#\9):first-child:not(.awsui_has-striped-rows_c6tup_xpjfg_127):not(.awsui_body-cell-edit-active_c6tup_xpjfg_130).awsui_body-cell-editable_c6tup_xpjfg_130:hover {
   padding-left: calc(var(--space-xxxs-j6dpcy, 2px) + var(--border-divider-list-width-um3zli, 1px));
 }
-.awsui_body-cell_c6tup_djrxv_93.awsui_is-visual-refresh_c6tup_djrxv_115:not(#\9):first-child:first-child.awsui_has-striped-rows_c6tup_djrxv_127 {
+.awsui_body-cell_c6tup_xpjfg_93.awsui_is-visual-refresh_c6tup_xpjfg_115:not(#\9):first-child:first-child.awsui_has-striped-rows_c6tup_xpjfg_127 {
   padding-left: var(--space-xxs-ja5cp8, 4px);
 }
-.awsui_body-cell_c6tup_djrxv_93.awsui_is-visual-refresh_c6tup_djrxv_115:not(#\9):first-child:first-child.awsui_has-striped-rows-sticky-cell-pad-left_c6tup_djrxv_136 {
+.awsui_body-cell_c6tup_xpjfg_93.awsui_is-visual-refresh_c6tup_xpjfg_115:not(#\9):first-child:first-child.awsui_has-striped-rows-sticky-cell-pad-left_c6tup_xpjfg_136 {
   padding-left: var(--space-table-horizontal-8ca8r3, 20px);
 }
-.awsui_body-cell_c6tup_djrxv_93.awsui_is-visual-refresh_c6tup_djrxv_115:not(#\9):first-child:not(.awsui_has-selection_c6tup_djrxv_139):not(.awsui_body-cell-editable_c6tup_djrxv_130) {
+.awsui_body-cell_c6tup_xpjfg_93.awsui_is-visual-refresh_c6tup_xpjfg_115:not(#\9):first-child:not(.awsui_has-selection_c6tup_xpjfg_139):not(.awsui_body-cell-editable_c6tup_xpjfg_130) {
   border-left: none;
 }
-.awsui_body-cell_c6tup_djrxv_93:not(#\9):first-child:not(.awsui_is-visual-refresh_c6tup_djrxv_115) {
+.awsui_body-cell_c6tup_xpjfg_93:not(#\9):first-child:not(.awsui_is-visual-refresh_c6tup_xpjfg_115) {
   padding-left: calc(var(--space-l-f4l5gr, 20px) - var(--border-item-width-y36svo, 2px));
 }
-.awsui_body-cell-first-row_c6tup_djrxv_145:not(#\9) {
+.awsui_body-cell-first-row_c6tup_xpjfg_145:not(#\9) {
   border-top: var(--border-item-width-y36svo, 2px) solid transparent;
 }
-.awsui_body-cell-last-row_c6tup_djrxv_148:not(#\9):not(.awsui_body-cell-selected_c6tup_djrxv_148):not(.awsui_has-footer_c6tup_djrxv_148) {
+.awsui_body-cell-last-row_c6tup_xpjfg_148:not(#\9):not(.awsui_body-cell-selected_c6tup_xpjfg_148):not(.awsui_has-footer_c6tup_xpjfg_148) {
   border-bottom: var(--border-item-width-y36svo, 2px) solid transparent;
 }
-.awsui_body-cell-last-row_c6tup_djrxv_148:not(#\9):not(.awsui_body-cell-selected_c6tup_djrxv_148).awsui_has-footer_c6tup_djrxv_148 {
+.awsui_body-cell-last-row_c6tup_xpjfg_148:not(#\9):not(.awsui_body-cell-selected_c6tup_xpjfg_148).awsui_has-footer_c6tup_xpjfg_148 {
   /*
   Add a bottom border to the body cells of the last row as a separator between the
   table and the footer
   */
   border-bottom: var(--border-divider-section-width-orq175, 2px) solid var(--color-border-divider-default-9o8zql, #e9ebed);
 }
-.awsui_body-cell-shaded_c6tup_djrxv_158:not(#\9) {
+.awsui_body-cell-shaded_c6tup_xpjfg_158:not(#\9) {
   background: var(--color-background-cell-shaded-oyxkf4, #f8f8f8);
 }
-.awsui_body-cell-selected_c6tup_djrxv_148:not(#\9) {
+.awsui_body-cell-selected_c6tup_xpjfg_148:not(#\9) {
   background-color: var(--color-background-item-selected-ndi5zy, #f2f8fd);
   border-top: var(--border-item-width-y36svo, 2px) solid var(--color-border-item-selected-xoo46x, #0972d3);
   border-bottom: var(--border-item-width-y36svo, 2px) solid var(--color-border-item-selected-xoo46x, #0972d3);
   padding-bottom: var(--space-scaled-xs-wbfgrv, 8px);
 }
-.awsui_body-cell-selected_c6tup_djrxv_148:not(#\9):first-child {
+.awsui_body-cell-selected_c6tup_xpjfg_148:not(#\9):first-child {
   border-left: var(--border-item-width-y36svo, 2px) solid var(--color-border-item-selected-xoo46x, #0972d3);
   border-radius: var(--border-radius-item-gyl0qr, 8px) 0 0 var(--border-radius-item-gyl0qr, 8px);
 }
-.awsui_body-cell-selected_c6tup_djrxv_148:not(#\9):last-child {
+.awsui_body-cell-selected_c6tup_xpjfg_148:not(#\9):last-child {
   border-right: var(--border-item-width-y36svo, 2px) solid var(--color-border-item-selected-xoo46x, #0972d3);
   border-radius: 0 var(--border-radius-item-gyl0qr, 8px) var(--border-radius-item-gyl0qr, 8px) 0;
 }
-.awsui_body-cell_c6tup_djrxv_93.awsui_sticky-cell_c6tup_djrxv_175:not(#\9) {
+.awsui_body-cell_c6tup_xpjfg_93.awsui_sticky-cell_c6tup_xpjfg_175:not(#\9) {
   position: sticky;
   background: var(--color-background-container-content-og3y0v, #ffffff);
   z-index: 798;
@@ -180,79 +180,89 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   transition-duration: var(--motion-duration-transition-show-quick-tx10w8, 90ms);
   transition-timing-function: var(--motion-easing-sticky-c9pq0x, cubic-bezier(1, 0, 0.83, 1));
 }
-.awsui_body-cell_c6tup_djrxv_93.awsui_sticky-cell-pad-left_c6tup_djrxv_183:not(#\9):not(.awsui_has-selection_c6tup_djrxv_139):not(.awsui_is-visual-refresh_c6tup_djrxv_115.awsui_body-cell_c6tup_djrxv_93:first-child.awsui_has-striped-rows_c6tup_djrxv_127) {
+.awsui_body-cell_c6tup_xpjfg_93.awsui_sticky-cell-pad-left_c6tup_xpjfg_183:not(#\9):not(.awsui_has-selection_c6tup_xpjfg_139):not(.awsui_is-visual-refresh_c6tup_xpjfg_115.awsui_body-cell_c6tup_xpjfg_93:first-child.awsui_has-striped-rows_c6tup_xpjfg_127) {
   padding-left: var(--space-table-horizontal-8ca8r3, 20px);
 }
-.awsui_body-cell_c6tup_djrxv_93.awsui_sticky-cell_c6tup_djrxv_175.awsui_body-cell-shaded_c6tup_djrxv_158:not(#\9) {
+.awsui_body-cell_c6tup_xpjfg_93.awsui_sticky-cell_c6tup_xpjfg_175.awsui_body-cell-shaded_c6tup_xpjfg_158:not(#\9) {
   background: var(--color-background-cell-shaded-oyxkf4, #f8f8f8);
 }
-.awsui_body-cell_c6tup_djrxv_93.awsui_sticky-cell_c6tup_djrxv_175.awsui_body-cell-selected_c6tup_djrxv_148:not(#\9) {
+.awsui_body-cell_c6tup_xpjfg_93.awsui_sticky-cell_c6tup_xpjfg_175.awsui_body-cell-selected_c6tup_xpjfg_148:not(#\9) {
   background-color: var(--color-background-item-selected-ndi5zy, #f2f8fd);
 }
-.awsui_body-cell_c6tup_djrxv_93.awsui_sticky-cell_c6tup_djrxv_175.awsui_body-cell-selected_c6tup_djrxv_148:not(#\9):first-child {
+.awsui_body-cell_c6tup_xpjfg_93.awsui_sticky-cell_c6tup_xpjfg_175.awsui_body-cell-selected_c6tup_xpjfg_148:not(#\9):first-child {
   box-shadow: 0 0 0 4px var(--color-background-container-content-og3y0v, #ffffff);
   clip-path: inset(0 0 0 0);
 }
-.awsui_body-cell_c6tup_djrxv_93.awsui_sticky-cell_c6tup_djrxv_175.awsui_body-cell-selected_c6tup_djrxv_148:not(#\9):last-child {
+.awsui_body-cell_c6tup_xpjfg_93.awsui_sticky-cell_c6tup_xpjfg_175.awsui_body-cell-selected_c6tup_xpjfg_148:not(#\9):last-child {
   box-shadow: 4px 0 0 0 var(--color-background-container-content-og3y0v, #ffffff);
   clip-path: inset(0 0 0 0);
 }
-.awsui_body-cell_c6tup_djrxv_93.awsui_sticky-cell_c6tup_djrxv_175.awsui_body-cell-selected_c6tup_djrxv_148:not(#\9):last-child.awsui_sticky-cell-last-right_c6tup_djrxv_200 {
+.awsui_body-cell_c6tup_xpjfg_93.awsui_sticky-cell_c6tup_xpjfg_175.awsui_body-cell-selected_c6tup_xpjfg_148:not(#\9):last-child.awsui_sticky-cell-last-right_c6tup_xpjfg_200 {
   box-shadow: var(--shadow-sticky-column-last-gplke4, -4px 0 20px 1px rgba(0, 28, 36, 0.1)), 8px 0 0 0 var(--color-background-container-content-og3y0v, #ffffff);
   clip-path: inset(0 0 0 -24px);
 }
-.awsui_body-cell_c6tup_djrxv_93.awsui_sticky-cell-last-left_c6tup_djrxv_204:not(#\9) {
+.awsui_body-cell_c6tup_xpjfg_93.awsui_sticky-cell-last-left_c6tup_xpjfg_204:not(#\9) {
   box-shadow: var(--shadow-sticky-column-first-n8r2og, 4px 0px 20px 1px rgba(0, 7, 22, 0.1));
   clip-path: inset(0px -24px 0px 0px);
 }
-.awsui_body-cell_c6tup_djrxv_93.awsui_sticky-cell-last-right_c6tup_djrxv_200:not(#\9) {
+.awsui_body-cell_c6tup_xpjfg_93.awsui_sticky-cell-last-right_c6tup_xpjfg_200:not(#\9) {
   box-shadow: var(--shadow-sticky-column-last-gplke4, -4px 0 20px 1px rgba(0, 28, 36, 0.1));
   clip-path: inset(0 0 0 -24px);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_body-cell_c6tup_djrxv_93.awsui_sticky-cell_c6tup_djrxv_175:not(#\9) {
+  .awsui_body-cell_c6tup_xpjfg_93.awsui_sticky-cell_c6tup_xpjfg_175:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_body-cell_c6tup_djrxv_93.awsui_sticky-cell_c6tup_djrxv_175:not(#\9), .awsui-mode-entering .awsui_body-cell_c6tup_djrxv_93.awsui_sticky-cell_c6tup_djrxv_175:not(#\9) {
+.awsui-motion-disabled .awsui_body-cell_c6tup_xpjfg_93.awsui_sticky-cell_c6tup_xpjfg_175:not(#\9), .awsui-mode-entering .awsui_body-cell_c6tup_xpjfg_93.awsui_sticky-cell_c6tup_xpjfg_175:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_body-cell-selected_c6tup_djrxv_148:not(#\9):not(:first-child) {
+.awsui_body-cell-selected_c6tup_xpjfg_148:not(#\9):not(:first-child) {
   padding-top: calc(
   var(--space-scaled-xs-wbfgrv, 8px) + (var(--border-item-width-y36svo, 2px) - var(--border-divider-list-width-um3zli, 1px))
 );
 }
-.awsui_body-cell_c6tup_djrxv_93:not(#\9):not(.awsui_body-cell-selected_c6tup_djrxv_148).awsui_body-cell-next-selected_c6tup_djrxv_227 {
+.awsui_body-cell_c6tup_xpjfg_93:not(#\9):not(.awsui_body-cell-selected_c6tup_xpjfg_148).awsui_body-cell-next-selected_c6tup_xpjfg_227 {
   border-bottom: 0;
   padding-bottom: calc(var(--space-scaled-xs-wbfgrv, 8px) + var(--border-divider-list-width-um3zli, 1px));
 }
-.awsui_body-cell-selected_c6tup_djrxv_148.awsui_body-cell-prev-selected_c6tup_djrxv_231:not(#\9) {
+.awsui_body-cell-selected_c6tup_xpjfg_148.awsui_body-cell-prev-selected_c6tup_xpjfg_231:not(#\9) {
   padding-top: calc(
   var(--space-scaled-xs-wbfgrv, 8px) + (var(--border-item-width-y36svo, 2px) - var(--border-divider-list-width-um3zli, 1px))
 );
   border-top: var(--border-divider-list-width-um3zli, 1px) solid var(--color-border-item-placeholder-yrwdru, #0972d3);
 }
-.awsui_body-cell-selected_c6tup_djrxv_148.awsui_body-cell-next-selected_c6tup_djrxv_227:not(#\9) {
+.awsui_body-cell-selected_c6tup_xpjfg_148.awsui_body-cell-next-selected_c6tup_xpjfg_227:not(#\9) {
   border-bottom-width: var(--border-divider-list-width-um3zli, 1px);
 }
-.awsui_body-cell-selected_c6tup_djrxv_148.awsui_body-cell-next-selected_c6tup_djrxv_227:not(#\9):first-child {
+.awsui_body-cell-selected_c6tup_xpjfg_148.awsui_body-cell-next-selected_c6tup_xpjfg_227:not(#\9):first-child {
   border-bottom-left-radius: 0;
 }
-.awsui_body-cell-selected_c6tup_djrxv_148.awsui_body-cell-next-selected_c6tup_djrxv_227:not(#\9):last-child {
+.awsui_body-cell-selected_c6tup_xpjfg_148.awsui_body-cell-next-selected_c6tup_xpjfg_227:not(#\9):last-child {
   border-bottom-right-radius: 0;
 }
-.awsui_body-cell-selected_c6tup_djrxv_148.awsui_body-cell-prev-selected_c6tup_djrxv_231:not(#\9):first-child {
+.awsui_body-cell-selected_c6tup_xpjfg_148.awsui_body-cell-prev-selected_c6tup_xpjfg_231:not(#\9):first-child {
   border-top-left-radius: 0;
 }
-.awsui_body-cell-selected_c6tup_djrxv_148.awsui_body-cell-prev-selected_c6tup_djrxv_231:not(#\9):last-child {
+.awsui_body-cell-selected_c6tup_xpjfg_148.awsui_body-cell-prev-selected_c6tup_xpjfg_231:not(#\9):last-child {
   border-top-right-radius: 0;
 }
-.awsui_body-cell-selected_c6tup_djrxv_148:not(#\9):not(.awsui_body-cell-prev-selected_c6tup_djrxv_231) {
+.awsui_body-cell-selected_c6tup_xpjfg_148:not(#\9):not(.awsui_body-cell-prev-selected_c6tup_xpjfg_231) {
   padding-top: var(--space-scaled-xs-wbfgrv, 8px);
 }
-.awsui_body-cell-success_c6tup_djrxv_255:not(#\9), .awsui_body-cell-editor_c6tup_djrxv_255:not(#\9) {
+.awsui_body-cell-editor_c6tup_xpjfg_255:not(#\9) {
+  padding: 0 calc(
+  var(--space-xs-edba2s, 8px) + var(--space-xxs-ja5cp8, 4px)
+) 0 0;
+}
+.awsui_body-cell-success_c6tup_xpjfg_260:not(#\9) {
+  padding: 0 calc(calc(
+  var(--space-xs-edba2s, 8px) + var(--space-xxs-ja5cp8, 4px)
+) + calc(var(--size-icon-normal-jq6jat, 16px) + var(--space-xs-edba2s, 8px))) 0 0;
+}
+.awsui_body-cell-success_c6tup_xpjfg_260:not(#\9), .awsui_body-cell-editor_c6tup_xpjfg_255:not(#\9) {
   top: 0;
   right: 0;
   bottom: 0;
@@ -264,72 +274,71 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   outline: 0;
   background: 0;
   border: 0;
-  padding: 0;
-  padding-right: calc(var(--space-xs-edba2s, 8px) + var(--space-xxs-ja5cp8, 4px));
   color: var(--color-text-button-normal-default-x2bilf, #0972d3);
 }
-.awsui_body-cell-success_c6tup_djrxv_255:not(#\9):hover, .awsui_body-cell-editor_c6tup_djrxv_255:not(#\9):hover {
+.awsui_body-cell-success_c6tup_xpjfg_260:not(#\9):hover, .awsui_body-cell-editor_c6tup_xpjfg_255:not(#\9):hover {
   color: var(--color-text-button-normal-hover-deauoa, #033160);
 }
-.awsui_body-cell-success_c6tup_djrxv_255:not(#\9):active, .awsui_body-cell-editor_c6tup_djrxv_255:not(#\9):active {
+.awsui_body-cell-success_c6tup_xpjfg_260:not(#\9):active, .awsui_body-cell-editor_c6tup_xpjfg_255:not(#\9):active {
   color: var(--color-text-button-normal-active-avnl7f, #033160);
 }
-.awsui_body-cell-success-form_c6tup_djrxv_277:not(#\9), .awsui_body-cell-editor-form_c6tup_djrxv_277:not(#\9) {
+.awsui_body-cell-success-form_c6tup_xpjfg_285:not(#\9), .awsui_body-cell-editor-form_c6tup_xpjfg_285:not(#\9) {
   margin: calc(-1 * var(--space-xs-edba2s, 8px)) calc(-1.5 * var(--space-xs-edba2s, 8px));
 }
-.awsui_is-visual-refresh_c6tup_djrxv_115.awsui_body-cell_c6tup_djrxv_93:not(#\9):first-child.awsui_has-striped-rows_c6tup_djrxv_127 > .awsui_body-cell-success-form_c6tup_djrxv_277, .awsui_is-visual-refresh_c6tup_djrxv_115.awsui_body-cell_c6tup_djrxv_93:not(#\9):first-child.awsui_has-striped-rows_c6tup_djrxv_127 > .awsui_body-cell-editor-form_c6tup_djrxv_277 {
+.awsui_is-visual-refresh_c6tup_xpjfg_115.awsui_body-cell_c6tup_xpjfg_93:not(#\9):first-child.awsui_has-striped-rows_c6tup_xpjfg_127 > .awsui_body-cell-success-form_c6tup_xpjfg_285, .awsui_is-visual-refresh_c6tup_xpjfg_115.awsui_body-cell_c6tup_xpjfg_93:not(#\9):first-child.awsui_has-striped-rows_c6tup_xpjfg_127 > .awsui_body-cell-editor-form_c6tup_xpjfg_285 {
   margin-left: calc(-1 * var(--space-xxs-ja5cp8, 4px));
 }
-.awsui_is-visual-refresh_c6tup_djrxv_115.awsui_body-cell_c6tup_djrxv_93:not(#\9):first-child:not(.awsui_has-striped-rows_c6tup_djrxv_127) > .awsui_body-cell-success-form_c6tup_djrxv_277, .awsui_is-visual-refresh_c6tup_djrxv_115.awsui_body-cell_c6tup_djrxv_93:not(#\9):first-child:not(.awsui_has-striped-rows_c6tup_djrxv_127) > .awsui_body-cell-editor-form_c6tup_djrxv_277 {
+.awsui_is-visual-refresh_c6tup_xpjfg_115.awsui_body-cell_c6tup_xpjfg_93:not(#\9):first-child:not(.awsui_has-striped-rows_c6tup_xpjfg_127) > .awsui_body-cell-success-form_c6tup_xpjfg_285, .awsui_is-visual-refresh_c6tup_xpjfg_115.awsui_body-cell_c6tup_xpjfg_93:not(#\9):first-child:not(.awsui_has-striped-rows_c6tup_xpjfg_127) > .awsui_body-cell-editor-form_c6tup_xpjfg_285 {
   margin-left: calc(-1 * var(--space-xxxs-j6dpcy, 2px));
 }
-.awsui_body-cell-success-row_c6tup_djrxv_286:not(#\9), .awsui_body-cell-editor-row_c6tup_djrxv_286:not(#\9) {
+.awsui_body-cell-success-row_c6tup_xpjfg_294:not(#\9), .awsui_body-cell-editor-row_c6tup_xpjfg_294:not(#\9) {
   display: flex;
   flex-flow: row nowrap;
   align-items: center;
   justify-content: space-between;
   column-gap: var(--space-xxs-ja5cp8, 4px);
 }
-.awsui_body-cell-success-row_c6tup_djrxv_286 > :not(#\9):not(:last-child), .awsui_body-cell-editor-row_c6tup_djrxv_286 > :not(#\9):not(:last-child) {
+.awsui_body-cell-success-row_c6tup_xpjfg_294 > :not(#\9):not(:last-child), .awsui_body-cell-editor-row_c6tup_xpjfg_294 > :not(#\9):not(:last-child) {
   flex-grow: 1;
 }
-.awsui_body-cell-success-controls_c6tup_djrxv_296:not(#\9), .awsui_body-cell-editor-controls_c6tup_djrxv_296:not(#\9) {
+.awsui_body-cell-success-controls_c6tup_xpjfg_304:not(#\9), .awsui_body-cell-editor-controls_c6tup_xpjfg_304:not(#\9) {
   flex-shrink: 0;
 }
-.awsui_body-cell_c6tup_djrxv_93.awsui_body-cell-editable_c6tup_djrxv_130:not(#\9) {
+.awsui_body-cell_c6tup_xpjfg_93.awsui_body-cell-editable_c6tup_xpjfg_130:not(#\9) {
   position: relative;
   cursor: pointer;
 }
-.awsui_body-cell_c6tup_djrxv_93.awsui_body-cell-editable_c6tup_djrxv_130.awsui_sticky-cell_c6tup_djrxv_175:not(#\9) {
+.awsui_body-cell_c6tup_xpjfg_93.awsui_body-cell-editable_c6tup_xpjfg_130.awsui_sticky-cell_c6tup_xpjfg_175:not(#\9) {
   position: sticky;
 }
-.awsui_body-cell_c6tup_djrxv_93.awsui_body-cell-editable_c6tup_djrxv_130.awsui_body-cell-edit-active_c6tup_djrxv_130:not(#\9) {
+.awsui_body-cell_c6tup_xpjfg_93.awsui_body-cell-editable_c6tup_xpjfg_130.awsui_body-cell-edit-active_c6tup_xpjfg_130:not(#\9) {
   overflow: visible;
 }
-.awsui_body-cell_c6tup_djrxv_93.awsui_body-cell-editable_c6tup_djrxv_130.awsui_body-cell-edit-active_c6tup_djrxv_130.awsui_sticky-cell_c6tup_djrxv_175:not(#\9) {
+.awsui_body-cell_c6tup_xpjfg_93.awsui_body-cell-editable_c6tup_xpjfg_130.awsui_body-cell-edit-active_c6tup_xpjfg_130.awsui_sticky-cell_c6tup_xpjfg_175:not(#\9) {
   position: sticky;
 }
-.awsui_body-cell_c6tup_djrxv_93.awsui_body-cell-editable_c6tup_djrxv_130:not(#\9):not(.awsui_body-cell-edit-active_c6tup_djrxv_130) > .awsui_body-cell-editor_c6tup_djrxv_255 {
+.awsui_body-cell_c6tup_xpjfg_93.awsui_body-cell-editable_c6tup_xpjfg_130:not(#\9):not(.awsui_body-cell-edit-active_c6tup_xpjfg_130) > .awsui_body-cell-editor_c6tup_xpjfg_255 {
   opacity: 0;
 }
-.awsui_body-cell_c6tup_djrxv_93.awsui_body-cell-editable_c6tup_djrxv_130:not(#\9):not(.awsui_body-cell-edit-active_c6tup_djrxv_130).awsui_body-cell-has-success_c6tup_djrxv_315 {
+.awsui_body-cell_c6tup_xpjfg_93.awsui_body-cell-editable_c6tup_xpjfg_130:not(#\9):not(.awsui_body-cell-edit-active_c6tup_xpjfg_130):focus-within {
   padding-right: calc(var(--space-scaled-l-2rs0gk, 20px) + var(--space-l-f4l5gr, 20px));
-}
-.awsui_body-cell_c6tup_djrxv_93.awsui_body-cell-editable_c6tup_djrxv_130:not(#\9):not(.awsui_body-cell-edit-active_c6tup_djrxv_130):focus-within {
   padding-right: calc(var(--space-scaled-l-2rs0gk, 20px) + var(--space-l-f4l5gr, 20px));
   position: relative;
 }
-.awsui_body-cell_c6tup_djrxv_93.awsui_body-cell-editable_c6tup_djrxv_130:not(#\9):not(.awsui_body-cell-edit-active_c6tup_djrxv_130):focus-within > .awsui_body-cell-editor_c6tup_djrxv_255 {
+.awsui_body-cell_c6tup_xpjfg_93.awsui_body-cell-editable_c6tup_xpjfg_130:not(#\9):not(.awsui_body-cell-edit-active_c6tup_xpjfg_130):focus-within.awsui_body-cell-has-success_c6tup_xpjfg_328 {
+  padding-right: calc(var(--space-scaled-l-2rs0gk, 20px) + var(--space-l-f4l5gr, 20px) + calc(var(--size-icon-normal-jq6jat, 16px) + var(--space-xs-edba2s, 8px)));
+}
+.awsui_body-cell_c6tup_xpjfg_93.awsui_body-cell-editable_c6tup_xpjfg_130:not(#\9):not(.awsui_body-cell-edit-active_c6tup_xpjfg_130):focus-within > .awsui_body-cell-editor_c6tup_xpjfg_255 {
   opacity: 1;
 }
-.awsui_body-cell_c6tup_djrxv_93.awsui_body-cell-editable_c6tup_djrxv_130:not(#\9):not(.awsui_body-cell-edit-active_c6tup_djrxv_130):focus-within > .awsui_body-cell-success_c6tup_djrxv_255 {
-  opacity: 0;
+.awsui_body-cell_c6tup_xpjfg_93.awsui_body-cell-editable_c6tup_xpjfg_130:not(#\9):not(.awsui_body-cell-edit-active_c6tup_xpjfg_130):focus-within > .awsui_body-cell-success_c6tup_xpjfg_260 {
+  opacity: 1;
 }
-.awsui_body-cell_c6tup_djrxv_93.awsui_body-cell-editable_c6tup_djrxv_130:not(#\9):not(.awsui_body-cell-edit-active_c6tup_djrxv_130):focus-within {
+.awsui_body-cell_c6tup_xpjfg_93.awsui_body-cell-editable_c6tup_xpjfg_130:not(#\9):not(.awsui_body-cell-edit-active_c6tup_xpjfg_130):focus-within {
   outline: 2px dotted transparent;
   outline-offset: calc(calc(-1 * var(--space-scaled-xxs-t2t62i, 4px)) - 1px);
 }
-.awsui_body-cell_c6tup_djrxv_93.awsui_body-cell-editable_c6tup_djrxv_130:not(#\9):not(.awsui_body-cell-edit-active_c6tup_djrxv_130):focus-within::before {
+.awsui_body-cell_c6tup_xpjfg_93.awsui_body-cell-editable_c6tup_xpjfg_130:not(#\9):not(.awsui_body-cell-edit-active_c6tup_xpjfg_130):focus-within::before {
   content: " ";
   display: block;
   position: absolute;
@@ -340,10 +349,10 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   border-radius: var(--border-radius-control-default-focus-ring-muizvi, 4px);
   box-shadow: 0 0 0 2px var(--color-border-item-focused-4t19h5, #0972d3);
 }
-.awsui_body-cell_c6tup_djrxv_93.awsui_body-cell-editable_c6tup_djrxv_130:not(#\9):not(.awsui_body-cell-edit-active_c6tup_djrxv_130):focus-within.awsui_sticky-cell_c6tup_djrxv_175 {
+.awsui_body-cell_c6tup_xpjfg_93.awsui_body-cell-editable_c6tup_xpjfg_130:not(#\9):not(.awsui_body-cell-edit-active_c6tup_xpjfg_130):focus-within.awsui_sticky-cell_c6tup_xpjfg_175 {
   position: sticky;
 }
-.awsui_body-cell_c6tup_djrxv_93.awsui_body-cell-editable_c6tup_djrxv_130:not(#\9):not(.awsui_body-cell-edit-active_c6tup_djrxv_130):hover {
+.awsui_body-cell_c6tup_xpjfg_93.awsui_body-cell-editable_c6tup_xpjfg_130:not(#\9):not(.awsui_body-cell-edit-active_c6tup_xpjfg_130):hover {
   position: relative;
   background-color: var(--color-background-dropdown-item-hover-gvdk4u, #f4f4f4);
   border: var(--border-divider-list-width-um3zli, 1px) solid var(--color-border-editable-cell-hover-zeuchn, #7d8998);
@@ -351,41 +360,48 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   right: calc(-1 * var(--border-divider-list-width-um3zli, 1px));
   padding-right: calc(var(--space-scaled-l-2rs0gk, 20px) + var(--space-l-f4l5gr, 20px));
 }
-.awsui_body-cell_c6tup_djrxv_93.awsui_body-cell-editable_c6tup_djrxv_130:not(#\9):not(.awsui_body-cell-edit-active_c6tup_djrxv_130):hover > .awsui_body-cell-editor_c6tup_djrxv_255 {
+.awsui_body-cell_c6tup_xpjfg_93.awsui_body-cell-editable_c6tup_xpjfg_130:not(#\9):not(.awsui_body-cell-edit-active_c6tup_xpjfg_130):hover > .awsui_body-cell-editor_c6tup_xpjfg_255 {
   opacity: 1;
 }
-.awsui_body-cell_c6tup_djrxv_93.awsui_body-cell-editable_c6tup_djrxv_130:not(#\9):not(.awsui_body-cell-edit-active_c6tup_djrxv_130):hover > .awsui_body-cell-success_c6tup_djrxv_255 {
-  opacity: 0;
+.awsui_body-cell_c6tup_xpjfg_93.awsui_body-cell-editable_c6tup_xpjfg_130:not(#\9):not(.awsui_body-cell-edit-active_c6tup_xpjfg_130):hover > .awsui_body-cell-success_c6tup_xpjfg_260 {
+  opacity: 1;
 }
-.awsui_body-cell_c6tup_djrxv_93.awsui_body-cell-editable_c6tup_djrxv_130:not(#\9):not(.awsui_body-cell-edit-active_c6tup_djrxv_130):hover:first-child {
+.awsui_body-cell_c6tup_xpjfg_93.awsui_body-cell-editable_c6tup_xpjfg_130:not(#\9):not(.awsui_body-cell-edit-active_c6tup_xpjfg_130):hover:first-child {
   left: 0;
   right: 0;
 }
-.awsui_body-cell_c6tup_djrxv_93.awsui_body-cell-editable_c6tup_djrxv_130:not(#\9):not(.awsui_body-cell-edit-active_c6tup_djrxv_130):hover > .awsui_body-cell-editor_c6tup_djrxv_255 {
-  padding-right: calc(var(--space-xs-edba2s, 8px) + var(--space-xxs-ja5cp8, 4px) - (2 * var(--border-divider-list-width-um3zli, 1px)));
+.awsui_body-cell_c6tup_xpjfg_93.awsui_body-cell-editable_c6tup_xpjfg_130:not(#\9):not(.awsui_body-cell-edit-active_c6tup_xpjfg_130):hover > .awsui_body-cell-editor_c6tup_xpjfg_255 {
+  padding-right: calc(calc(
+  var(--space-xs-edba2s, 8px) + var(--space-xxs-ja5cp8, 4px)
+) - (2 * var(--border-divider-list-width-um3zli, 1px)));
+}
+.awsui_body-cell_c6tup_xpjfg_93.awsui_body-cell-editable_c6tup_xpjfg_130:not(#\9):not(.awsui_body-cell-edit-active_c6tup_xpjfg_130):hover > .awsui_body-cell-success_c6tup_xpjfg_260 {
+  padding-right: calc(calc(calc(
+  var(--space-xs-edba2s, 8px) + var(--space-xxs-ja5cp8, 4px)
+) + calc(var(--size-icon-normal-jq6jat, 16px) + var(--space-xs-edba2s, 8px))) - (2 * var(--border-divider-list-width-um3zli, 1px)));
 }
-.awsui_body-cell_c6tup_djrxv_93.awsui_body-cell-editable_c6tup_djrxv_130:not(#\9):not(.awsui_body-cell-edit-active_c6tup_djrxv_130):hover.awsui_body-cell-last-row_c6tup_djrxv_148.awsui_body-cell-selected_c6tup_djrxv_148, .awsui_body-cell_c6tup_djrxv_93.awsui_body-cell-editable_c6tup_djrxv_130:not(#\9):not(.awsui_body-cell-edit-active_c6tup_djrxv_130):hover.awsui_body-cell-next-selected_c6tup_djrxv_227 {
+.awsui_body-cell_c6tup_xpjfg_93.awsui_body-cell-editable_c6tup_xpjfg_130:not(#\9):not(.awsui_body-cell-edit-active_c6tup_xpjfg_130):hover.awsui_body-cell-last-row_c6tup_xpjfg_148.awsui_body-cell-selected_c6tup_xpjfg_148, .awsui_body-cell_c6tup_xpjfg_93.awsui_body-cell-editable_c6tup_xpjfg_130:not(#\9):not(.awsui_body-cell-edit-active_c6tup_xpjfg_130):hover.awsui_body-cell-next-selected_c6tup_xpjfg_227 {
   padding-top: calc(var(--space-scaled-xs-wbfgrv, 8px) - calc(var(--border-divider-list-width-um3zli, 1px) / 2));
   padding-bottom: calc(var(--space-scaled-xs-wbfgrv, 8px) - calc(var(--border-divider-list-width-um3zli, 1px) / 2));
 }
-.awsui_body-cell_c6tup_djrxv_93.awsui_body-cell-editable_c6tup_djrxv_130:not(#\9):not(.awsui_body-cell-edit-active_c6tup_djrxv_130):hover.awsui_body-cell-last-row_c6tup_djrxv_148:not(.awsui_body-cell-selected_c6tup_djrxv_148) {
+.awsui_body-cell_c6tup_xpjfg_93.awsui_body-cell-editable_c6tup_xpjfg_130:not(#\9):not(.awsui_body-cell-edit-active_c6tup_xpjfg_130):hover.awsui_body-cell-last-row_c6tup_xpjfg_148:not(.awsui_body-cell-selected_c6tup_xpjfg_148) {
   padding-top: calc(var(--space-scaled-xs-wbfgrv, 8px) - calc(var(--border-divider-list-width-um3zli, 1px)));
 }
-.awsui_body-cell_c6tup_djrxv_93.awsui_body-cell-editable_c6tup_djrxv_130:not(#\9):not(.awsui_body-cell-edit-active_c6tup_djrxv_130):hover.awsui_body-cell-first-row_c6tup_djrxv_145:not(.awsui_body-cell-selected_c6tup_djrxv_148) {
+.awsui_body-cell_c6tup_xpjfg_93.awsui_body-cell-editable_c6tup_xpjfg_130:not(#\9):not(.awsui_body-cell-edit-active_c6tup_xpjfg_130):hover.awsui_body-cell-first-row_c6tup_xpjfg_145:not(.awsui_body-cell-selected_c6tup_xpjfg_148) {
   padding-top: calc(var(--space-scaled-xs-wbfgrv, 8px) - calc(var(--border-divider-list-width-um3zli, 1px)));
   padding-bottom: calc(var(--space-scaled-xs-wbfgrv, 8px) - calc(var(--border-divider-list-width-um3zli, 1px)));
 }
-.awsui_body-cell_c6tup_djrxv_93.awsui_body-cell-editable_c6tup_djrxv_130:not(#\9):not(.awsui_body-cell-edit-active_c6tup_djrxv_130):hover.awsui_sticky-cell_c6tup_djrxv_175 {
+.awsui_body-cell_c6tup_xpjfg_93.awsui_body-cell-editable_c6tup_xpjfg_130:not(#\9):not(.awsui_body-cell-edit-active_c6tup_xpjfg_130):hover.awsui_sticky-cell_c6tup_xpjfg_175 {
   position: sticky;
 }
-.awsui_body-cell-editable_c6tup_djrxv_130.awsui_is-visual-refresh_c6tup_djrxv_115:not(#\9):not(.awsui_body-cell-edit-active_c6tup_djrxv_130):hover:first-child {
+.awsui_body-cell-editable_c6tup_xpjfg_130.awsui_is-visual-refresh_c6tup_xpjfg_115:not(#\9):not(.awsui_body-cell-edit-active_c6tup_xpjfg_130):hover:first-child {
   border-top-left-radius: var(--border-radius-item-gyl0qr, 8px);
   border-bottom-left-radius: var(--border-radius-item-gyl0qr, 8px);
 }
-.awsui_body-cell-editable_c6tup_djrxv_130.awsui_is-visual-refresh_c6tup_djrxv_115:not(#\9):not(.awsui_body-cell-edit-active_c6tup_djrxv_130):hover:last-child {
+.awsui_body-cell-editable_c6tup_xpjfg_130.awsui_is-visual-refresh_c6tup_xpjfg_115:not(#\9):not(.awsui_body-cell-edit-active_c6tup_xpjfg_130):hover:last-child {
   border-top-right-radius: var(--border-radius-item-gyl0qr, 8px);
   border-bottom-right-radius: var(--border-radius-item-gyl0qr, 8px);
 }
-.awsui_body-cell-editable_c6tup_djrxv_130.awsui_is-visual-refresh_c6tup_djrxv_115:not(#\9):not(.awsui_body-cell-edit-active_c6tup_djrxv_130):hover.awsui_body-cell-first-row_c6tup_djrxv_145 > .awsui_body-cell-editor_c6tup_djrxv_255 {
+.awsui_body-cell-editable_c6tup_xpjfg_130.awsui_is-visual-refresh_c6tup_xpjfg_115:not(#\9):not(.awsui_body-cell-edit-active_c6tup_xpjfg_130):hover.awsui_body-cell-first-row_c6tup_xpjfg_145 > .awsui_body-cell-success_c6tup_xpjfg_260, .awsui_body-cell-editable_c6tup_xpjfg_130.awsui_is-visual-refresh_c6tup_xpjfg_115:not(#\9):not(.awsui_body-cell-edit-active_c6tup_xpjfg_130):hover.awsui_body-cell-first-row_c6tup_xpjfg_145 > .awsui_body-cell-editor_c6tup_xpjfg_255 {
   padding-top: var(--border-divider-list-width-um3zli, 1px);
 }

package/table/body-cell/styles.selectors.js

@@ -2,33 +2,33 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "body-cell": "awsui_body-cell_c6tup_djrxv_93",
-  "body-cell-wrap": "awsui_body-cell-wrap_c6tup_djrxv_103",
-  "is-visual-refresh": "awsui_is-visual-refresh_c6tup_djrxv_115",
-  "has-striped-rows": "awsui_has-striped-rows_c6tup_djrxv_127",
-  "body-cell-edit-active": "awsui_body-cell-edit-active_c6tup_djrxv_130",
-  "body-cell-editable": "awsui_body-cell-editable_c6tup_djrxv_130",
-  "has-striped-rows-sticky-cell-pad-left": "awsui_has-striped-rows-sticky-cell-pad-left_c6tup_djrxv_136",
-  "has-selection": "awsui_has-selection_c6tup_djrxv_139",
-  "body-cell-first-row": "awsui_body-cell-first-row_c6tup_djrxv_145",
-  "body-cell-last-row": "awsui_body-cell-last-row_c6tup_djrxv_148",
-  "body-cell-selected": "awsui_body-cell-selected_c6tup_djrxv_148",
-  "has-footer": "awsui_has-footer_c6tup_djrxv_148",
-  "body-cell-shaded": "awsui_body-cell-shaded_c6tup_djrxv_158",
-  "sticky-cell": "awsui_sticky-cell_c6tup_djrxv_175",
-  "sticky-cell-pad-left": "awsui_sticky-cell-pad-left_c6tup_djrxv_183",
-  "sticky-cell-last-right": "awsui_sticky-cell-last-right_c6tup_djrxv_200",
-  "sticky-cell-last-left": "awsui_sticky-cell-last-left_c6tup_djrxv_204",
-  "body-cell-next-selected": "awsui_body-cell-next-selected_c6tup_djrxv_227",
-  "body-cell-prev-selected": "awsui_body-cell-prev-selected_c6tup_djrxv_231",
-  "body-cell-success": "awsui_body-cell-success_c6tup_djrxv_255",
-  "body-cell-editor": "awsui_body-cell-editor_c6tup_djrxv_255",
-  "body-cell-success-form": "awsui_body-cell-success-form_c6tup_djrxv_277",
-  "body-cell-editor-form": "awsui_body-cell-editor-form_c6tup_djrxv_277",
-  "body-cell-success-row": "awsui_body-cell-success-row_c6tup_djrxv_286",
-  "body-cell-editor-row": "awsui_body-cell-editor-row_c6tup_djrxv_286",
-  "body-cell-success-controls": "awsui_body-cell-success-controls_c6tup_djrxv_296",
-  "body-cell-editor-controls": "awsui_body-cell-editor-controls_c6tup_djrxv_296",
-  "body-cell-has-success": "awsui_body-cell-has-success_c6tup_djrxv_315"
+  "body-cell": "awsui_body-cell_c6tup_xpjfg_93",
+  "body-cell-wrap": "awsui_body-cell-wrap_c6tup_xpjfg_103",
+  "is-visual-refresh": "awsui_is-visual-refresh_c6tup_xpjfg_115",
+  "has-striped-rows": "awsui_has-striped-rows_c6tup_xpjfg_127",
+  "body-cell-edit-active": "awsui_body-cell-edit-active_c6tup_xpjfg_130",
+  "body-cell-editable": "awsui_body-cell-editable_c6tup_xpjfg_130",
+  "has-striped-rows-sticky-cell-pad-left": "awsui_has-striped-rows-sticky-cell-pad-left_c6tup_xpjfg_136",
+  "has-selection": "awsui_has-selection_c6tup_xpjfg_139",
+  "body-cell-first-row": "awsui_body-cell-first-row_c6tup_xpjfg_145",
+  "body-cell-last-row": "awsui_body-cell-last-row_c6tup_xpjfg_148",
+  "body-cell-selected": "awsui_body-cell-selected_c6tup_xpjfg_148",
+  "has-footer": "awsui_has-footer_c6tup_xpjfg_148",
+  "body-cell-shaded": "awsui_body-cell-shaded_c6tup_xpjfg_158",
+  "sticky-cell": "awsui_sticky-cell_c6tup_xpjfg_175",
+  "sticky-cell-pad-left": "awsui_sticky-cell-pad-left_c6tup_xpjfg_183",
+  "sticky-cell-last-right": "awsui_sticky-cell-last-right_c6tup_xpjfg_200",
+  "sticky-cell-last-left": "awsui_sticky-cell-last-left_c6tup_xpjfg_204",
+  "body-cell-next-selected": "awsui_body-cell-next-selected_c6tup_xpjfg_227",
+  "body-cell-prev-selected": "awsui_body-cell-prev-selected_c6tup_xpjfg_231",
+  "body-cell-editor": "awsui_body-cell-editor_c6tup_xpjfg_255",
+  "body-cell-success": "awsui_body-cell-success_c6tup_xpjfg_260",
+  "body-cell-success-form": "awsui_body-cell-success-form_c6tup_xpjfg_285",
+  "body-cell-editor-form": "awsui_body-cell-editor-form_c6tup_xpjfg_285",
+  "body-cell-success-row": "awsui_body-cell-success-row_c6tup_xpjfg_294",
+  "body-cell-editor-row": "awsui_body-cell-editor-row_c6tup_xpjfg_294",
+  "body-cell-success-controls": "awsui_body-cell-success-controls_c6tup_xpjfg_304",
+  "body-cell-editor-controls": "awsui_body-cell-editor-controls_c6tup_xpjfg_304",
+  "body-cell-has-success": "awsui_body-cell-has-success_c6tup_xpjfg_328"
 };