@cloudscape-design/components 3.0.189 → 3.0.191

package/flashbar/styles.selectors.js

@@ -2,48 +2,48 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "flash-with-motion": "awsui_flash-with-motion_1q84n_1sqql_93",
-  "enter": "awsui_enter_1q84n_1sqql_93",
-  "flash-body": "awsui_flash-body_1q84n_1sqql_107",
-  "flash-message": "awsui_flash-message_1q84n_1sqql_107",
-  "flash-header": "awsui_flash-header_1q84n_1sqql_107",
-  "flash-content": "awsui_flash-content_1q84n_1sqql_108",
-  "action-button-wrapper": "awsui_action-button-wrapper_1q84n_1sqql_109",
-  "dismiss-button-wrapper": "awsui_dismiss-button-wrapper_1q84n_1sqql_110",
-  "flash-icon": "awsui_flash-icon_1q84n_1sqql_133",
-  "entering": "awsui_entering_1q84n_1sqql_146",
-  "entered": "awsui_entered_1q84n_1sqql_167",
-  "exiting": "awsui_exiting_1q84n_1sqql_272",
-  "stack": "awsui_stack_1q84n_1sqql_294",
-  "animation-running": "awsui_animation-running_1q84n_1sqql_294",
-  "item": "awsui_item_1q84n_1sqql_294",
-  "flash-list-item": "awsui_flash-list-item_1q84n_1sqql_295",
-  "toggle": "awsui_toggle_1q84n_1sqql_296",
-  "collapsed": "awsui_collapsed_1q84n_1sqql_316",
-  "animation-ready": "awsui_animation-ready_1q84n_1sqql_316",
-  "expanded-only": "awsui_expanded-only_1q84n_1sqql_316",
-  "expanded": "awsui_expanded_1q84n_1sqql_316",
-  "flash": "awsui_flash_1q84n_1sqql_93",
-  "status": "awsui_status_1q84n_1sqql_401",
-  "header": "awsui_header_1q84n_1sqql_401",
-  "item-count": "awsui_item-count_1q84n_1sqql_402",
-  "button": "awsui_button_1q84n_1sqql_403",
-  "type-count": "awsui_type-count_1q84n_1sqql_424",
-  "count-number": "awsui_count-number_1q84n_1sqql_427",
-  "visual-refresh": "awsui_visual-refresh_1q84n_1sqql_437",
-  "icon": "awsui_icon_1q84n_1sqql_486",
-  "spaced-bottom": "awsui_spaced-bottom_1q84n_1sqql_524",
-  "flashbar": "awsui_flashbar_1q84n_1sqql_532",
-  "flash-refresh": "awsui_flash-refresh_1q84n_1sqql_572",
-  "flash-list": "awsui_flash-list_1q84n_1sqql_295",
-  "flash-focus-container": "awsui_flash-focus-container_1q84n_1sqql_604",
-  "flash-text": "awsui_flash-text_1q84n_1sqql_631",
-  "dismiss-button": "awsui_dismiss-button_1q84n_1sqql_110",
-  "breakpoint-default": "awsui_breakpoint-default_1q84n_1sqql_672",
-  "action-button": "awsui_action-button_1q84n_1sqql_109",
-  "flash-type-success": "awsui_flash-type-success_1q84n_1sqql_685",
-  "flash-type-error": "awsui_flash-type-error_1q84n_1sqql_689",
-  "flash-type-warning": "awsui_flash-type-warning_1q84n_1sqql_693",
-  "flash-type-info": "awsui_flash-type-info_1q84n_1sqql_697"
+  "flash-with-motion": "awsui_flash-with-motion_1q84n_1y0ju_93",
+  "enter": "awsui_enter_1q84n_1y0ju_93",
+  "flash-body": "awsui_flash-body_1q84n_1y0ju_107",
+  "flash-message": "awsui_flash-message_1q84n_1y0ju_107",
+  "flash-header": "awsui_flash-header_1q84n_1y0ju_107",
+  "flash-content": "awsui_flash-content_1q84n_1y0ju_108",
+  "action-button-wrapper": "awsui_action-button-wrapper_1q84n_1y0ju_109",
+  "dismiss-button-wrapper": "awsui_dismiss-button-wrapper_1q84n_1y0ju_110",
+  "flash-icon": "awsui_flash-icon_1q84n_1y0ju_133",
+  "entering": "awsui_entering_1q84n_1y0ju_146",
+  "entered": "awsui_entered_1q84n_1y0ju_167",
+  "exiting": "awsui_exiting_1q84n_1y0ju_272",
+  "stack": "awsui_stack_1q84n_1y0ju_294",
+  "animation-running": "awsui_animation-running_1q84n_1y0ju_294",
+  "item": "awsui_item_1q84n_1y0ju_294",
+  "flash-list-item": "awsui_flash-list-item_1q84n_1y0ju_295",
+  "toggle": "awsui_toggle_1q84n_1y0ju_296",
+  "collapsed": "awsui_collapsed_1q84n_1y0ju_316",
+  "animation-ready": "awsui_animation-ready_1q84n_1y0ju_316",
+  "expanded-only": "awsui_expanded-only_1q84n_1y0ju_316",
+  "expanded": "awsui_expanded_1q84n_1y0ju_316",
+  "flash": "awsui_flash_1q84n_1y0ju_93",
+  "status": "awsui_status_1q84n_1y0ju_403",
+  "header": "awsui_header_1q84n_1y0ju_403",
+  "item-count": "awsui_item-count_1q84n_1y0ju_404",
+  "button": "awsui_button_1q84n_1y0ju_405",
+  "type-count": "awsui_type-count_1q84n_1y0ju_430",
+  "count-number": "awsui_count-number_1q84n_1y0ju_430",
+  "visual-refresh": "awsui_visual-refresh_1q84n_1y0ju_443",
+  "icon": "awsui_icon_1q84n_1y0ju_493",
+  "spaced-bottom": "awsui_spaced-bottom_1q84n_1y0ju_531",
+  "flashbar": "awsui_flashbar_1q84n_1y0ju_539",
+  "flash-refresh": "awsui_flash-refresh_1q84n_1y0ju_579",
+  "flash-list": "awsui_flash-list_1q84n_1y0ju_295",
+  "flash-focus-container": "awsui_flash-focus-container_1q84n_1y0ju_611",
+  "flash-text": "awsui_flash-text_1q84n_1y0ju_638",
+  "dismiss-button": "awsui_dismiss-button_1q84n_1y0ju_110",
+  "breakpoint-default": "awsui_breakpoint-default_1q84n_1y0ju_679",
+  "action-button": "awsui_action-button_1q84n_1y0ju_109",
+  "flash-type-success": "awsui_flash-type-success_1q84n_1y0ju_692",
+  "flash-type-error": "awsui_flash-type-error_1q84n_1y0ju_696",
+  "flash-type-warning": "awsui_flash-type-warning_1q84n_1y0ju_700",
+  "flash-type-info": "awsui_flash-type-info_1q84n_1y0ju_704"
 };
   

