npm - @cloudscape-design/components - Versions diffs - 3.0.549 → 3.0.551 - Mend

@cloudscape-design/components 3.0.549 → 3.0.551

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (45) hide show

package/app-layout/visual-refresh/styles.css.js +81 -81
package/app-layout/visual-refresh/styles.scoped.css +172 -171
package/app-layout/visual-refresh/styles.selectors.js +81 -81
package/button/index.d.ts.map +1 -1
package/button/index.js +8 -0
package/button/index.js.map +1 -1
package/button/internal.d.ts.map +1 -1
package/button/internal.js +0 -9
package/button/internal.js.map +1 -1
package/flashbar/internal/analytics.d.ts.map +1 -1
package/flashbar/internal/analytics.js +1 -3
package/flashbar/internal/analytics.js.map +1 -1
package/internal/analytics/metrics.d.ts +3 -0
package/internal/analytics/metrics.d.ts.map +1 -0
package/internal/analytics/metrics.js +6 -0
package/internal/analytics/metrics.js.map +1 -0
package/internal/environment.js +1 -1
package/internal/environment.json +1 -1
package/internal/hooks/use-latency-metrics/index.d.ts +11 -0
package/internal/hooks/use-latency-metrics/index.d.ts.map +1 -0
package/internal/hooks/use-latency-metrics/index.js +88 -0
package/internal/hooks/use-latency-metrics/index.js.map +1 -0
package/internal/hooks/use-latency-metrics/is-in-viewport.d.ts +9 -0
package/internal/hooks/use-latency-metrics/is-in-viewport.d.ts.map +1 -0
package/internal/hooks/use-latency-metrics/is-in-viewport.js +74 -0
package/internal/hooks/use-latency-metrics/is-in-viewport.js.map +1 -0
package/internal/hooks/use-unique-id/index.d.ts +1 -0
package/internal/hooks/use-unique-id/index.d.ts.map +1 -1
package/internal/hooks/use-unique-id/index.js +1 -1
package/internal/hooks/use-unique-id/index.js.map +1 -1
package/internal/manifest.json +1 -1
package/package.json +1 -1
package/spinner/index.d.ts.map +1 -1
package/spinner/index.js +9 -0
package/spinner/index.js.map +1 -1
package/table/index.d.ts.map +1 -1
package/table/index.js +8 -0
package/table/index.js.map +1 -1
package/table/internal.d.ts.map +1 -1
package/table/internal.js +0 -10
package/table/internal.js.map +1 -1
package/internal/hooks/use-performance-marks.d.ts +0 -3
package/internal/hooks/use-performance-marks.d.ts.map +0 -1
package/internal/hooks/use-performance-marks.js +0 -41
package/internal/hooks/use-performance-marks.js.map +0 -1

package/app-layout/visual-refresh/styles.selectors.js CHANGED Viewed