package/internal/base-component/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/internal/base-component/index.ts"],"names":[],"mappings":"AAIA,OAAO,iBAAiB,CAAC;AAoBzB,MAAM,WAAW,kBAAkB;IACjC;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;CAIb;AAED,wBAAgB,YAAY,CAAC,KAAK,EAAE,kBAAkB,sBAQrD"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/internal/base-component/index.ts"],"names":[],"mappings":"AAIA,OAAO,iBAAiB,CAAC;AAMzB,MAAM,WAAW,kBAAkB;IACjC;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;CAIb;AAED,wBAAgB,YAAY,CAAC,KAAK,EAAE,kBAAkB,sBAQrD"}

package/internal/base-component/index.js

@@ -2,17 +2,9 @@
 // SPDX-License-Identifier: Apache-2.0
 // these styles needed to be imported for every public component
 import './styles.css.js';
-import { PACKAGE_VERSION } from '../environment';
-// expose version info, so it can be checked using the browser devtools
-if (typeof window !== 'undefined') {
-    if (!window.awsuiVersions) {
-        window.awsuiVersions = {};
-    }
-    if (!window.awsuiVersions.components) {
-        window.awsuiVersions.components = [];
-    }
-    window.awsuiVersions.components.push(PACKAGE_VERSION);
-}
+import { PACKAGE_SOURCE, PACKAGE_VERSION } from '../environment';
+import { initAwsUiVersions } from './init-awsui-versions.js';
+initAwsUiVersions(PACKAGE_SOURCE, PACKAGE_VERSION);
 export function getBaseProps(props) {
     var baseProps = {};
     Object.keys(props).forEach(function (prop) {

package/internal/base-component/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/internal/base-component/index.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AAEtC,gEAAgE;AAChE,OAAO,iBAAiB,CAAC;AACzB,OAAO,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAQjD,uEAAuE;AACvE,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE;IACjC,IAAI,CAAC,MAAM,CAAC,aAAa,EAAE;QACzB,MAAM,CAAC,aAAa,GAAG,EAAE,CAAC;KAC3B;IACD,IAAI,CAAC,MAAM,CAAC,aAAa,CAAC,UAAU,EAAE;QACpC,MAAM,CAAC,aAAa,CAAC,UAAU,GAAG,EAAE,CAAC;KACtC;IACD,MAAM,CAAC,aAAa,CAAC,UAAU,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC;CACvD;AAkBD,MAAM,UAAU,YAAY,CAAC,KAAyB;IACpD,IAAM,SAAS,GAAwB,EAAE,CAAC;IAC1C,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC,UAAA,IAAI;QAC7B,IAAI,IAAI,KAAK,IAAI,IAAI,IAAI,KAAK,WAAW,IAAI,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,EAAE;YACjE,SAAS,CAAC,IAAI,CAAC,GAAI,KAA6B,CAAC,IAAI,CAAC,CAAC;SACxD;IACH,CAAC,CAAC,CAAC;IACH,OAAO,SAA+B,CAAC;AACzC,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\n// these styles needed to be imported for every public component\nimport './styles.css.js';\nimport { PACKAGE_VERSION } from '../environment';\n\n// not using `declare global {}` to avoid polluting customers' typings with this info\ninterface CustomWindow extends Window {\n  awsuiVersions?: { components?: string[] };\n}\ndeclare const window: CustomWindow | undefined;\n\n// expose version info, so it can be checked using the browser devtools\nif (typeof window !== 'undefined') {\n  if (!window.awsuiVersions) {\n    window.awsuiVersions = {};\n  }\n  if (!window.awsuiVersions.components) {\n    window.awsuiVersions.components = [];\n  }\n  window.awsuiVersions.components.push(PACKAGE_VERSION);\n}\n\nexport interface BaseComponentProps {\n  /**\n   * Adds the specified classes to the root element of the component.\n   * @deprecated Custom CSS is not supported. For other use cases, use [data attributes](https://developer.mozilla.org/en-US/docs/Learn/HTML/Howto/Use_data_attributes).\n   */\n  className?: string;\n  /**\n   * Adds the specified ID to the root element of the component.\n   * @deprecated Custom CSS is not supported. For other use cases, use [data attributes](https://developer.mozilla.org/en-US/docs/Learn/HTML/Howto/Use_data_attributes).\n   */\n  id?: string;\n  // we also support data-* attributes, but they are always implicitly allowed by typescript\n  // http://www.typescriptlang.org/docs/handbook/jsx.html#attribute-type-checking\n  // \"Note: If an attribute name is not a valid JS identifier (like a data-* attribute), it is not considered to be an error\"\n}\n\nexport function getBaseProps(props: BaseComponentProps) {\n  const baseProps: Record<string, any> = {};\n  Object.keys(props).forEach(prop => {\n    if (prop === 'id' || prop === 'className' || prop.match(/^data-/)) {\n      baseProps[prop] = (props as Record<string, any>)[prop];\n    }\n  });\n  return baseProps as BaseComponentProps;\n}\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/internal/base-component/index.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AAEtC,gEAAgE;AAChE,OAAO,iBAAiB,CAAC;AACzB,OAAO,EAAE,cAAc,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AACjE,OAAO,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAE7D,iBAAiB,CAAC,cAAc,EAAE,eAAe,CAAC,CAAC;AAkBnD,MAAM,UAAU,YAAY,CAAC,KAAyB;IACpD,IAAM,SAAS,GAAwB,EAAE,CAAC;IAC1C,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC,UAAA,IAAI;QAC7B,IAAI,IAAI,KAAK,IAAI,IAAI,IAAI,KAAK,WAAW,IAAI,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,EAAE;YACjE,SAAS,CAAC,IAAI,CAAC,GAAI,KAA6B,CAAC,IAAI,CAAC,CAAC;SACxD;IACH,CAAC,CAAC,CAAC;IACH,OAAO,SAA+B,CAAC;AACzC,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\n// these styles needed to be imported for every public component\nimport './styles.css.js';\nimport { PACKAGE_SOURCE, PACKAGE_VERSION } from '../environment';\nimport { initAwsUiVersions } from './init-awsui-versions.js';\n\ninitAwsUiVersions(PACKAGE_SOURCE, PACKAGE_VERSION);\n\nexport interface BaseComponentProps {\n  /**\n   * Adds the specified classes to the root element of the component.\n   * @deprecated Custom CSS is not supported. For other use cases, use [data attributes](https://developer.mozilla.org/en-US/docs/Learn/HTML/Howto/Use_data_attributes).\n   */\n  className?: string;\n  /**\n   * Adds the specified ID to the root element of the component.\n   * @deprecated Custom CSS is not supported. For other use cases, use [data attributes](https://developer.mozilla.org/en-US/docs/Learn/HTML/Howto/Use_data_attributes).\n   */\n  id?: string;\n  // we also support data-* attributes, but they are always implicitly allowed by typescript\n  // http://www.typescriptlang.org/docs/handbook/jsx.html#attribute-type-checking\n  // \"Note: If an attribute name is not a valid JS identifier (like a data-* attribute), it is not considered to be an error\"\n}\n\nexport function getBaseProps(props: BaseComponentProps) {\n  const baseProps: Record<string, any> = {};\n  Object.keys(props).forEach(prop => {\n    if (prop === 'id' || prop === 'className' || prop.match(/^data-/)) {\n      baseProps[prop] = (props as Record<string, any>)[prop];\n    }\n  });\n  return baseProps as BaseComponentProps;\n}\n"]}

package/internal/base-component/init-awsui-versions.d.ts

@@ -0,0 +1,2 @@
+export declare function initAwsUiVersions(source: string, packageVersion: string): void;
+//# sourceMappingURL=init-awsui-versions.d.ts.map

package/internal/base-component/init-awsui-versions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"init-awsui-versions.d.ts","sourceRoot":"","sources":["../../../../src/internal/base-component/init-awsui-versions.ts"],"names":[],"mappings":"AAYA,wBAAgB,iBAAiB,CAAC,MAAM,EAAE,MAAM,EAAE,cAAc,EAAE,MAAM,QAUvE"}

package/internal/base-component/init-awsui-versions.js

@@ -0,0 +1,15 @@
+// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+// SPDX-License-Identifier: Apache-2.0
+// expose version info, so it can be checked using the browser devtools
+export function initAwsUiVersions(source, packageVersion) {
+    if (typeof window !== 'undefined') {
+        if (!window.awsuiVersions) {
+            window.awsuiVersions = {};
+        }
+        if (!window.awsuiVersions[source]) {
+            window.awsuiVersions[source] = [];
+        }
+        window.awsuiVersions[source].push(packageVersion);
+    }
+}
+//# sourceMappingURL=init-awsui-versions.js.map

package/internal/base-component/init-awsui-versions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"init-awsui-versions.js","sourceRoot":"","sources":["../../../../src/internal/base-component/init-awsui-versions.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AAUtC,uEAAuE;AACvE,MAAM,UAAU,iBAAiB,CAAC,MAAc,EAAE,cAAsB;IACtE,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE;QACjC,IAAI,CAAC,MAAM,CAAC,aAAa,EAAE;YACzB,MAAM,CAAC,aAAa,GAAG,EAAE,CAAC;SAC3B;QACD,IAAI,CAAC,MAAM,CAAC,aAAa,CAAC,MAAM,CAAC,EAAE;YACjC,MAAM,CAAC,aAAa,CAAC,MAAM,CAAC,GAAG,EAAE,CAAC;SACnC;QACD,MAAM,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC;KACnD;AACH,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\n// TODO: move to component-toolkit/internal/base-component\n\n// not using `declare global {}` to avoid polluting customers' typings with this info\ninterface CustomWindow extends Window {\n  awsuiVersions?: { [source: string]: string[] };\n}\ndeclare const window: CustomWindow | undefined;\n\n// expose version info, so it can be checked using the browser devtools\nexport function initAwsUiVersions(source: string, packageVersion: string) {\n  if (typeof window !== 'undefined') {\n    if (!window.awsuiVersions) {\n      window.awsuiVersions = {};\n    }\n    if (!window.awsuiVersions[source]) {\n      window.awsuiVersions[source] = [];\n    }\n    window.awsuiVersions[source].push(packageVersion);\n  }\n}\n"]}

package/internal/environment.d.ts

@@ -1,3 +1,4 @@
+export const PACKAGE_SOURCE: string;
 export const PACKAGE_VERSION: string;
 export const THEME: string;
 export const ALWAYS_VISUAL_REFRESH: string;

package/internal/environment.js

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

package/internal/hooks/use-base-component/component-metadata.d.ts

@@ -0,0 +1,3 @@
+export declare const COMPONENT_METADATA_KEY = "__awsuiMetadata__";
+export declare function useComponentMetadata<T = any>(componentName: string, packageVersion: string): import("react").RefObject<T>;
+//# sourceMappingURL=component-metadata.d.ts.map

package/internal/hooks/use-base-component/component-metadata.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"component-metadata.d.ts","sourceRoot":"","sources":["../../../../../src/internal/hooks/use-base-component/component-metadata.ts"],"names":[],"mappings":"AAOA,eAAO,MAAM,sBAAsB,sBAAsB,CAAC;AAE1D,wBAAgB,oBAAoB,CAAC,CAAC,GAAG,GAAG,EAAE,aAAa,EAAE,MAAM,EAAE,cAAc,EAAE,MAAM,gCA0B1F"}