@@ -2,86 +2,86 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "background": "awsui_background_hyvsj_l6owv_99",
-  "scrolling-background": "awsui_scrolling-background_hyvsj_l6owv_102",
-  "sticky-background": "awsui_sticky-background_hyvsj_l6owv_108",
-  "has-sticky-notifications": "awsui_has-sticky-notifications_hyvsj_l6owv_116",
-  "breadcrumbs": "awsui_breadcrumbs_hyvsj_l6owv_129",
-  "has-sticky-background": "awsui_has-sticky-background_hyvsj_l6owv_139",
-  "drawers-container": "awsui_drawers-container_hyvsj_l6owv_151",
-  "has-open-drawer": "awsui_has-open-drawer_hyvsj_l6owv_162",
-  "disable-body-scroll": "awsui_disable-body-scroll_hyvsj_l6owv_185",
-  "drawers-desktop-triggers-container": "awsui_drawers-desktop-triggers-container_hyvsj_l6owv_190",
-  "has-multiple-triggers": "awsui_has-multiple-triggers_hyvsj_l6owv_231",
-  "drawers-mobile-triggers-container": "awsui_drawers-mobile-triggers-container_hyvsj_l6owv_241",
-  "drawers-trigger-content": "awsui_drawers-trigger-content_hyvsj_l6owv_245",
-  "drawers-trigger-overflow": "awsui_drawers-trigger-overflow_hyvsj_l6owv_259",
-  "drawers-trigger": "awsui_drawers-trigger_hyvsj_l6owv_245",
-  "drawer": "awsui_drawer_hyvsj_l6owv_151",
-  "drawer-content-container": "awsui_drawer-content-container_hyvsj_l6owv_290",
-  "drawer-close-button": "awsui_drawer-close-button_hyvsj_l6owv_299",
-  "drawer-content": "awsui_drawer-content_hyvsj_l6owv_290",
-  "drawer-content-hidden": "awsui_drawer-content-hidden_hyvsj_l6owv_307",
-  "drawer-slider": "awsui_drawer-slider_hyvsj_l6owv_310",
-  "is-drawer-open": "awsui_is-drawer-open_hyvsj_l6owv_317",
-  "content": "awsui_content_hyvsj_l6owv_343",
-  "layout": "awsui_layout_hyvsj_l6owv_364",
-  "has-max-content-width": "awsui_has-max-content-width_hyvsj_l6owv_447",
-  "content-type-dashboard": "awsui_content-type-dashboard_hyvsj_l6owv_462",
-  "content-type-table": "awsui_content-type-table_hyvsj_l6owv_476",
-  "content-type-cards": "awsui_content-type-cards_hyvsj_l6owv_476",
-  "is-overlap-disabled": "awsui_is-overlap-disabled_hyvsj_l6owv_482",
-  "is-hide-mobile-toolbar": "awsui_is-hide-mobile-toolbar_hyvsj_l6owv_485",
-  "has-content-gap-left": "awsui_has-content-gap-left_hyvsj_l6owv_517",
-  "has-content-gap-right": "awsui_has-content-gap-right_hyvsj_l6owv_520",
-  "content-first-child-notifications": "awsui_content-first-child-notifications_hyvsj_l6owv_530",
-  "has-breadcrumbs": "awsui_has-breadcrumbs_hyvsj_l6owv_533",
-  "content-first-child-header": "awsui_content-first-child-header_hyvsj_l6owv_536",
-  "has-header": "awsui_has-header_hyvsj_l6owv_536",
-  "content-first-child-main": "awsui_content-first-child-main_hyvsj_l6owv_557",
-  "disable-content-paddings": "awsui_disable-content-paddings_hyvsj_l6owv_557",
-  "has-split-panel": "awsui_has-split-panel_hyvsj_l6owv_600",
-  "split-panel-position-bottom": "awsui_split-panel-position-bottom_hyvsj_l6owv_600",
-  "block-body-scroll": "awsui_block-body-scroll_hyvsj_l6owv_616",
-  "unfocusable": "awsui_unfocusable_hyvsj_l6owv_621",
-  "container": "awsui_container_hyvsj_l6owv_631",
-  "is-navigation-open": "awsui_is-navigation-open_hyvsj_l6owv_657",
-  "is-tools-open": "awsui_is-tools-open_hyvsj_l6owv_660",
-  "is-split-panel-open": "awsui_is-split-panel-open_hyvsj_l6owv_660",
-  "split-panel-position-side": "awsui_split-panel-position-side_hyvsj_l6owv_660",
-  "has-active-drawer": "awsui_has-active-drawer_hyvsj_l6owv_660",
-  "mobile-toolbar": "awsui_mobile-toolbar_hyvsj_l6owv_669",
-  "remove-high-contrast-header": "awsui_remove-high-contrast-header_hyvsj_l6owv_686",
-  "mobile-toolbar-nav": "awsui_mobile-toolbar-nav_hyvsj_l6owv_690",
-  "mobile-toolbar-breadcrumbs": "awsui_mobile-toolbar-breadcrumbs_hyvsj_l6owv_694",
-  "mobile-toolbar-tools": "awsui_mobile-toolbar-tools_hyvsj_l6owv_698",
-  "navigation-container": "awsui_navigation-container_hyvsj_l6owv_707",
-  "show-navigation": "awsui_show-navigation_hyvsj_l6owv_751",
-  "animating": "awsui_animating_hyvsj_l6owv_774",
-  "showButtons": "awsui_showButtons_hyvsj_l6owv_1",
-  "navigation": "awsui_navigation_hyvsj_l6owv_707",
-  "openNavigation": "awsui_openNavigation_hyvsj_l6owv_1",
-  "animated-content": "awsui_animated-content_hyvsj_l6owv_836",
-  "hide-navigation": "awsui_hide-navigation_hyvsj_l6owv_845",
-  "notifications": "awsui_notifications_hyvsj_l6owv_855",
-  "sticky-notifications": "awsui_sticky-notifications_hyvsj_l6owv_861",
-  "split-panel-bottom": "awsui_split-panel-bottom_hyvsj_l6owv_878",
-  "position-bottom": "awsui_position-bottom_hyvsj_l6owv_925",
-  "openSplitPanelBottom": "awsui_openSplitPanelBottom_hyvsj_l6owv_1",
-  "split-panel-side": "awsui_split-panel-side_hyvsj_l6owv_954",
-  "position-side": "awsui_position-side_hyvsj_l6owv_967",
-  "tools-container": "awsui_tools-container_hyvsj_l6owv_989",
-  "tools": "awsui_tools_hyvsj_l6owv_989",
-  "openTools": "awsui_openTools_hyvsj_l6owv_1",
-  "has-tools-form-persistence": "awsui_has-tools-form-persistence_hyvsj_l6owv_1086",
-  "hide-tools": "awsui_hide-tools_hyvsj_l6owv_1096",
-  "show-tools": "awsui_show-tools_hyvsj_l6owv_1108",
-  "has-tools-form": "awsui_has-tools-form_hyvsj_l6owv_1086",
-  "trigger-badge-wrapper": "awsui_trigger-badge-wrapper_hyvsj_l6owv_1191",
-  "trigger": "awsui_trigger_hyvsj_l6owv_1191",
-  "selected": "awsui_selected_hyvsj_l6owv_1264",
-  "badge": "awsui_badge_hyvsj_l6owv_1284",
-  "trigger-wrapper": "awsui_trigger-wrapper_hyvsj_l6owv_1288",
-  "dot": "awsui_dot_hyvsj_l6owv_1299"
+  "background": "awsui_background_hyvsj_zz5e8_99",
+  "scrolling-background": "awsui_scrolling-background_hyvsj_zz5e8_102",
+  "sticky-background": "awsui_sticky-background_hyvsj_zz5e8_108",
+  "has-sticky-notifications": "awsui_has-sticky-notifications_hyvsj_zz5e8_116",
+  "breadcrumbs": "awsui_breadcrumbs_hyvsj_zz5e8_129",
+  "has-sticky-background": "awsui_has-sticky-background_hyvsj_zz5e8_139",
+  "drawers-container": "awsui_drawers-container_hyvsj_zz5e8_151",
+  "has-open-drawer": "awsui_has-open-drawer_hyvsj_zz5e8_162",
+  "disable-body-scroll": "awsui_disable-body-scroll_hyvsj_zz5e8_185",
+  "drawers-desktop-triggers-container": "awsui_drawers-desktop-triggers-container_hyvsj_zz5e8_190",
+  "has-multiple-triggers": "awsui_has-multiple-triggers_hyvsj_zz5e8_231",
+  "drawers-mobile-triggers-container": "awsui_drawers-mobile-triggers-container_hyvsj_zz5e8_241",
+  "drawers-trigger-content": "awsui_drawers-trigger-content_hyvsj_zz5e8_245",
+  "drawers-trigger-overflow": "awsui_drawers-trigger-overflow_hyvsj_zz5e8_259",
+  "drawers-trigger": "awsui_drawers-trigger_hyvsj_zz5e8_245",
+  "drawer": "awsui_drawer_hyvsj_zz5e8_151",
+  "drawer-content-container": "awsui_drawer-content-container_hyvsj_zz5e8_290",
+  "drawer-close-button": "awsui_drawer-close-button_hyvsj_zz5e8_299",
+  "drawer-content": "awsui_drawer-content_hyvsj_zz5e8_290",
+  "drawer-content-hidden": "awsui_drawer-content-hidden_hyvsj_zz5e8_307",
+  "drawer-slider": "awsui_drawer-slider_hyvsj_zz5e8_310",
+  "is-drawer-open": "awsui_is-drawer-open_hyvsj_zz5e8_317",
+  "content": "awsui_content_hyvsj_zz5e8_343",
+  "layout": "awsui_layout_hyvsj_zz5e8_364",
+  "has-max-content-width": "awsui_has-max-content-width_hyvsj_zz5e8_447",
+  "content-type-dashboard": "awsui_content-type-dashboard_hyvsj_zz5e8_462",
+  "content-type-table": "awsui_content-type-table_hyvsj_zz5e8_476",
+  "content-type-cards": "awsui_content-type-cards_hyvsj_zz5e8_476",
+  "is-overlap-disabled": "awsui_is-overlap-disabled_hyvsj_zz5e8_482",
+  "is-hide-mobile-toolbar": "awsui_is-hide-mobile-toolbar_hyvsj_zz5e8_485",
+  "has-content-gap-left": "awsui_has-content-gap-left_hyvsj_zz5e8_517",
+  "has-content-gap-right": "awsui_has-content-gap-right_hyvsj_zz5e8_520",
+  "content-first-child-notifications": "awsui_content-first-child-notifications_hyvsj_zz5e8_530",
+  "has-breadcrumbs": "awsui_has-breadcrumbs_hyvsj_zz5e8_533",
+  "content-first-child-header": "awsui_content-first-child-header_hyvsj_zz5e8_536",
+  "has-header": "awsui_has-header_hyvsj_zz5e8_536",
+  "content-first-child-main": "awsui_content-first-child-main_hyvsj_zz5e8_557",
+  "disable-content-paddings": "awsui_disable-content-paddings_hyvsj_zz5e8_557",
+  "has-split-panel": "awsui_has-split-panel_hyvsj_zz5e8_600",
+  "split-panel-position-bottom": "awsui_split-panel-position-bottom_hyvsj_zz5e8_600",
+  "block-body-scroll": "awsui_block-body-scroll_hyvsj_zz5e8_616",
+  "unfocusable": "awsui_unfocusable_hyvsj_zz5e8_621",
+  "container": "awsui_container_hyvsj_zz5e8_631",
+  "is-navigation-open": "awsui_is-navigation-open_hyvsj_zz5e8_657",
+  "is-tools-open": "awsui_is-tools-open_hyvsj_zz5e8_660",
+  "is-split-panel-open": "awsui_is-split-panel-open_hyvsj_zz5e8_660",
+  "split-panel-position-side": "awsui_split-panel-position-side_hyvsj_zz5e8_660",
+  "has-active-drawer": "awsui_has-active-drawer_hyvsj_zz5e8_660",
+  "mobile-toolbar": "awsui_mobile-toolbar_hyvsj_zz5e8_669",
+  "remove-high-contrast-header": "awsui_remove-high-contrast-header_hyvsj_zz5e8_686",
+  "mobile-toolbar-nav": "awsui_mobile-toolbar-nav_hyvsj_zz5e8_690",
+  "mobile-toolbar-breadcrumbs": "awsui_mobile-toolbar-breadcrumbs_hyvsj_zz5e8_694",
+  "mobile-toolbar-tools": "awsui_mobile-toolbar-tools_hyvsj_zz5e8_698",
+  "navigation-container": "awsui_navigation-container_hyvsj_zz5e8_707",
+  "show-navigation": "awsui_show-navigation_hyvsj_zz5e8_751",
+  "animating": "awsui_animating_hyvsj_zz5e8_774",
+  "showButtons": "awsui_showButtons_hyvsj_zz5e8_1",
+  "navigation": "awsui_navigation_hyvsj_zz5e8_707",
+  "openNavigation": "awsui_openNavigation_hyvsj_zz5e8_1",
+  "animated-content": "awsui_animated-content_hyvsj_zz5e8_836",
+  "hide-navigation": "awsui_hide-navigation_hyvsj_zz5e8_845",
+  "notifications": "awsui_notifications_hyvsj_zz5e8_855",
+  "sticky-notifications": "awsui_sticky-notifications_hyvsj_zz5e8_861",
+  "split-panel-bottom": "awsui_split-panel-bottom_hyvsj_zz5e8_878",
+  "position-bottom": "awsui_position-bottom_hyvsj_zz5e8_925",
+  "openSplitPanelBottom": "awsui_openSplitPanelBottom_hyvsj_zz5e8_1",
+  "split-panel-side": "awsui_split-panel-side_hyvsj_zz5e8_954",
+  "position-side": "awsui_position-side_hyvsj_zz5e8_967",
+  "tools-container": "awsui_tools-container_hyvsj_zz5e8_989",
+  "tools": "awsui_tools_hyvsj_zz5e8_989",
+  "openTools": "awsui_openTools_hyvsj_zz5e8_1",
+  "has-tools-form-persistence": "awsui_has-tools-form-persistence_hyvsj_zz5e8_1086",
+  "hide-tools": "awsui_hide-tools_hyvsj_zz5e8_1096",
+  "show-tools": "awsui_show-tools_hyvsj_zz5e8_1108",
+  "has-tools-form": "awsui_has-tools-form_hyvsj_zz5e8_1086",
+  "trigger-badge-wrapper": "awsui_trigger-badge-wrapper_hyvsj_zz5e8_1191",
+  "trigger": "awsui_trigger_hyvsj_zz5e8_1191",
+  "selected": "awsui_selected_hyvsj_zz5e8_1265",
+  "badge": "awsui_badge_hyvsj_zz5e8_1285",
+  "trigger-wrapper": "awsui_trigger-wrapper_hyvsj_zz5e8_1289",
+  "dot": "awsui_dot_hyvsj_zz5e8_1300"
 };

package/button/index.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.d.ts","sourceRoot":"lib/default/","sources":["button/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;~~AAK3C~~,OAAO,EAAE,WAAW,EAAE,CAAC;AAEvB,QAAA,MAAM,MAAM,~~qFAkEX~~,CAAC;AAGF,eAAe,MAAM,CAAC"}
1	+ {"version":3,"file":"index.d.ts","sourceRoot":"lib/default/","sources":["button/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAM3C,OAAO,EAAE,WAAW,EAAE,CAAC;AAEvB,QAAA,MAAM,MAAM,qFA2EX,CAAC;AAGF,eAAe,MAAM,CAAC"}

package/button/index.js CHANGED Viewed

@@ -6,10 +6,18 @@ import { getBaseProps } from '../internal/base-component';
 import { InternalButton } from './internal';
 import { applyDisplayName } from '../internal/utils/apply-display-name';
 import useBaseComponent from '../internal/hooks/use-base-component';
+import { useLatencyMetrics } from '../internal/hooks/use-latency-metrics';
 const Button = React.forwardRef((_a, ref) => {
     var { children, iconName, iconAlign = 'left', iconUrl, iconSvg, iconAlt, variant = 'normal', loading = false, loadingText, disabled = false, wrapText = true, href, target, rel, download, formAction = 'submit', ariaLabel, ariaDescribedby, onClick, onFollow, ariaExpanded, ariaControls, fullWidth, form } = _a, props = __rest(_a, ["children", "iconName", "iconAlign", "iconUrl", "iconSvg", "iconAlt", "variant", "loading", "loadingText", "disabled", "wrapText", "href", "target", "rel", "download", "formAction", "ariaLabel", "ariaDescribedby", "onClick", "onFollow", "ariaExpanded", "ariaControls", "fullWidth", "form"]);
     const baseComponentProps = useBaseComponent('Button');
     const baseProps = getBaseProps(props);
+    useLatencyMetrics({
+        componentName: 'Button',
+        elementRef: baseComponentProps.__internalRootRef,
+        loading,
+        // TODO: Add the instanceId when it becomes available.
+        instanceId: undefined,
+    });
     return (React.createElement(InternalButton, Object.assign({}, baseProps, baseComponentProps, { ref: ref, iconName: iconName, iconAlign: iconAlign, iconUrl: iconUrl, iconSvg: iconSvg, iconAlt: iconAlt, variant: variant, loading: loading, loadingText: loadingText, disabled: disabled, wrapText: wrapText, href: href, target: target, rel: rel, download: download, formAction: formAction, ariaLabel: ariaLabel, ariaDescribedby: ariaDescribedby, onClick: onClick, onFollow: onFollow, ariaExpanded: ariaExpanded, ariaControls: ariaControls, fullWidth: fullWidth, form: form }), children));
 });
 applyDisplayName(Button, 'Button');

package/button/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sourceRoot":"lib/default/","sources":["button/index.tsx"],"names":[],"mappings":";AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAE1D,OAAO,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AAC5C,OAAO,EAAE,gBAAgB,EAAE,MAAM,sCAAsC,CAAC;AACxE,OAAO,gBAAgB,MAAM,sCAAsC,CAAC;~~AAIpE~~,MAAM,MAAM,GAAG,KAAK,CAAC,UAAU,CAC7B,CACE,EA0Bc,EACd,GAA+B,EAC/B,EAAE;QA5BF,EACE,QAAQ,EACR,QAAQ,EACR,SAAS,GAAG,MAAM,EAClB,OAAO,EACP,OAAO,EACP,OAAO,EACP,OAAO,GAAG,QAAQ,EAClB,OAAO,GAAG,KAAK,EACf,WAAW,EACX,QAAQ,GAAG,KAAK,EAChB,QAAQ,GAAG,IAAI,EACf,IAAI,EACJ,MAAM,EACN,GAAG,EACH,QAAQ,EACR,UAAU,GAAG,QAAQ,EACrB,SAAS,EACT,eAAe,EACf,OAAO,EACP,QAAQ,EACR,YAAY,EACZ,YAAY,EACZ,SAAS,EACT,IAAI,OAEQ,EADT,KAAK,cAzBV,kSA0BC,CADS;IAIV,MAAM,kBAAkB,GAAG,gBAAgB,~~CAAC~~,QAAQ,CAAC,CAAC;~~IACtD~~,MAAM,SAAS,GAAG,YAAY,CAAC,KAAK,CAAC,CAAC;~~IACtC~~,OAAO,CACL,oBAAC,cAAc,oBACT,SAAS,EACT,kBAAkB,IACtB,GAAG,EAAE,GAAG,EACR,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,OAAO,EAChB,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,MAAM,EACd,GAAG,EAAE,GAAG,EACR,QAAQ,EAAE,QAAQ,EAClB,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,SAAS,EACpB,eAAe,EAAE,eAAe,EAChC,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,YAAY,EAAE,YAAY,EAC1B,YAAY,EAAE,YAAY,EAC1B,SAAS,EAAE,SAAS,EACpB,IAAI,EAAE,IAAI,KAET,QAAQ,CACM,CAClB,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,gBAAgB,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC;AACnC,eAAe,MAAM,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\nimport { getBaseProps } from '../internal/base-component';\nimport { ButtonProps } from './interfaces';\nimport { InternalButton } from './internal';\nimport { applyDisplayName } from '../internal/utils/apply-display-name';\nimport useBaseComponent from '../internal/hooks/use-base-component';\n\nexport { ButtonProps };\n\nconst Button = React.forwardRef(\n (\n {\n children,\n iconName,\n iconAlign = 'left',\n iconUrl,\n iconSvg,\n iconAlt,\n variant = 'normal',\n loading = false,\n loadingText,\n disabled = false,\n wrapText = true,\n href,\n target,\n rel,\n download,\n formAction = 'submit',\n ariaLabel,\n ariaDescribedby,\n onClick,\n onFollow,\n ariaExpanded,\n ariaControls,\n fullWidth,\n form,\n ...props\n }: ButtonProps,\n ref: React.Ref<ButtonProps.Ref>\n ) => {\n const baseComponentProps = useBaseComponent('Button');\n const baseProps = getBaseProps(props);\n return (\n <InternalButton\n {...baseProps}\n {...baseComponentProps}\n ref={ref}\n iconName={iconName}\n iconAlign={iconAlign}\n iconUrl={iconUrl}\n iconSvg={iconSvg}\n iconAlt={iconAlt}\n variant={variant}\n loading={loading}\n loadingText={loadingText}\n disabled={disabled}\n wrapText={wrapText}\n href={href}\n target={target}\n rel={rel}\n download={download}\n formAction={formAction}\n ariaLabel={ariaLabel}\n ariaDescribedby={ariaDescribedby}\n onClick={onClick}\n onFollow={onFollow}\n ariaExpanded={ariaExpanded}\n ariaControls={ariaControls}\n fullWidth={fullWidth}\n form={form}\n >\n {children}\n </InternalButton>\n );\n }\n);\n\napplyDisplayName(Button, 'Button');\nexport default Button;\n"]}
1	+ {"version":3,"file":"index.js","sourceRoot":"lib/default/","sources":["button/index.tsx"],"names":[],"mappings":";AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAE1D,OAAO,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AAC5C,OAAO,EAAE,gBAAgB,EAAE,MAAM,sCAAsC,CAAC;AACxE,OAAO,gBAAgB,MAAM,sCAAsC,CAAC;AACpE,OAAO,EAAE,iBAAiB,EAAE,MAAM,uCAAuC,CAAC;AAI1E,MAAM,MAAM,GAAG,KAAK,CAAC,UAAU,CAC7B,CACE,EA0Bc,EACd,GAA+B,EAC/B,EAAE;QA5BF,EACE,QAAQ,EACR,QAAQ,EACR,SAAS,GAAG,MAAM,EAClB,OAAO,EACP,OAAO,EACP,OAAO,EACP,OAAO,GAAG,QAAQ,EAClB,OAAO,GAAG,KAAK,EACf,WAAW,EACX,QAAQ,GAAG,KAAK,EAChB,QAAQ,GAAG,IAAI,EACf,IAAI,EACJ,MAAM,EACN,GAAG,EACH,QAAQ,EACR,UAAU,GAAG,QAAQ,EACrB,SAAS,EACT,eAAe,EACf,OAAO,EACP,QAAQ,EACR,YAAY,EACZ,YAAY,EACZ,SAAS,EACT,IAAI,OAEQ,EADT,KAAK,cAzBV,kSA0BC,CADS;IAIV,MAAM,kBAAkB,GAAG,gBAAgB,CAAwC,QAAQ,CAAC,CAAC;IAC7F,MAAM,SAAS,GAAG,YAAY,CAAC,KAAK,CAAC,CAAC;IAEtC,iBAAiB,CAAC;QAChB,aAAa,EAAE,QAAQ;QACvB,UAAU,EAAE,kBAAkB,CAAC,iBAAiB;QAChD,OAAO;QACP,sDAAsD;QACtD,UAAU,EAAE,SAAS;KACtB,CAAC,CAAC;IAEH,OAAO,CACL,oBAAC,cAAc,oBACT,SAAS,EACT,kBAAkB,IACtB,GAAG,EAAE,GAAG,EACR,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,OAAO,EAChB,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,MAAM,EACd,GAAG,EAAE,GAAG,EACR,QAAQ,EAAE,QAAQ,EAClB,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,SAAS,EACpB,eAAe,EAAE,eAAe,EAChC,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,YAAY,EAAE,YAAY,EAC1B,YAAY,EAAE,YAAY,EAC1B,SAAS,EAAE,SAAS,EACpB,IAAI,EAAE,IAAI,KAET,QAAQ,CACM,CAClB,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,gBAAgB,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC;AACnC,eAAe,MAAM,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\nimport { getBaseProps } from '../internal/base-component';\nimport { ButtonProps } from './interfaces';\nimport { InternalButton } from './internal';\nimport { applyDisplayName } from '../internal/utils/apply-display-name';\nimport useBaseComponent from '../internal/hooks/use-base-component';\nimport { useLatencyMetrics } from '../internal/hooks/use-latency-metrics';\n\nexport { ButtonProps };\n\nconst Button = React.forwardRef(\n (\n {\n children,\n iconName,\n iconAlign = 'left',\n iconUrl,\n iconSvg,\n iconAlt,\n variant = 'normal',\n loading = false,\n loadingText,\n disabled = false,\n wrapText = true,\n href,\n target,\n rel,\n download,\n formAction = 'submit',\n ariaLabel,\n ariaDescribedby,\n onClick,\n onFollow,\n ariaExpanded,\n ariaControls,\n fullWidth,\n form,\n ...props\n }: ButtonProps,\n ref: React.Ref<ButtonProps.Ref>\n ) => {\n const baseComponentProps = useBaseComponent<HTMLAnchorElement \| HTMLButtonElement>('Button');\n const baseProps = getBaseProps(props);\n\n useLatencyMetrics({\n componentName: 'Button',\n elementRef: baseComponentProps.__internalRootRef,\n loading,\n // TODO: Add the instanceId when it becomes available.\n instanceId: undefined,\n });\n\n return (\n <InternalButton\n {...baseProps}\n {...baseComponentProps}\n ref={ref}\n iconName={iconName}\n iconAlign={iconAlign}\n iconUrl={iconUrl}\n iconSvg={iconSvg}\n iconAlt={iconAlt}\n variant={variant}\n loading={loading}\n loadingText={loadingText}\n disabled={disabled}\n wrapText={wrapText}\n href={href}\n target={target}\n rel={rel}\n download={download}\n formAction={formAction}\n ariaLabel={ariaLabel}\n ariaDescribedby={ariaDescribedby}\n onClick={onClick}\n onFollow={onFollow}\n ariaExpanded={ariaExpanded}\n ariaControls={ariaControls}\n fullWidth={fullWidth}\n form={form}\n >\n {children}\n </InternalButton>\n );\n }\n);\n\napplyDisplayName(Button, 'Button');\nexport default Button;\n"]}