package/internal/hooks/use-base-component/component-metadata.js

@@ -0,0 +1,21 @@
+// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+// SPDX-License-Identifier: Apache-2.0
+import { useEffect, useRef } from 'react';
+// TODO: move to component-toolkit/internal/base-component
+export var COMPONENT_METADATA_KEY = '__awsuiMetadata__';
+export function useComponentMetadata(componentName, packageVersion) {
+    var elementRef = useRef(null);
+    useEffect(function () {
+        if (elementRef.current && !Object.prototype.hasOwnProperty.call(elementRef.current, COMPONENT_METADATA_KEY)) {
+            var node = elementRef.current;
+            var metadata = { name: componentName, version: packageVersion };
+            Object.freeze(metadata);
+            Object.defineProperty(node, COMPONENT_METADATA_KEY, { value: metadata, writable: false });
+        }
+        // Some component refs change dynamically. E.g. The Modal component where
+        // the content gets rendered conditionally inside a Portal.
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [elementRef.current]);
+    return elementRef;
+}
+//# sourceMappingURL=component-metadata.js.map

package/internal/hooks/use-base-component/component-metadata.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"component-metadata.js","sourceRoot":"","sources":["../../../../../src/internal/hooks/use-base-component/component-metadata.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AAEtC,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAE1C,0DAA0D;AAE1D,MAAM,CAAC,IAAM,sBAAsB,GAAG,mBAAmB,CAAC;AAE1D,MAAM,UAAU,oBAAoB,CAAU,aAAqB,EAAE,cAAsB;IAUzF,IAAM,UAAU,GAAG,MAAM,CAAI,IAAI,CAAC,CAAC;IAEnC,SAAS,CAAC;QACR,IAAI,UAAU,CAAC,OAAO,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,cAAc,CAAC,IAAI,CAAC,UAAU,CAAC,OAAO,EAAE,sBAAsB,CAAC,EAAE;YAC3G,IAAM,IAAI,GAAG,UAAU,CAAC,OAAyC,CAAC;YAClE,IAAM,QAAQ,GAAG,EAAE,IAAI,EAAE,aAAa,EAAE,OAAO,EAAE,cAAc,EAAE,CAAC;YAElE,MAAM,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC;YACxB,MAAM,CAAC,cAAc,CAAC,IAAI,EAAE,sBAAsB,EAAE,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,CAAC,CAAC;SAC3F;QACD,yEAAyE;QACzE,2DAA2D;QAC3D,uDAAuD;IACzD,CAAC,EAAE,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC,CAAC;IAEzB,OAAO,UAAU,CAAC;AACpB,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { useEffect, useRef } from 'react';\n\n// TODO: move to component-toolkit/internal/base-component\n\nexport const COMPONENT_METADATA_KEY = '__awsuiMetadata__';\n\nexport function useComponentMetadata<T = any>(componentName: string, packageVersion: string) {\n  interface AwsUiMetadata {\n    name: string;\n    version: string;\n  }\n\n  interface HTMLMetadataElement extends HTMLElement {\n    [COMPONENT_METADATA_KEY]: AwsUiMetadata;\n  }\n\n  const elementRef = useRef<T>(null);\n\n  useEffect(() => {\n    if (elementRef.current && !Object.prototype.hasOwnProperty.call(elementRef.current, COMPONENT_METADATA_KEY)) {\n      const node = elementRef.current as unknown as HTMLMetadataElement;\n      const metadata = { name: componentName, version: packageVersion };\n\n      Object.freeze(metadata);\n      Object.defineProperty(node, COMPONENT_METADATA_KEY, { value: metadata, writable: false });\n    }\n    // Some component refs change dynamically. E.g. The Modal component where\n    // the content gets rendered conditionally inside a Portal.\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [elementRef.current]);\n\n  return elementRef;\n}\n"]}

package/internal/hooks/use-base-component/index.d.ts

@@ -1,5 +1,4 @@
 import { MutableRefObject } from 'react';
-export declare const COMPONENT_METADATA_KEY = "__awsuiMetadata__";
 export interface InternalBaseComponentProps {
     __internalRootRef?: MutableRefObject<any> | null;
 }

package/internal/hooks/use-base-component/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/internal/hooks/use-base-component/index.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,gBAAgB,EAAqB,MAAM,OAAO,CAAC;AAI5D,eAAO,MAAM,sBAAsB,sBAAsB,CAAC;AAE1D,MAAM,WAAW,0BAA0B;IACzC,iBAAiB,CAAC,EAAE,gBAAgB,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC;CAClD;AAED;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,CAAC,GAAG,GAAG,EAAE,aAAa,EAAE,MAAM;;EAQtE"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/internal/hooks/use-base-component/index.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,gBAAgB,EAAE,MAAM,OAAO,CAAC;AAKzC,MAAM,WAAW,0BAA0B;IACzC,iBAAiB,CAAC,EAAE,gBAAgB,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC;CAClD;AAED;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,CAAC,GAAG,GAAG,EAAE,aAAa,EAAE,MAAM;;EAItE"}

package/internal/hooks/use-base-component/index.js

@@ -1,39 +1,14 @@
-// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
-// SPDX-License-Identifier: Apache-2.0
-import { useEffect, useRef } from 'react';
+import { useComponentMetadata } from './component-metadata';
 import { useTelemetry } from '../use-telemetry';
 import { PACKAGE_VERSION } from '../../environment';