package/button/internal.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"internal.d.ts","sourceRoot":"lib/default/","sources":["button/internal.tsx"],"names":[],"mappings":"AAGA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAKjD,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAC3C,OAAO,EAAE,0BAA0B,EAAE,MAAM,sCAAsC,CAAC;~~AAiBlF~~,MAAM,MAAM,mBAAmB,GAAG,IAAI,CAAC,WAAW,EAAE,SAAS,CAAC,GAAG;IAC/D,OAAO,CAAC,EAAE,WAAW,CAAC,SAAS,CAAC,GAAG,eAAe,GAAG,kBAAkB,GAAG,cAAc,GAAG,eAAe,CAAC;IAC3G,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,kBAAkB,CAAC,EACf,CAAC,KAAK,CAAC,cAAc,CAAC,iBAAiB,CAAC,GAAG,KAAK,CAAC,cAAc,CAAC,iBAAiB,CAAC,CAAC,GACnF,MAAM,CAAC,QAAQ,MAAM,EAAE,EAAE,MAAM,CAAC,CAAC;IACrC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,GAAG,0BAA0B,CAAC,iBAAiB,GAAG,iBAAiB,CAAC,CAAC;AAEtE,eAAO,MAAM,cAAc;cATf,WAAW,CAAC,SAAS,CAAC,GAAG,eAAe,GAAG,kBAAkB,GAAG,cAAc,GAAG,eAAe;;;;;~~6GAuM3G~~,CAAC;AAEF,eAAe,cAAc,CAAC"}
1	+ {"version":3,"file":"internal.d.ts","sourceRoot":"lib/default/","sources":["button/internal.tsx"],"names":[],"mappings":"AAGA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAKjD,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAC3C,OAAO,EAAE,0BAA0B,EAAE,MAAM,sCAAsC,CAAC;AAgBlF,MAAM,MAAM,mBAAmB,GAAG,IAAI,CAAC,WAAW,EAAE,SAAS,CAAC,GAAG;IAC/D,OAAO,CAAC,EAAE,WAAW,CAAC,SAAS,CAAC,GAAG,eAAe,GAAG,kBAAkB,GAAG,cAAc,GAAG,eAAe,CAAC;IAC3G,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,kBAAkB,CAAC,EACf,CAAC,KAAK,CAAC,cAAc,CAAC,iBAAiB,CAAC,GAAG,KAAK,CAAC,cAAc,CAAC,iBAAiB,CAAC,CAAC,GACnF,MAAM,CAAC,QAAQ,MAAM,EAAE,EAAE,MAAM,CAAC,CAAC;IACrC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,GAAG,0BAA0B,CAAC,iBAAiB,GAAG,iBAAiB,CAAC,CAAC;AAEtE,eAAO,MAAM,cAAc;cATf,WAAW,CAAC,SAAS,CAAC,GAAG,eAAe,GAAG,kBAAkB,GAAG,cAAc,GAAG,eAAe;;;;;6GA2L3G,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/button/internal.js CHANGED Viewed

@@ -15,7 +15,6 @@ import { useFunnel, useFunnelStep, useFunnelSubStep } from '../internal/analytic
 import { DATA_ATTR_FUNNEL_VALUE, getFunnelValueSelector, getNameFromSelector, getSubStepAllSelector, } from '../internal/analytics/selectors';
 import { FunnelMetrics } from '../internal/analytics';
 import { useUniqueId } from '../internal/hooks/use-unique-id';
-import { usePerformanceMarks } from '../internal/hooks/use-performance-marks';
 import { useSingleTabStopNavigation } from '../internal/context/single-tab-stop-navigation-context';
 export const InternalButton = React.forwardRef((_a, ref) => {
     var { children, iconName, __iconClass, onClick, onFollow, iconAlign = 'left', iconUrl, iconSvg, iconAlt, variant = 'normal', loading = false, loadingText, disabled = false, wrapText = true, href, target, rel, download, formAction = 'submit', ariaLabel, ariaDescribedby, ariaExpanded, ariaControls, fullWidth, badge, __nativeAttributes, __internalRootRef = null, __focusable = false } = _a, props = __rest(_a, ["children", "iconName", "__iconClass", "onClick", "onFollow", "iconAlign", "iconUrl", "iconSvg", "iconAlt", "variant", "loading", "loadingText", "disabled", "wrapText", "href", "target", "rel", "download", "formAction", "ariaLabel", "ariaDescribedby", "ariaExpanded", "ariaControls", "fullWidth", "badge", "__nativeAttributes", "__internalRootRef", "__focusable"]);
@@ -31,14 +30,6 @@ export const InternalButton = React.forwardRef((_a, ref) => {
     const { funnelInteractionId } = useFunnel();
     const { stepNumber, stepNameSelector } = useFunnelStep();
     const { subStepSelector, subStepNameSelector } = useFunnelSubStep();
-    usePerformanceMarks('primaryButton', variant === 'primary', buttonRef, () => {
-        var _a;
-        return ({
-            loading,
-            disabled,
-            text: (_a = buttonRef.current) === null || _a === void 0 ? void 0 : _a.innerText,
-        });
-    }, [loading, disabled]);
     const handleClick = (event) => {
         if (isNotInteractive) {
             return event.preventDefault();

package/button/internal.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"internal.js","sourceRoot":"lib/default/","sources":["button/internal.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport clsx from 'clsx';\nimport React, { useEffect, useRef } from 'react';\nimport { fireCancelableEvent, isPlainLeftClick } from '../internal/events';\nimport useForwardFocus from '../internal/hooks/forward-focus';\nimport styles from './styles.css.js';\nimport { ButtonIconProps, LeftIcon, RightIcon } from './icon-helper';\nimport { ButtonProps } from './interfaces';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\nimport { checkSafeUrl } from '../internal/utils/check-safe-url';\nimport { useMergeRefs } from '../internal/hooks/use-merge-refs';\nimport LiveRegion from '../internal/components/live-region';\nimport { useButtonContext } from '../internal/context/button-context';\nimport { useFunnel, useFunnelStep, useFunnelSubStep } from '../internal/analytics/hooks/use-funnel';\nimport {\n DATA_ATTR_FUNNEL_VALUE,\n getFunnelValueSelector,\n getNameFromSelector,\n getSubStepAllSelector,\n} from '../internal/analytics/selectors';\nimport { FunnelMetrics } from '../internal/analytics';\nimport { useUniqueId } from '../internal/hooks/use-unique-id';\nimport { usePerformanceMarks } from '../internal/hooks/use-performance-marks';\nimport { useSingleTabStopNavigation } from '../internal/context/single-tab-stop-navigation-context';\n\nexport type InternalButtonProps = Omit<ButtonProps, 'variant'> & {\n variant?: ButtonProps['variant'] \| 'flashbar-icon' \| 'breadcrumb-group' \| 'menu-trigger' \| 'modal-dismiss';\n badge?: boolean;\n __nativeAttributes?:\n \| (React.HTMLAttributes<HTMLAnchorElement> & React.HTMLAttributes<HTMLButtonElement>)\n \| Record<`data-${string}`, string>;\n __iconClass?: string;\n __focusable?: boolean;\n} & InternalBaseComponentProps<HTMLAnchorElement \| HTMLButtonElement>;\n\nexport const InternalButton = React.forwardRef(\n (\n {\n children,\n iconName,\n __iconClass,\n onClick,\n onFollow,\n iconAlign = 'left',\n iconUrl,\n iconSvg,\n iconAlt,\n variant = 'normal',\n loading = false,\n loadingText,\n disabled = false,\n wrapText = true,\n href,\n target,\n rel,\n download,\n formAction = 'submit',\n ariaLabel,\n ariaDescribedby,\n ariaExpanded,\n ariaControls,\n fullWidth,\n badge,\n __nativeAttributes,\n __internalRootRef = null,\n __focusable = false,\n ...props\n }: InternalButtonProps,\n ref: React.Ref<ButtonProps.Ref>\n ) => {\n checkSafeUrl('Button', href);\n const isAnchor = Boolean(href);\n const isNotInteractive = loading \|\| disabled;\n const hasAriaDisabled = (loading && !disabled) \|\| (disabled && __focusable);\n const shouldHaveContent =\n children && ['icon', 'inline-icon', 'flashbar-icon', 'modal-dismiss'].indexOf(variant) === -1;\n\n const buttonRef = useRef<HTMLElement>(null);\n useForwardFocus(ref, buttonRef);\n\n const buttonContext = useButtonContext();\n\n const uniqueId = useUniqueId('button');\n const { funnelInteractionId } = useFunnel();\n const { stepNumber, stepNameSelector } = useFunnelStep();\n const { subStepSelector, subStepNameSelector } = useFunnelSubStep();\n\n usePerformanceMarks(\n 'primaryButton',\n variant === 'primary',\n buttonRef,\n () => ({\n loading,\n disabled,\n text: buttonRef.current?.innerText,\n }),\n [loading, disabled]\n );\n\n const handleClick = (event: React.MouseEvent) => {\n if (isNotInteractive) {\n return event.preventDefault();\n }\n\n if (isAnchor && isPlainLeftClick(event)) {\n fireCancelableEvent(onFollow, { href, target }, event);\n\n if ((iconName === 'external' \|\| target === '_blank') && funnelInteractionId) {\n const stepName = getNameFromSelector(stepNameSelector);\n const subStepName = getNameFromSelector(subStepNameSelector);\n\n FunnelMetrics.externalLinkInteracted({\n funnelInteractionId,\n stepNumber,\n stepName,\n stepNameSelector,\n subStepSelector,\n subStepName,\n subStepNameSelector,\n elementSelector: getFunnelValueSelector(uniqueId),\n subStepAllSelector: getSubStepAllSelector(),\n });\n }\n }\n\n const { altKey, button, ctrlKey, metaKey, shiftKey } = event;\n fireCancelableEvent(onClick, { altKey, button, ctrlKey, metaKey, shiftKey }, event);\n buttonContext.onClick({ variant });\n };\n\n const buttonClass = clsx(props.className, styles.button, styles[`variant-${variant}`], {\n [styles.disabled]: isNotInteractive,\n [styles['button-no-wrap']]: !wrapText,\n [styles['button-no-text']]: !shouldHaveContent,\n [styles['full-width']]: shouldHaveContent && fullWidth,\n });\n\n const explicitTabIndex =\n __nativeAttributes && 'tabIndex' in __nativeAttributes ? __nativeAttributes.tabIndex : undefined;\n const { tabIndex } = useSingleTabStopNavigation(buttonRef, {\n tabIndex: isAnchor && isNotInteractive ? -1 : explicitTabIndex,\n });\n\n const buttonProps = {\n ...props,\n ...__nativeAttributes,\n tabIndex,\n // https://github.com/microsoft/TypeScript/issues/36659\n ref: useMergeRefs(buttonRef, __internalRootRef),\n 'aria-label': ariaLabel,\n 'aria-describedby': ariaDescribedby,\n 'aria-expanded': ariaExpanded,\n 'aria-controls': ariaControls,\n // add ariaLabel as `title` as visible hint text\n title: ariaLabel,\n className: buttonClass,\n onClick: handleClick,\n [DATA_ATTR_FUNNEL_VALUE]: uniqueId,\n } as const;\n\n const iconProps: ButtonIconProps = {\n loading,\n iconName,\n iconAlign,\n iconUrl,\n iconSvg,\n iconAlt,\n variant,\n badge,\n iconClass: __iconClass,\n iconSize: variant === 'modal-dismiss' ? 'medium' : 'normal',\n };\n const buttonContent = (\n <>\n <LeftIcon {...iconProps} />\n {shouldHaveContent && <span className={styles.content}>{children}</span>}\n <RightIcon {...iconProps} />\n </>\n );\n\n const { loadingButtonCount } = useFunnel();\n useEffect(() => {\n if (loading) {\n loadingButtonCount.current++;\n return () => {\n // eslint-disable-next-line react-hooks/exhaustive-deps\n loadingButtonCount.current--;\n };\n }\n }, [loading, loadingButtonCount]);\n\n if (isAnchor) {\n return (\n // https://github.com/yannickcr/eslint-plugin-react/issues/2962\n // eslint-disable-next-line react/jsx-no-target-blank\n <>\n <a\n {...buttonProps}\n href={href}\n target={target}\n // security recommendation: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#target\n rel={rel ?? (target === '_blank' ? 'noopener noreferrer' : undefined)}\n aria-disabled={isNotInteractive ? true : undefined}\n download={download}\n >\n {buttonContent}\n </a>\n {loading && loadingText && <LiveRegion>{loadingText}</LiveRegion>}\n </>\n );\n }\n return (\n <>\n <button\n {...buttonProps}\n type={formAction === 'none' ? 'button' : 'submit'}\n disabled={disabled && !__focusable}\n aria-disabled={hasAriaDisabled ? true : undefined}\n >\n {buttonContent}\n </button>\n {loading && loadingText && <LiveRegion>{loadingText}</LiveRegion>}\n </>\n );\n }\n);\n\nexport default InternalButton;\n"]}
1	+ {"version":3,"file":"internal.js","sourceRoot":"lib/default/","sources":["button/internal.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport clsx from 'clsx';\nimport React, { useEffect, useRef } from 'react';\nimport { fireCancelableEvent, isPlainLeftClick } from '../internal/events';\nimport useForwardFocus from '../internal/hooks/forward-focus';\nimport styles from './styles.css.js';\nimport { ButtonIconProps, LeftIcon, RightIcon } from './icon-helper';\nimport { ButtonProps } from './interfaces';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\nimport { checkSafeUrl } from '../internal/utils/check-safe-url';\nimport { useMergeRefs } from '../internal/hooks/use-merge-refs';\nimport LiveRegion from '../internal/components/live-region';\nimport { useButtonContext } from '../internal/context/button-context';\nimport { useFunnel, useFunnelStep, useFunnelSubStep } from '../internal/analytics/hooks/use-funnel';\nimport {\n DATA_ATTR_FUNNEL_VALUE,\n getFunnelValueSelector,\n getNameFromSelector,\n getSubStepAllSelector,\n} from '../internal/analytics/selectors';\nimport { FunnelMetrics } from '../internal/analytics';\nimport { useUniqueId } from '../internal/hooks/use-unique-id';\nimport { useSingleTabStopNavigation } from '../internal/context/single-tab-stop-navigation-context';\n\nexport type InternalButtonProps = Omit<ButtonProps, 'variant'> & {\n variant?: ButtonProps['variant'] \| 'flashbar-icon' \| 'breadcrumb-group' \| 'menu-trigger' \| 'modal-dismiss';\n badge?: boolean;\n __nativeAttributes?:\n \| (React.HTMLAttributes<HTMLAnchorElement> & React.HTMLAttributes<HTMLButtonElement>)\n \| Record<`data-${string}`, string>;\n __iconClass?: string;\n __focusable?: boolean;\n} & InternalBaseComponentProps<HTMLAnchorElement \| HTMLButtonElement>;\n\nexport const InternalButton = React.forwardRef(\n (\n {\n children,\n iconName,\n __iconClass,\n onClick,\n onFollow,\n iconAlign = 'left',\n iconUrl,\n iconSvg,\n iconAlt,\n variant = 'normal',\n loading = false,\n loadingText,\n disabled = false,\n wrapText = true,\n href,\n target,\n rel,\n download,\n formAction = 'submit',\n ariaLabel,\n ariaDescribedby,\n ariaExpanded,\n ariaControls,\n fullWidth,\n badge,\n __nativeAttributes,\n __internalRootRef = null,\n __focusable = false,\n ...props\n }: InternalButtonProps,\n ref: React.Ref<ButtonProps.Ref>\n ) => {\n checkSafeUrl('Button', href);\n const isAnchor = Boolean(href);\n const isNotInteractive = loading \|\| disabled;\n const hasAriaDisabled = (loading && !disabled) \|\| (disabled && __focusable);\n const shouldHaveContent =\n children && ['icon', 'inline-icon', 'flashbar-icon', 'modal-dismiss'].indexOf(variant) === -1;\n\n const buttonRef = useRef<HTMLElement>(null);\n useForwardFocus(ref, buttonRef);\n\n const buttonContext = useButtonContext();\n\n const uniqueId = useUniqueId('button');\n const { funnelInteractionId } = useFunnel();\n const { stepNumber, stepNameSelector } = useFunnelStep();\n const { subStepSelector, subStepNameSelector } = useFunnelSubStep();\n\n const handleClick = (event: React.MouseEvent) => {\n if (isNotInteractive) {\n return event.preventDefault();\n }\n\n if (isAnchor && isPlainLeftClick(event)) {\n fireCancelableEvent(onFollow, { href, target }, event);\n\n if ((iconName === 'external' \|\| target === '_blank') && funnelInteractionId) {\n const stepName = getNameFromSelector(stepNameSelector);\n const subStepName = getNameFromSelector(subStepNameSelector);\n\n FunnelMetrics.externalLinkInteracted({\n funnelInteractionId,\n stepNumber,\n stepName,\n stepNameSelector,\n subStepSelector,\n subStepName,\n subStepNameSelector,\n elementSelector: getFunnelValueSelector(uniqueId),\n subStepAllSelector: getSubStepAllSelector(),\n });\n }\n }\n\n const { altKey, button, ctrlKey, metaKey, shiftKey } = event;\n fireCancelableEvent(onClick, { altKey, button, ctrlKey, metaKey, shiftKey }, event);\n buttonContext.onClick({ variant });\n };\n\n const buttonClass = clsx(props.className, styles.button, styles[`variant-${variant}`], {\n [styles.disabled]: isNotInteractive,\n [styles['button-no-wrap']]: !wrapText,\n [styles['button-no-text']]: !shouldHaveContent,\n [styles['full-width']]: shouldHaveContent && fullWidth,\n });\n\n const explicitTabIndex =\n __nativeAttributes && 'tabIndex' in __nativeAttributes ? __nativeAttributes.tabIndex : undefined;\n const { tabIndex } = useSingleTabStopNavigation(buttonRef, {\n tabIndex: isAnchor && isNotInteractive ? -1 : explicitTabIndex,\n });\n\n const buttonProps = {\n ...props,\n ...__nativeAttributes,\n tabIndex,\n // https://github.com/microsoft/TypeScript/issues/36659\n ref: useMergeRefs(buttonRef, __internalRootRef),\n 'aria-label': ariaLabel,\n 'aria-describedby': ariaDescribedby,\n 'aria-expanded': ariaExpanded,\n 'aria-controls': ariaControls,\n // add ariaLabel as `title` as visible hint text\n title: ariaLabel,\n className: buttonClass,\n onClick: handleClick,\n [DATA_ATTR_FUNNEL_VALUE]: uniqueId,\n } as const;\n\n const iconProps: ButtonIconProps = {\n loading,\n iconName,\n iconAlign,\n iconUrl,\n iconSvg,\n iconAlt,\n variant,\n badge,\n iconClass: __iconClass,\n iconSize: variant === 'modal-dismiss' ? 'medium' : 'normal',\n };\n const buttonContent = (\n <>\n <LeftIcon {...iconProps} />\n {shouldHaveContent && <span className={styles.content}>{children}</span>}\n <RightIcon {...iconProps} />\n </>\n );\n\n const { loadingButtonCount } = useFunnel();\n useEffect(() => {\n if (loading) {\n loadingButtonCount.current++;\n return () => {\n // eslint-disable-next-line react-hooks/exhaustive-deps\n loadingButtonCount.current--;\n };\n }\n }, [loading, loadingButtonCount]);\n\n if (isAnchor) {\n return (\n // https://github.com/yannickcr/eslint-plugin-react/issues/2962\n // eslint-disable-next-line react/jsx-no-target-blank\n <>\n <a\n {...buttonProps}\n href={href}\n target={target}\n // security recommendation: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#target\n rel={rel ?? (target === '_blank' ? 'noopener noreferrer' : undefined)}\n aria-disabled={isNotInteractive ? true : undefined}\n download={download}\n >\n {buttonContent}\n </a>\n {loading && loadingText && <LiveRegion>{loadingText}</LiveRegion>}\n </>\n );\n }\n return (\n <>\n <button\n {...buttonProps}\n type={formAction === 'none' ? 'button' : 'submit'}\n disabled={disabled && !__focusable}\n aria-disabled={hasAriaDisabled ? true : undefined}\n >\n {buttonContent}\n </button>\n {loading && loadingText && <LiveRegion>{loadingText}</LiveRegion>}\n </>\n );\n }\n);\n\nexport default InternalButton;\n"]}

package/flashbar/internal/analytics.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"analytics.d.ts","sourceRoot":"lib/default/","sources":["flashbar/internal/analytics.ts"],"names":[],"mappings":"~~AAKA~~,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;~~AAM9C~~,eAAO,MAAM,gBAAgB,UAAW,aAAa,CAAC,OAAO,CAAC,SAS7D,CAAC;AAEF,eAAO,MAAM,gBAAgB,eAAgB,MAAM,YAAY,OAAO,SAMrE,CAAC;AAEF,eAAO,MAAM,iBAAiB,aAAc,MAAM,SAMjD,CAAC"}
1	+ {"version":3,"file":"analytics.d.ts","sourceRoot":"lib/default/","sources":["flashbar/internal/analytics.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAK9C,eAAO,MAAM,gBAAgB,UAAW,aAAa,CAAC,OAAO,CAAC,SAS7D,CAAC;AAEF,eAAO,MAAM,gBAAgB,eAAgB,MAAM,YAAY,OAAO,SAMrE,CAAC;AAEF,eAAO,MAAM,iBAAiB,aAAc,MAAM,SAMjD,CAAC"}

package/flashbar/internal/analytics.js CHANGED Viewed

@@ -1,9 +1,7 @@
 // Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
 // SPDX-License-Identifier: Apache-2.0
-import { PACKAGE_SOURCE, PACKAGE_VERSION } from '../../internal/environment';
-import { Metrics } from '@cloudscape-design/component-toolkit/internal';
+import { metrics } from '../../internal/analytics/metrics';
 import { getFlashTypeCount } from '../utils';
-const metrics = new Metrics(PACKAGE_SOURCE, PACKAGE_VERSION);
 const eventContext = 'csa_flashbar';
 export const sendRenderMetric = (items) => {
     const countByType = getFlashTypeCount(items);

package/flashbar/internal/analytics.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"analytics.js","sourceRoot":"lib/default/","sources":["flashbar/internal/analytics.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AAEtC,OAAO,EAAE,~~cAAc~~,EAAE,~~eAAe,EAAE,~~MAAM,~~4BAA4B~~,CAAC;~~AAC7E~~,OAAO,EAAE,~~OAAO,EAAE,MAAM,+CAA+C,CAAC;AAExE,OAAO,EAAE,~~iBAAiB,EAAE,MAAM,UAAU,CAAC;AAE7C,MAAM,~~OAAO,GAAG,IAAI,OAAO,CAAC,cAAc,EAAE,eAAe,CAAC,CAAC;AAC7D,MAAM,~~YAAY,GAAG,cAAc,CAAC;AAEpC,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,KAA6B,EAAE,EAAE;IAChE,MAAM,WAAW,GAAG,iBAAiB,CAAC,KAAK,CAAC,CAAC;IAE7C,OAAO,CAAC,kBAAkB,CAAC;QACzB,YAAY;QACZ,SAAS,EAAE,QAAQ;QACnB,UAAU,EAAE,KAAK,CAAC,MAAM,CAAC,QAAQ,EAAE;QACnC,WAAW,EAAE,WAAW;KACzB,CAAC,CAAC;AACL,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,UAAkB,EAAE,QAAiB,EAAE,EAAE;IACxE,OAAO,CAAC,kBAAkB,CAAC;QACzB,YAAY;QACZ,SAAS,EAAE,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,UAAU;QAC3C,UAAU,EAAE,UAAU,CAAC,QAAQ,EAAE;KAClC,CAAC,CAAC;AACL,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,QAAgB,EAAE,EAAE;IACpD,OAAO,CAAC,kBAAkB,CAAC;QACzB,YAAY;QACZ,SAAS,EAAE,SAAS;QACpB,UAAU,EAAE,QAAQ;KACrB,CAAC,CAAC;AACL,CAAC,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { ~~PACKAGE_SOURCE,~~ ~~PACKAGE_VERSION~~ } from '../../internal/~~environment';\nimport { Metrics } from '@cloudscape-design~~/~~component-toolkit/internal~~';\nimport { FlashbarProps } from '../interfaces';\nimport { getFlashTypeCount } from '../utils';\n\nconst ~~metrics = new Metrics(PACKAGE_SOURCE, PACKAGE_VERSION);\nconst~~ eventContext = 'csa_flashbar';\n\nexport const sendRenderMetric = (items: FlashbarProps['items']) => {\n const countByType = getFlashTypeCount(items);\n\n metrics.sendPanoramaMetric({\n eventContext,\n eventType: 'render',\n eventValue: items.length.toString(),\n eventDetail: countByType,\n });\n};\n\nexport const sendToggleMetric = (itemsCount: number, expanded: boolean) => {\n metrics.sendPanoramaMetric({\n eventContext,\n eventType: expanded ? 'expand' : 'collapse',\n eventValue: itemsCount.toString(),\n });\n};\n\nexport const sendDismissMetric = (itemType: string) => {\n metrics.sendPanoramaMetric({\n eventContext,\n eventType: 'dismiss',\n eventValue: itemType,\n });\n};\n"]}
1	+ {"version":3,"file":"analytics.js","sourceRoot":"lib/default/","sources":["flashbar/internal/analytics.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AAEtC,OAAO,EAAE,OAAO,EAAE,MAAM,kCAAkC,CAAC;AAE3D,OAAO,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAE7C,MAAM,YAAY,GAAG,cAAc,CAAC;AAEpC,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,KAA6B,EAAE,EAAE;IAChE,MAAM,WAAW,GAAG,iBAAiB,CAAC,KAAK,CAAC,CAAC;IAE7C,OAAO,CAAC,kBAAkB,CAAC;QACzB,YAAY;QACZ,SAAS,EAAE,QAAQ;QACnB,UAAU,EAAE,KAAK,CAAC,MAAM,CAAC,QAAQ,EAAE;QACnC,WAAW,EAAE,WAAW;KACzB,CAAC,CAAC;AACL,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,UAAkB,EAAE,QAAiB,EAAE,EAAE;IACxE,OAAO,CAAC,kBAAkB,CAAC;QACzB,YAAY;QACZ,SAAS,EAAE,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,UAAU;QAC3C,UAAU,EAAE,UAAU,CAAC,QAAQ,EAAE;KAClC,CAAC,CAAC;AACL,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,QAAgB,EAAE,EAAE;IACpD,OAAO,CAAC,kBAAkB,CAAC;QACzB,YAAY;QACZ,SAAS,EAAE,SAAS;QACpB,UAAU,EAAE,QAAQ;KACrB,CAAC,CAAC;AACL,CAAC,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { metrics } from '../../internal/analytics/metrics';\nimport { FlashbarProps } from '../interfaces';\nimport { getFlashTypeCount } from '../utils';\n\nconst eventContext = 'csa_flashbar';\n\nexport const sendRenderMetric = (items: FlashbarProps['items']) => {\n const countByType = getFlashTypeCount(items);\n\n metrics.sendPanoramaMetric({\n eventContext,\n eventType: 'render',\n eventValue: items.length.toString(),\n eventDetail: countByType,\n });\n};\n\nexport const sendToggleMetric = (itemsCount: number, expanded: boolean) => {\n metrics.sendPanoramaMetric({\n eventContext,\n eventType: expanded ? 'expand' : 'collapse',\n eventValue: itemsCount.toString(),\n });\n};\n\nexport const sendDismissMetric = (itemType: string) => {\n metrics.sendPanoramaMetric({\n eventContext,\n eventType: 'dismiss',\n eventValue: itemType,\n });\n};\n"]}

package/internal/analytics/metrics.d.ts ADDED Viewed

@@ -0,0 +1,3 @@
+import { Metrics } from '@cloudscape-design/component-toolkit/internal';
+export declare const metrics: Metrics;
+//# sourceMappingURL=metrics.d.ts.map

package/internal/analytics/metrics.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"metrics.d.ts","sourceRoot":"lib/default/","sources":["internal/analytics/metrics.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,OAAO,EAAE,MAAM,+CAA+C,CAAC;AAGxE,eAAO,MAAM,OAAO,SAA+C,CAAC"}

package/internal/analytics/metrics.js ADDED Viewed

@@ -0,0 +1,6 @@
+// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+// SPDX-License-Identifier: Apache-2.0
+import { Metrics } from '@cloudscape-design/component-toolkit/internal';
+import { PACKAGE_SOURCE, PACKAGE_VERSION } from '../environment';
+export const metrics = new Metrics(PACKAGE_SOURCE, PACKAGE_VERSION);
+//# sourceMappingURL=metrics.js.map

package/internal/analytics/metrics.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"metrics.js","sourceRoot":"lib/default/","sources":["internal/analytics/metrics.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AAEtC,OAAO,EAAE,OAAO,EAAE,MAAM,+CAA+C,CAAC;AACxE,OAAO,EAAE,cAAc,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAEjE,MAAM,CAAC,MAAM,OAAO,GAAG,IAAI,OAAO,CAAC,cAAc,EAAE,eAAe,CAAC,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { Metrics } from '@cloudscape-design/component-toolkit/internal';\nimport { PACKAGE_SOURCE, PACKAGE_VERSION } from '../environment';\n\nexport const metrics = new Metrics(PACKAGE_SOURCE, PACKAGE_VERSION);\n"]}

package/internal/environment.js CHANGED Viewed

@@ -1,4 +1,4 @@
 export var PACKAGE_SOURCE = "components";
-export var PACKAGE_VERSION = "3.0.0 (0a03e17a)";
+export var PACKAGE_VERSION = "3.0.0 (ab047a81)";
 export var THEME = "open-source-visual-refresh";
 export var ALWAYS_VISUAL_REFRESH = true;

package/internal/environment.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "PACKAGE_SOURCE": "components",
-  "PACKAGE_VERSION": "3.0.0 (0a03e17a)",
+  "PACKAGE_VERSION": "3.0.0 (ab047a81)",
   "THEME": "default",
   "ALWAYS_VISUAL_REFRESH": false
 }

package/internal/hooks/use-latency-metrics/index.d.ts ADDED Viewed

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+interface UseLatencyMetricsProps {
+    componentName: string;
+    elementRef: React.RefObject<HTMLElement>;
+    instanceId: string | undefined;
+    loading?: boolean | undefined;
+    componentType?: 'spinner' | undefined;
+}
+export declare function useLatencyMetrics({ componentName, componentType, elementRef, instanceId, ...props }: UseLatencyMetricsProps): void;
+export {};
+//# sourceMappingURL=index.d.ts.map

package/internal/hooks/use-latency-metrics/index.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"index.d.ts","sourceRoot":"lib/default/","sources":["internal/hooks/use-latency-metrics/index.ts"],"names":[],"mappings":";AASA,UAAU,sBAAsB;IAC9B,aAAa,EAAE,MAAM,CAAC;IACtB,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IACzC,UAAU,EAAE,MAAM,GAAG,SAAS,CAAC;IAC/B,OAAO,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC9B,aAAa,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;CACvC;AAED,wBAAgB,iBAAiB,CAAC,EAChC,aAAa,EACb,aAAa,EACb,UAAU,EACV,UAAU,EACV,GAAG,KAAK,EACT,EAAE,sBAAsB,QA+FxB"}

package/internal/hooks/use-latency-metrics/index.js ADDED Viewed

@@ -0,0 +1,88 @@
+// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+// SPDX-License-Identifier: Apache-2.0
+import { __rest } from "tslib";
+import { useEffect, useRef } from 'react';
+import { useIdFallback } from '../use-unique-id';
+import { useEffectOnUpdate } from '../use-effect-on-update';
+import { isInViewport } from './is-in-viewport';
+import { metrics } from '../../analytics/metrics';
+export function useLatencyMetrics(_a) {
+    var { componentName, componentType, elementRef, instanceId } = _a, props = __rest(_a, ["componentName", "componentType", "elementRef", "instanceId"]);
+    const lifecycleId = useIdFallback();
+    const loading = props.loading || componentType === 'spinner';
+    const loadingAtMount = useRef(loading);
+    const loadingStartTime = useRef(undefined);
+    if (loading && loadingStartTime.current === undefined) {
+        loadingStartTime.current = performance.now();
+    }
+    useEffect(() => {
+        if (!elementRef.current) {
+            return;
+        }
+        const loading = loadingAtMount.current;
+        const timestamp = Date.now();
+        const cleanup = isInViewport(elementRef.current, inViewport => {
+            emitMetric({
+                type: 'mounted',
+                lifecycleId,
+                componentName,
+                inViewport,
+                metadata: { instanceId },
+                loading,
+                loadingDuration: undefined,
+            }, timestamp);
+        });
+        return () => {
+            cleanup();
+            if (loadingStartTime.current !== undefined) {
+                const loadingDuration = performance.now() - loadingStartTime.current;
+                emitMetric({
+                    type: componentType === 'spinner' ? 'loading-finished' : 'loading-cancelled',
+                    lifecycleId,
+                    componentName,
+                    inViewport: undefined,
+                    metadata: { instanceId },
+                    loading,
+                    loadingDuration,
+                }, Date.now());
+            }
+        };
+    }, [componentName, componentType, elementRef, instanceId, lifecycleId]);
+    useEffectOnUpdate(() => {
+        if (componentType === 'spinner') {
+            // The spinner component is handled in the other effect above.
+            return;
+        }
+        if (loading) {
+            emitMetric({
+                type: 'loading-started',
+                lifecycleId,
+                componentName,
+                inViewport: undefined,
+                metadata: { instanceId },
+                loading,
+                loadingDuration: undefined,
+            }, Date.now());
+        }
+        else {
+            if (loadingStartTime.current === undefined) {
+                return;
+            }
+            const loadingDuration = performance.now() - loadingStartTime.current;
+            loadingStartTime.current = undefined;
+            emitMetric({
+                type: 'loading-finished',
+                lifecycleId,
+                componentName,
+                inViewport: undefined,
+                metadata: { instanceId },
+                loading,
+                loadingDuration,
+            }, Date.now());
+        }
+    }, [componentName, componentType, instanceId, lifecycleId, loading]);
+}
+function emitMetric(eventDetail, timestamp) {
+    metrics.sendPanoramaMetric({ eventType: 'awsui-latency', eventDetail: JSON.stringify(eventDetail), timestamp });
+}
+//# sourceMappingURL=index.js.map

package/internal/hooks/use-latency-metrics/index.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"index.js","sourceRoot":"lib/default/","sources":["internal/hooks/use-latency-metrics/index.ts"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { useEffect, useRef } from 'react';\nimport { useIdFallback } from '../use-unique-id';\nimport { useEffectOnUpdate } from '../use-effect-on-update';\nimport { isInViewport } from './is-in-viewport';\nimport { metrics } from '../../analytics/metrics';\n\ninterface UseLatencyMetricsProps {\n componentName: string;\n elementRef: React.RefObject<HTMLElement>;\n instanceId: string | undefined;\n loading?: boolean | undefined;\n componentType?: 'spinner' | undefined;\n}\n\nexport function useLatencyMetrics({\n componentName,\n componentType,\n elementRef,\n instanceId,\n ...props\n}: UseLatencyMetricsProps) {\n const lifecycleId = useIdFallback();\n\n const loading = props.loading || componentType === 'spinner';\n const loadingAtMount = useRef(loading);\n\n const loadingStartTime = useRef<undefined | number>(undefined);\n if (loading && loadingStartTime.current === undefined) {\n loadingStartTime.current = performance.now();\n }\n\n useEffect(() => {\n if (!elementRef.current) {\n return;\n }\n const loading = loadingAtMount.current;\n\n const timestamp = Date.now();\n\n const cleanup = isInViewport(elementRef.current!, inViewport => {\n emitMetric(\n {\n type: 'mounted',\n lifecycleId,\n componentName,\n inViewport,\n metadata: { instanceId },\n loading,\n loadingDuration: undefined,\n },\n timestamp\n );\n });\n\n return () => {\n cleanup();\n\n if (loadingStartTime.current !== undefined) {\n const loadingDuration = performance.now() - loadingStartTime.current;\n\n emitMetric(\n {\n type: componentType === 'spinner' ? 'loading-finished' : 'loading-cancelled',\n lifecycleId,\n componentName,\n inViewport: undefined,\n metadata: { instanceId },\n loading,\n loadingDuration,\n },\n Date.now()\n );\n }\n };\n }, [componentName, componentType, elementRef, instanceId, lifecycleId]);\n\n useEffectOnUpdate(() => {\n if (componentType === 'spinner') {\n // The spinner component is handled in the other effect above.\n return;\n }\n if (loading) {\n emitMetric(\n {\n type: 'loading-started',\n lifecycleId,\n componentName,\n inViewport: undefined,\n metadata: { instanceId },\n loading,\n loadingDuration: undefined,\n },\n Date.now()\n );\n } else {\n if (loadingStartTime.current === undefined) {\n return;\n }\n const loadingDuration = performance.now() - loadingStartTime.current;\n loadingStartTime.current = undefined;\n\n emitMetric(\n {\n type: 'loading-finished',\n lifecycleId,\n componentName,\n inViewport: undefined,\n metadata: { instanceId },\n loading,\n loadingDuration,\n },\n Date.now()\n );\n }\n }, [componentName, componentType, instanceId, lifecycleId, loading]);\n}\n\ninterface EventDetail {\n type: 'mounted' | 'loading-started' | 'loading-finished' | 'loading-cancelled';\n lifecycleId: string;\n componentName: string;\n inViewport: boolean | undefined;\n metadata: { instanceId: string | undefined };\n loading: boolean;\n loadingDuration: number | undefined;\n}\n\nfunction emitMetric(eventDetail: EventDetail, timestamp: number) {\n metrics.sendPanoramaMetric({ eventType: 'awsui-latency', eventDetail: JSON.stringify(eventDetail), timestamp });\n}\n"]}

package/internal/hooks/use-latency-metrics/is-in-viewport.d.ts ADDED Viewed

@@ -0,0 +1,9 @@
+type Callback = (inViewport: boolean) => void;
+/**
+ * This function determines whether an element is in the viewport. The callback
+ * is batched with other elements that also use this function, in order to improve
+ * performance.
+ */
+export declare function isInViewport(element: Element, callback: Callback): () => void;
+export {};
+//# sourceMappingURL=is-in-viewport.d.ts.map

package/internal/hooks/use-latency-metrics/is-in-viewport.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"is-in-viewport.d.ts","sourceRoot":"lib/default/","sources":["internal/hooks/use-latency-metrics/is-in-viewport.ts"],"names":[],"mappings":"AAGA,KAAK,QAAQ,GAAG,CAAC,UAAU,EAAE,OAAO,KAAK,IAAI,CAAC;AAM9C;;;;GAIG;AACH,wBAAgB,YAAY,CAAC,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,cAgChE"}

package/internal/hooks/use-latency-metrics/is-in-viewport.js ADDED Viewed

@@ -0,0 +1,74 @@
+// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+// SPDX-License-Identifier: Apache-2.0
+let map = new WeakMap();
+const MAX_DELAY_MS = 1000;
+const MANUAL_TRIGGER_DELAY = 2000;
+/**
+ * This function determines whether an element is in the viewport. The callback
+ * is batched with other elements that also use this function, in order to improve
+ * performance.
+ */
+export function isInViewport(element, callback) {
+    const mapSnapshot = map;
+    let called = false;
+    mapSnapshot.set(element, entry => {
+        if (!called) {
+            called = true;
+            callback(entry);
+        }
+    });
+    /*
+     If the IntersectionObserver does not fire in reasonable time (for example
+     in a background page in Chrome), we need to call the callback manually.
+     See https://issues.chromium.org/issues/41383759
+     */
+    const timeoutHandle = setTimeout(() => {
+        if (!called) {
+            called = true;
+            callback(false);
+        }
+    }, MANUAL_TRIGGER_DELAY);
+    observer.observe(element);
+    // Cleanup
+    return () => {
+        clearTimeout(timeoutHandle);
+        mapSnapshot.delete(element);
+        observer.unobserve(element);
+    };
+}
+function createIntersectionObserver(callback) {
+    if (typeof IntersectionObserver === 'undefined') {
+        return {
+            observe: () => { },
+            unobserve: () => { },
+        };
+    }
+    return new IntersectionObserver(callback);
+}
+const observer = createIntersectionObserver(function isInViewportObserver(entries) {
+    // This avoids interference when the IntersectionObserver is called again during the delay.
+    const mapSnapshot = map;
+    map = new Map();
+    // We only want the first run of the observer.
+    for (const entry of entries) {
+        observer.unobserve(entry.target);
+    }
+    // We yield the event loop, since these events are low priority and not time critical.
+    defer(() => {
+        var _a;
+        for (const entry of entries) {
+            (_a = mapSnapshot.get(entry.target)) === null || _a === void 0 ? void 0 : _a(entry.isIntersecting);
+        }
+    }, MAX_DELAY_MS);
+});
+function defer(callback, maxDelayMs) {
+    if (typeof requestIdleCallback === 'function') {
+        requestIdleCallback(callback, { timeout: maxDelayMs });
+    }
+    else {
+        // requestIdleCallback is not supported in Safari
+        setTimeout(callback, maxDelayMs);
+    }
+}
+//# sourceMappingURL=is-in-viewport.js.map