-export var COMPONENT_METADATA_KEY = '__awsuiMetadata__';
 /**
  * This hook is used for components which are exported to customers. The returned __internalRootRef needs to be
  * attached to the (internal) component's root DOM node. The hook takes care of attaching the metadata to this
  * root DOM node and emits the telemetry for this component.
  */
 export default function useBaseComponent(componentName) {
-    var elementRef = useRef(null);
     useTelemetry(componentName);
-    useComponentMetadata(componentName, elementRef);
-    return {
-        __internalRootRef: elementRef
-    };
-}
-function useComponentMetadata(componentName, elementRef) {
-    useEffect(function () {
-        if (elementRef.current && !Object.prototype.hasOwnProperty.call(elementRef.current, COMPONENT_METADATA_KEY)) {
-            var node = elementRef.current;
-            var metadata = {
-                name: componentName,
-                version: PACKAGE_VERSION
-            };
-            Object.freeze(metadata);
-            Object.defineProperty(node, COMPONENT_METADATA_KEY, {
-                value: metadata,
-                writable: false
-            });
-        }
-        // Some component refs change dynamically. E.g. The Modal component where
-        // the content gets rendered conditionally inside a Portal.
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [elementRef.current]);
+    var elementRef = useComponentMetadata(componentName, PACKAGE_VERSION);
+    return { __internalRootRef: elementRef };
 }
 //# sourceMappingURL=index.js.map

package/internal/hooks/use-base-component/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/internal/hooks/use-base-component/index.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,EAAoB,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAC5D,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAChD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAEpD,MAAM,CAAC,IAAM,sBAAsB,GAAG,mBAAmB,CAAC;AAM1D;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAU,aAAqB;IACrE,IAAM,UAAU,GAAG,MAAM,CAAI,IAAI,CAAC,CAAC;IACnC,YAAY,CAAC,aAAa,CAAC,CAAC;IAC5B,oBAAoB,CAAC,aAAa,EAAE,UAAU,CAAC,CAAC;IAEhD,OAAO;QACL,iBAAiB,EAAE,UAAU;KAC9B,CAAC;AACJ,CAAC;AAED,SAAS,oBAAoB,CAAC,aAAqB,EAAE,UAAiC;IAUpF,SAAS,CAAC;QACR,IAAI,UAAU,CAAC,OAAO,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,cAAc,CAAC,IAAI,CAAC,UAAU,CAAC,OAAO,EAAE,sBAAsB,CAAC,EAAE;YAC3G,IAAM,IAAI,GAAG,UAAU,CAAC,OAA8B,CAAC;YACvD,IAAM,QAAQ,GAAG;gBACf,IAAI,EAAE,aAAa;gBACnB,OAAO,EAAE,eAAe;aACzB,CAAC;YAEF,MAAM,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC;YACxB,MAAM,CAAC,cAAc,CAAC,IAAI,EAAE,sBAAsB,EAAE;gBAClD,KAAK,EAAE,QAAQ;gBACf,QAAQ,EAAE,KAAK;aAChB,CAAC,CAAC;SACJ;QACD,yEAAyE;QACzE,2DAA2D;QAC3D,uDAAuD;IACzD,CAAC,EAAE,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC,CAAC;AAC3B,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { MutableRefObject, useEffect, useRef } from 'react';\nimport { useTelemetry } from '../use-telemetry';\nimport { PACKAGE_VERSION } from '../../environment';\n\nexport const COMPONENT_METADATA_KEY = '__awsuiMetadata__';\n\nexport interface InternalBaseComponentProps {\n  __internalRootRef?: MutableRefObject<any> | null;\n}\n\n/**\n * This hook is used for components which are exported to customers. The returned __internalRootRef needs to be\n * attached to the (internal) component's root DOM node. The hook takes care of attaching the metadata to this\n * root DOM node and emits the telemetry for this component.\n */\nexport default function useBaseComponent<T = any>(componentName: string) {\n  const elementRef = useRef<T>(null);\n  useTelemetry(componentName);\n  useComponentMetadata(componentName, elementRef);\n\n  return {\n    __internalRootRef: elementRef,\n  };\n}\n\nfunction useComponentMetadata(componentName: string, elementRef: MutableRefObject<any>) {\n  interface AwsUiMetadata {\n    name: string;\n    version: string;\n  }\n\n  interface HTMLMetadataElement extends HTMLElement {\n    [COMPONENT_METADATA_KEY]: AwsUiMetadata;\n  }\n\n  useEffect(() => {\n    if (elementRef.current && !Object.prototype.hasOwnProperty.call(elementRef.current, COMPONENT_METADATA_KEY)) {\n      const node = elementRef.current as HTMLMetadataElement;\n      const metadata = {\n        name: componentName,\n        version: PACKAGE_VERSION,\n      };\n\n      Object.freeze(metadata);\n      Object.defineProperty(node, COMPONENT_METADATA_KEY, {\n        value: metadata,\n        writable: false,\n      });\n    }\n    // Some component refs change dynamically. E.g. The Modal component where\n    // the content gets rendered conditionally inside a Portal.\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [elementRef.current]);\n}\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/internal/hooks/use-base-component/index.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,oBAAoB,EAAE,MAAM,sBAAsB,CAAC;AAC5D,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAChD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAMpD;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAU,aAAqB;IACrE,YAAY,CAAC,aAAa,CAAC,CAAC;IAC5B,IAAM,UAAU,GAAG,oBAAoB,CAAI,aAAa,EAAE,eAAe,CAAC,CAAC;IAC3E,OAAO,EAAE,iBAAiB,EAAE,UAAU,EAAE,CAAC;AAC3C,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { MutableRefObject } from 'react';\nimport { useComponentMetadata } from './component-metadata';\nimport { useTelemetry } from '../use-telemetry';\nimport { PACKAGE_VERSION } from '../../environment';\n\nexport interface InternalBaseComponentProps {\n  __internalRootRef?: MutableRefObject<any> | null;\n}\n\n/**\n * This hook is used for components which are exported to customers. The returned __internalRootRef needs to be\n * attached to the (internal) component's root DOM node. The hook takes care of attaching the metadata to this\n * root DOM node and emits the telemetry for this component.\n */\nexport default function useBaseComponent<T = any>(componentName: string) {\n  useTelemetry(componentName);\n  const elementRef = useComponentMetadata<T>(componentName, PACKAGE_VERSION);\n  return { __internalRootRef: elementRef };\n}\n"]}

package/internal/hooks/use-telemetry/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/internal/hooks/use-telemetry/index.ts"],"names":[],"mappings":"AAOA,wBAAgB,YAAY,CAAC,aAAa,EAAE,MAAM,QAcjD"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/internal/hooks/use-telemetry/index.ts"],"names":[],"mappings":"AAMA,wBAAgB,YAAY,CAAC,aAAa,EAAE,MAAM,QAGjD"}

package/internal/hooks/use-telemetry/index.js

@@ -1,21 +1,10 @@
 // Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
 // SPDX-License-Identifier: Apache-2.0
-import { useEffect } from 'react';
-import { THEME } from '../../environment';
-import { Metrics } from '../../metrics';
+import { PACKAGE_SOURCE, PACKAGE_VERSION, THEME } from '../../environment';
 import { useVisualRefresh } from '../use-visual-mode';
+import * as telemetry from './telemetry';
 export function useTelemetry(componentName) {
-    var isVisualRefresh = useVisualRefresh();
-    useEffect(function () {
-        Metrics.initMetrics(isVisualRefresh ? 'vr' : THEME);
-        if (typeof window !== 'undefined') {
-            Metrics.sendMetricOnce('awsui-viewport-width', window.innerWidth || 0);
-            Metrics.sendMetricOnce('awsui-viewport-height', window.innerHeight || 0);
-        }
-        Metrics.logComponentLoaded();
-        Metrics.logComponentUsed(componentName.toLowerCase());
-        // Components do not change the name dynamically. Explicit empty array to prevent accidential double metrics
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, []);
+    var theme = useVisualRefresh() ? 'vr' : THEME;
+    telemetry.useTelemetry(componentName, { packageSource: PACKAGE_SOURCE, packageVersion: PACKAGE_VERSION, theme: theme });
 }
 //# sourceMappingURL=index.js.map

package/internal/hooks/use-telemetry/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/internal/hooks/use-telemetry/index.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC1C,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AACxC,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAEtD,MAAM,UAAU,YAAY,CAAC,aAAqB;IAChD,IAAM,eAAe,GAAG,gBAAgB,EAAE,CAAC;IAE3C,SAAS,CAAC;QACR,OAAO,CAAC,WAAW,CAAC,eAAe,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;QACpD,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE;YACjC,OAAO,CAAC,cAAc,CAAC,sBAAsB,EAAE,MAAM,CAAC,UAAU,IAAI,CAAC,CAAC,CAAC;YACvE,OAAO,CAAC,cAAc,CAAC,uBAAuB,EAAE,MAAM,CAAC,WAAW,IAAI,CAAC,CAAC,CAAC;SAC1E;QACD,OAAO,CAAC,kBAAkB,EAAE,CAAC;QAC7B,OAAO,CAAC,gBAAgB,CAAC,aAAa,CAAC,WAAW,EAAE,CAAC,CAAC;QACtD,4GAA4G;QAC5G,uDAAuD;IACzD,CAAC,EAAE,EAAE,CAAC,CAAC;AACT,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { useEffect } from 'react';\nimport { THEME } from '../../environment';\nimport { Metrics } from '../../metrics';\nimport { useVisualRefresh } from '../use-visual-mode';\n\nexport function useTelemetry(componentName: string) {\n  const isVisualRefresh = useVisualRefresh();\n\n  useEffect(() => {\n    Metrics.initMetrics(isVisualRefresh ? 'vr' : THEME);\n    if (typeof window !== 'undefined') {\n      Metrics.sendMetricOnce('awsui-viewport-width', window.innerWidth || 0);\n      Metrics.sendMetricOnce('awsui-viewport-height', window.innerHeight || 0);\n    }\n    Metrics.logComponentLoaded();\n    Metrics.logComponentUsed(componentName.toLowerCase());\n    // Components do not change the name dynamically. Explicit empty array to prevent accidential double metrics\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n}\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/internal/hooks/use-telemetry/index.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,EAAE,cAAc,EAAE,eAAe,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC3E,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,KAAK,SAAS,MAAM,aAAa,CAAC;AAEzC,MAAM,UAAU,YAAY,CAAC,aAAqB;IAChD,IAAM,KAAK,GAAG,gBAAgB,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC;IAChD,SAAS,CAAC,YAAY,CAAC,aAAa,EAAE,EAAE,aAAa,EAAE,cAAc,EAAE,cAAc,EAAE,eAAe,EAAE,KAAK,OAAA,EAAE,CAAC,CAAC;AACnH,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { PACKAGE_SOURCE, PACKAGE_VERSION, THEME } from '../../environment';\nimport { useVisualRefresh } from '../use-visual-mode';\nimport * as telemetry from './telemetry';\n\nexport function useTelemetry(componentName: string) {\n  const theme = useVisualRefresh() ? 'vr' : THEME;\n  telemetry.useTelemetry(componentName, { packageSource: PACKAGE_SOURCE, packageVersion: PACKAGE_VERSION, theme });\n}\n"]}

package/internal/hooks/use-telemetry/telemetry.d.ts

@@ -0,0 +1,8 @@
+interface Settings {
+    packageSource: string;
+    packageVersion: string;
+    theme: string;
+}
+export declare function useTelemetry(componentName: string, { packageSource, packageVersion, theme }: Settings): void;
+export {};
+//# sourceMappingURL=telemetry.d.ts.map

package/internal/hooks/use-telemetry/telemetry.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"telemetry.d.ts","sourceRoot":"","sources":["../../../../../src/internal/hooks/use-telemetry/telemetry.ts"],"names":[],"mappings":"AAQA,UAAU,QAAQ;IAChB,aAAa,EAAE,MAAM,CAAC;IACtB,cAAc,EAAE,MAAM,CAAC;IACvB,KAAK,EAAE,MAAM,CAAC;CACf;AAED,wBAAgB,YAAY,CAAC,aAAa,EAAE,MAAM,EAAE,EAAE,aAAa,EAAE,cAAc,EAAE,KAAK,EAAE,EAAE,QAAQ,QAcrG"}

package/internal/hooks/use-telemetry/telemetry.js

@@ -0,0 +1,20 @@
+// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+// SPDX-License-Identifier: Apache-2.0
+import { useEffect } from 'react';
+import { Metrics } from '../../metrics/metrics';
+export function useTelemetry(componentName, _a) {
+    var packageSource = _a.packageSource, packageVersion = _a.packageVersion, theme = _a.theme;
+    useEffect(function () {
+        var metrics = new Metrics(packageSource, packageVersion);
+        metrics.initMetrics(theme);
+        if (typeof window !== 'undefined') {
+            metrics.sendMetricOnce('awsui-viewport-width', window.innerWidth || 0);
+            metrics.sendMetricOnce('awsui-viewport-height', window.innerHeight || 0);
+        }
+        metrics.logComponentLoaded();
+        metrics.logComponentUsed(componentName.toLowerCase());
+        // Components do not change the name dynamically. Explicit empty array to prevent accidental double metrics
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, []);
+}
+//# sourceMappingURL=telemetry.js.map

package/internal/hooks/use-telemetry/telemetry.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"telemetry.js","sourceRoot":"","sources":["../../../../../src/internal/hooks/use-telemetry/telemetry.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AAEtC,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAUhD,MAAM,UAAU,YAAY,CAAC,aAAqB,EAAE,EAAkD;QAAhD,aAAa,mBAAA,EAAE,cAAc,oBAAA,EAAE,KAAK,WAAA;IACxF,SAAS,CAAC;QACR,IAAM,OAAO,GAAG,IAAI,OAAO,CAAC,aAAa,EAAE,cAAc,CAAC,CAAC;QAE3D,OAAO,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;QAC3B,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE;YACjC,OAAO,CAAC,cAAc,CAAC,sBAAsB,EAAE,MAAM,CAAC,UAAU,IAAI,CAAC,CAAC,CAAC;YACvE,OAAO,CAAC,cAAc,CAAC,uBAAuB,EAAE,MAAM,CAAC,WAAW,IAAI,CAAC,CAAC,CAAC;SAC1E;QACD,OAAO,CAAC,kBAAkB,EAAE,CAAC;QAC7B,OAAO,CAAC,gBAAgB,CAAC,aAAa,CAAC,WAAW,EAAE,CAAC,CAAC;QACtD,2GAA2G;QAC3G,uDAAuD;IACzD,CAAC,EAAE,EAAE,CAAC,CAAC;AACT,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { useEffect } from 'react';\nimport { Metrics } from '../../metrics/metrics';\n\n// TODO: move to component-toolkit/internal/base-component\n\ninterface Settings {\n  packageSource: string;\n  packageVersion: string;\n  theme: string;\n}\n\nexport function useTelemetry(componentName: string, { packageSource, packageVersion, theme }: Settings) {\n  useEffect(() => {\n    const metrics = new Metrics(packageSource, packageVersion);\n\n    metrics.initMetrics(theme);\n    if (typeof window !== 'undefined') {\n      metrics.sendMetricOnce('awsui-viewport-width', window.innerWidth || 0);\n      metrics.sendMetricOnce('awsui-viewport-height', window.innerHeight || 0);\n    }\n    metrics.logComponentLoaded();\n    metrics.logComponentUsed(componentName.toLowerCase());\n    // Components do not change the name dynamically. Explicit empty array to prevent accidental double metrics\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n}\n"]}

package/internal/manifest.json

@@ -1,3 +1,3 @@
 {
-  "commit": "d60cf6e871da23ede06cff34ecc51cbc03206aa8"
+  "commit": "300e529ecf45ff1016071e6ae8987c03bdd8aa65"
 }

package/internal/metrics/index.d.ts

@@ -0,0 +1,3 @@
+export { Metrics, MetricsTestHelper } from './metrics';
+export { formatMajorVersionForMetricDetail, formatVersionForMetricName } from './metrics-formatters';
+//# sourceMappingURL=index.d.ts.map

package/internal/metrics/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/internal/metrics/index.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,OAAO,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAC;AACvD,OAAO,EAAE,iCAAiC,EAAE,0BAA0B,EAAE,MAAM,sBAAsB,CAAC"}

package/internal/metrics/index.js

@@ -0,0 +1,5 @@
+// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+// SPDX-License-Identifier: Apache-2.0
+export { Metrics, MetricsTestHelper } from './metrics';
+export { formatMajorVersionForMetricDetail, formatVersionForMetricName } from './metrics-formatters';
+//# sourceMappingURL=index.js.map

package/internal/metrics/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/internal/metrics/index.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AAEtC,OAAO,EAAE,OAAO,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAC;AACvD,OAAO,EAAE,iCAAiC,EAAE,0BAA0B,EAAE,MAAM,sBAAsB,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nexport { Metrics, MetricsTestHelper } from './metrics';\nexport { formatMajorVersionForMetricDetail, formatVersionForMetricName } from './metrics-formatters';\n"]}

package/internal/metrics/log-clients.d.ts

@@ -0,0 +1,39 @@
+export interface AWSC {
+    Clog: any;
+}
+export interface MetricsWindow extends Window {
+    AWSC?: AWSC;
+    panorama?: any;
+}
+export interface MetricsV2EventItem {
+    eventType?: string;
+    eventContext?: string;
+    eventDetail?: string | Record<string, string | number | boolean>;
+    eventValue?: string | Record<string, string | number | boolean>;
+}
+export interface MetricsLogItem {
+    source: string;
+    action: string;
+    version: string;
+}
+/**
+ * Console Platform's client logging JS API client.
+ */
+export declare class CLogClient {
+    /**
+     * Sends metric but only if Console Platform client logging JS API is present in the page.
+     */
+    sendMetric(metricName: string, value: number, detail?: string): void;
+    private findAWSC;
+}
+/**
+ * Console Platform's client v2 logging JS API client.
+ */
+export declare class PanoramaClient {
+    /**
+     * Sends metric but only if Console Platform client v2 logging JS API is present in the page.
+     */
+    sendMetric(metric: MetricsV2EventItem): void;
+    private findPanorama;
+}
+//# sourceMappingURL=log-clients.d.ts.map

package/internal/metrics/log-clients.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"log-clients.d.ts","sourceRoot":"","sources":["../../../../src/internal/metrics/log-clients.ts"],"names":[],"mappings":"AAKA,MAAM,WAAW,IAAI;IACnB,IAAI,EAAE,GAAG,CAAC;CACX;AAED,MAAM,WAAW,aAAc,SAAQ,MAAM;IAC3C,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,QAAQ,CAAC,EAAE,GAAG,CAAC;CAChB;AAED,MAAM,WAAW,kBAAkB;IACjC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC;IACjE,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC;CACjE;AAED,MAAM,WAAW,cAAc;IAC7B,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,MAAM,CAAC;CACjB;AAED;;GAEG;AACH,qBAAa,UAAU;IACrB;;OAEG;IACH,UAAU,CAAC,UAAU,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI;IAepE,OAAO,CAAC,QAAQ;CAiBjB;AAED;;GAEG;AACH,qBAAa,cAAc;IACzB;;OAEG;IACH,UAAU,CAAC,MAAM,EAAE,kBAAkB,GAAG,IAAI;IAiB5C,OAAO,CAAC,YAAY;CAiBrB"}

package/internal/metrics/log-clients.js

@@ -0,0 +1,90 @@
+// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+// SPDX-License-Identifier: Apache-2.0
+import { __assign } from "tslib";
+/**
+ * Console Platform's client logging JS API client.
+ */
+var CLogClient = /** @class */ (function () {
+    function CLogClient() {
+    }
+    /**
+     * Sends metric but only if Console Platform client logging JS API is present in the page.
+     */
+    CLogClient.prototype.sendMetric = function (metricName, value, detail) {
+        if (!metricName || !/^[a-zA-Z0-9_-]{1,32}$/.test(metricName)) {
+            console.error("Invalid metric name: ".concat(metricName));
+            return;
+        }
+        if (detail && detail.length > 200) {
+            console.error("Detail for metric ".concat(metricName, " is too long: ").concat(detail));
+            return;
+        }
+        var AWSC = this.findAWSC(window);
+        if (typeof AWSC === 'object' && typeof AWSC.Clog === 'object' && typeof AWSC.Clog.log === 'function') {
+            AWSC.Clog.log(metricName, value, detail);
+        }
+    };
+    CLogClient.prototype.findAWSC = function (currentWindow) {
+        try {
+            if (typeof (currentWindow === null || currentWindow === void 0 ? void 0 : currentWindow.AWSC) === 'object') {
+                return currentWindow === null || currentWindow === void 0 ? void 0 : currentWindow.AWSC;
+            }
+            if (!currentWindow || currentWindow.parent === currentWindow) {
+                // When the window has no more parents, it references itself
+                return undefined;
+            }
+            return this.findAWSC(currentWindow.parent);
+        }
+        catch (ex) {
+            // Most likely a cross-origin access error
+            return undefined;
+        }
+    };
+    return CLogClient;
+}());
+export { CLogClient };
+/**
+ * Console Platform's client v2 logging JS API client.
+ */
+var PanoramaClient = /** @class */ (function () {
+    function PanoramaClient() {
+    }
+    /**
+     * Sends metric but only if Console Platform client v2 logging JS API is present in the page.
+     */
+    PanoramaClient.prototype.sendMetric = function (metric) {
+        if (typeof metric.eventDetail === 'object') {
+            metric.eventDetail = JSON.stringify(metric.eventDetail);
+        }
+        if (metric.eventDetail && metric.eventDetail.length > 200) {
+            console.error("Detail for metric is too long: ".concat(metric.eventDetail));
+            return;
+        }
+        if (typeof metric.eventValue === 'object') {
+            metric.eventValue = JSON.stringify(metric.eventValue);
+        }
+        var panorama = this.findPanorama(window);
+        if (typeof panorama === 'function') {
+            panorama('trackCustomEvent', __assign(__assign({}, metric), { timestamp: Date.now() }));
+        }
+    };
+    PanoramaClient.prototype.findPanorama = function (currentWindow) {
+        try {
+            if (typeof (currentWindow === null || currentWindow === void 0 ? void 0 : currentWindow.panorama) === 'function') {
+                return currentWindow === null || currentWindow === void 0 ? void 0 : currentWindow.panorama;
+            }
+            if (!currentWindow || currentWindow.parent === currentWindow) {
+                // When the window has no more parents, it references itself
+                return undefined;
+            }
+            return this.findPanorama(currentWindow.parent);
+        }
+        catch (ex) {
+            // Most likely a cross-origin access error
+            return undefined;
+        }
+    };
+    return PanoramaClient;
+}());
+export { PanoramaClient };
+//# sourceMappingURL=log-clients.js.map

package/internal/metrics/log-clients.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"log-clients.js","sourceRoot":"","sources":["../../../../src/internal/metrics/log-clients.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\n// TODO: move to component-toolkit/internal/metrics\n\nexport interface AWSC {\n  Clog: any;\n}\n\nexport interface MetricsWindow extends Window {\n  AWSC?: AWSC;\n  panorama?: any;\n}\n\nexport interface MetricsV2EventItem {\n  eventType?: string;\n  eventContext?: string;\n  eventDetail?: string | Record<string, string | number | boolean>;\n  eventValue?: string | Record<string, string | number | boolean>;\n}\n\nexport interface MetricsLogItem {\n  source: string;\n  action: string;\n  version: string;\n}\n\n/**\n * Console Platform's client logging JS API client.\n */\nexport class CLogClient {\n  /**\n   * Sends metric but only if Console Platform client logging JS API is present in the page.\n   */\n  sendMetric(metricName: string, value: number, detail?: string): void {\n    if (!metricName || !/^[a-zA-Z0-9_-]{1,32}$/.test(metricName)) {\n      console.error(`Invalid metric name: ${metricName}`);\n      return;\n    }\n    if (detail && detail.length > 200) {\n      console.error(`Detail for metric ${metricName} is too long: ${detail}`);\n      return;\n    }\n    const AWSC = this.findAWSC(window);\n    if (typeof AWSC === 'object' && typeof AWSC.Clog === 'object' && typeof AWSC.Clog.log === 'function') {\n      AWSC.Clog.log(metricName, value, detail);\n    }\n  }\n\n  private findAWSC(currentWindow?: MetricsWindow): AWSC | undefined {\n    try {\n      if (typeof currentWindow?.AWSC === 'object') {\n        return currentWindow?.AWSC;\n      }\n\n      if (!currentWindow || currentWindow.parent === currentWindow) {\n        // When the window has no more parents, it references itself\n        return undefined;\n      }\n\n      return this.findAWSC(currentWindow.parent);\n    } catch (ex) {\n      // Most likely a cross-origin access error\n      return undefined;\n    }\n  }\n}\n\n/**\n * Console Platform's client v2 logging JS API client.\n */\nexport class PanoramaClient {\n  /**\n   * Sends metric but only if Console Platform client v2 logging JS API is present in the page.\n   */\n  sendMetric(metric: MetricsV2EventItem): void {\n    if (typeof metric.eventDetail === 'object') {\n      metric.eventDetail = JSON.stringify(metric.eventDetail);\n    }\n    if (metric.eventDetail && metric.eventDetail.length > 200) {\n      console.error(`Detail for metric is too long: ${metric.eventDetail}`);\n      return;\n    }\n    if (typeof metric.eventValue === 'object') {\n      metric.eventValue = JSON.stringify(metric.eventValue);\n    }\n    const panorama = this.findPanorama(window);\n    if (typeof panorama === 'function') {\n      panorama('trackCustomEvent', { ...metric, timestamp: Date.now() });\n    }\n  }\n\n  private findPanorama(currentWindow?: MetricsWindow): any | undefined {\n    try {\n      if (typeof currentWindow?.panorama === 'function') {\n        return currentWindow?.panorama;\n      }\n\n      if (!currentWindow || currentWindow.parent === currentWindow) {\n        // When the window has no more parents, it references itself\n        return undefined;\n      }\n\n      return this.findPanorama(currentWindow.parent);\n    } catch (ex) {\n      // Most likely a cross-origin access error\n      return undefined;\n    }\n  }\n}\n"]}

package/internal/metrics/metrics-formatters.d.ts

@@ -0,0 +1,7 @@
+import { MetricsLogItem } from './log-clients';
+export declare function buildMetricHash({ source, action }: MetricsLogItem): string;
+export declare function buildMetricDetail({ source, action, version }: MetricsLogItem, theme: string): string;
+export declare function buildMetricName({ source, version }: MetricsLogItem, theme: string): string;
+export declare function formatMajorVersionForMetricDetail(version: string): string;
+export declare function formatVersionForMetricName(theme: string, version: string): string;
+//# sourceMappingURL=metrics-formatters.d.ts.map

package/internal/metrics/metrics-formatters.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"metrics-formatters.d.ts","sourceRoot":"","sources":["../../../../src/internal/metrics/metrics-formatters.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAS/C,wBAAgB,eAAe,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,EAAE,cAAc,GAAG,MAAM,CAE1E;AAED,wBAAgB,iBAAiB,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,EAAE,cAAc,EAAE,KAAK,EAAE,MAAM,GAAG,MAAM,CAWpG;AAED,wBAAgB,eAAe,CAAC,EAAE,MAAM,EAAE,OAAO,EAAE,EAAE,cAAc,EAAE,KAAK,EAAE,MAAM,GAAG,MAAM,CAE1F;AAED,wBAAgB,iCAAiC,CAAC,OAAO,EAAE,MAAM,UAEhE;AAED,wBAAgB,0BAA0B,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,UAExE"}

package/internal/metrics/metrics-formatters.js

@@ -0,0 +1,36 @@
+// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+// SPDX-License-Identifier: Apache-2.0
+// React is the only framework we're using.
+var framework = 'react';
+export function buildMetricHash(_a) {
+    var source = _a.source, action = _a.action;
+    return ["src".concat(source), "action".concat(action)].join('_');
+}
+export function buildMetricDetail(_a, theme) {
+    var source = _a.source, action = _a.action, version = _a.version;
+    var metricOrigin = typeof AWSUI_METRIC_ORIGIN !== 'undefined' ? AWSUI_METRIC_ORIGIN : 'main';
+    var detailObject = {
+        o: metricOrigin,
+        s: source,
+        t: theme,
+        a: action,
+        f: framework,
+        v: formatMajorVersionForMetricDetail(version)
+    };
+    return JSON.stringify(detailObject);
+}
+export function buildMetricName(_a, theme) {
+    var source = _a.source, version = _a.version;
+    return ['awsui', source, "".concat(formatVersionForMetricName(theme, version))].join('_');
+}
+export function formatMajorVersionForMetricDetail(version) {
+    return version.replace(/\s/g, '');
+}
+export function formatVersionForMetricName(theme, version) {
+    return "".concat(theme.charAt(0)).concat(getMajorVersion(version).replace('.', ''));
+}
+function getMajorVersion(versionString) {
+    var majorVersionMatch = versionString.match(/^(\d+\.\d+)/);
+    return majorVersionMatch ? majorVersionMatch[1] : '';
+}
+//# sourceMappingURL=metrics-formatters.js.map