@cloudscape-design/components 3.0.161 → 3.0.163

package/internal/metrics.js

@@ -1,8 +1,15 @@
 import { __assign } from "tslib";
 // Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
 // SPDX-License-Identifier: Apache-2.0
-import { THEME, PACKAGE_VERSION } from './environment';
+import { PACKAGE_VERSION } from './environment';
 var oneTimeMetrics = {};
+// In case we need to override the theme for VR
+var theme = '';
+function setTheme(newTheme) {
+    theme = newTheme;
+}
+// react is the only framework we're using
+var framework = 'react';
 var buildMetricHash = function (_a) {
     var source = _a.source, action = _a.action;
     return ["src".concat(source), "action".concat(action)].join('_');
@@ -23,7 +30,7 @@ var buildMetricDetail = function (_a) {
     var detailObject = {
         o: metricOrigin,
         s: source,
-        t: THEME,
+        t: theme,
         a: action,
         f: framework,
         v: formatMajorVersionForMetricDetail(version)
@@ -32,7 +39,7 @@ var buildMetricDetail = function (_a) {
 };
 var buildMetricName = function (_a) {
     var source = _a.source, version = _a.version;
-    return ['awsui', source, "".concat(formatVersionForMetricName(THEME, version))].join('_');
+    return ['awsui', source, "".concat(formatVersionForMetricName(theme, version))].join('_');
 };
 var findPanorama = function (currentWindow) {
     try {
@@ -66,20 +73,20 @@ var findAWSC = function (currentWindow) {
         return undefined;
     }
 };
-// react is the default framework we're logging, for angular we need to set it explicitly
-var framework = 'react';
-function setFramework(fwk) {
-    framework = fwk;
-}
 export var Metrics = {
-    initMetrics: function (fwk) {
-        setFramework(fwk);
+    initMetrics: function (theme) {
+        setTheme(theme);
     },
     /**
      * Calls Console Platform's client logging JS API with provided metric name, value, and detail.
      * Does nothing if Console Platform client logging JS is not present in page.
      */
     sendMetric: function (metricName, value, detail) {
+        if (!theme) {
+            // Metrics need to be initialized first (initMetrics)
+            console.error('Metrics need to be initalized first.');
+            return;
+        }
         if (!metricName || !/^[a-zA-Z0-9_-]{1,32}$/.test(metricName)) {
             console.error("Invalid metric name: ".concat(metricName));
             return;
@@ -97,16 +104,12 @@ export var Metrics = {
      * Calls Console Platform's client v2 logging JS API with provided metric name and detail.
      * Does nothing if Console Platform client logging JS is not present in page.
      */
-    sendPanoramaMetric: function (metricName, metric) {
-        if (!metricName || !/^[a-zA-Z0-9_-]{1,32}$/.test(metricName)) {
-            console.error("Invalid metric name: ".concat(metricName));
-            return;
-        }
+    sendPanoramaMetric: 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 ".concat(metricName, " is too long: ").concat(metric.eventDetail));
+            console.error("Detail for metric is too long: ".concat(metric.eventDetail));
             return;
         }
         if (typeof metric.eventValue === 'object') {
@@ -114,7 +117,7 @@ export var Metrics = {
         }
         var panorama = findPanorama(window);
         if (typeof panorama === 'function') {
-            panorama(metricName, __assign(__assign({}, metric), { timestamp: Date.now() }));
+            panorama('trackCustomEvent', __assign(__assign({}, metric), { timestamp: Date.now() }));
         }
     },
     sendMetricObject: function (metric, value) {

package/internal/metrics.js.map

@@ -1 +1 @@
-{"version":3,"file":"metrics.js","sourceRoot":"","sources":["../../../src/internal/metrics.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\nimport { THEME, PACKAGE_VERSION } from './environment';\n\nexport interface MetricsLogItem {\n  source: string;\n  action: string;\n  version: string;\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\ninterface AWSC {\n  Clog: any;\n}\n\ninterface MetricsWindow extends Window {\n  AWSC?: AWSC;\n  panorama?: any;\n}\n\ndeclare const AWSUI_METRIC_ORIGIN: string | undefined;\n\nconst oneTimeMetrics: Record<string, boolean> = {};\n\nconst buildMetricHash = ({ source, action }: MetricsLogItem): string => {\n  return [`src${source}`, `action${action}`].join('_');\n};\n\nconst getMajorVersion = (versionString: string): string => {\n  const majorVersionMatch = versionString.match(/^(\\d+\\.\\d+)/);\n  return majorVersionMatch ? majorVersionMatch[1] : '';\n};\n\nconst formatMajorVersionForMetricDetail = (version: string) => {\n  return version.replace(/\\s/g, '');\n};\n\nconst formatVersionForMetricName = (theme: string, version: string) => {\n  return `${theme.charAt(0)}${getMajorVersion(version).replace('.', '')}`;\n};\n\nconst buildMetricDetail = ({ source, action, version }: MetricsLogItem): string => {\n  const metricOrigin = typeof AWSUI_METRIC_ORIGIN !== 'undefined' ? AWSUI_METRIC_ORIGIN : 'main';\n  const detailObject = {\n    o: metricOrigin,\n    s: source,\n    t: THEME,\n    a: action,\n    f: framework,\n    v: formatMajorVersionForMetricDetail(version),\n  };\n  return JSON.stringify(detailObject);\n};\n\nconst buildMetricName = ({ source, version }: MetricsLogItem): string => {\n  return ['awsui', source, `${formatVersionForMetricName(THEME, version)}`].join('_');\n};\n\nconst 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 findPanorama(currentWindow.parent);\n  } catch (ex) {\n    // Most likely a cross-origin access error\n    return undefined;\n  }\n};\n\nconst 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 findAWSC(currentWindow.parent);\n  } catch (ex) {\n    // Most likely a cross-origin access error\n    return undefined;\n  }\n};\n\n// react is the default framework we're logging, for angular we need to set it explicitly\nlet framework = 'react';\nfunction setFramework(fwk: string) {\n  framework = fwk;\n}\n\nexport const Metrics = {\n  initMetrics(fwk: string) {\n    setFramework(fwk);\n  },\n\n  /**\n   * Calls Console Platform's client logging JS API with provided metric name, value, and detail.\n   * Does nothing if Console Platform client logging JS is not present in 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 = 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  /**\n   * Calls Console Platform's client v2 logging JS API with provided metric name and detail.\n   * Does nothing if Console Platform client logging JS is not present in page.\n   */\n  sendPanoramaMetric(metricName: string, metric: MetricsV2EventItem): void {\n    if (!metricName || !/^[a-zA-Z0-9_-]{1,32}$/.test(metricName)) {\n      console.error(`Invalid metric name: ${metricName}`);\n      return;\n    }\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 ${metricName} 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 = findPanorama(window);\n    if (typeof panorama === 'function') {\n      panorama(metricName, {\n        ...metric,\n        timestamp: Date.now(),\n      });\n    }\n  },\n\n  sendMetricObject(metric: MetricsLogItem, value: number): void {\n    this.sendMetric(buildMetricName(metric), value, buildMetricDetail(metric));\n  },\n\n  sendMetricObjectOnce(metric: MetricsLogItem, value: number): void {\n    const metricHash = buildMetricHash(metric);\n    if (!oneTimeMetrics[metricHash]) {\n      this.sendMetricObject(metric, value);\n      oneTimeMetrics[metricHash] = true;\n    }\n  },\n\n  /*\n   * Calls Console Platform's client logging only the first time the provided metricName is used.\n   * Subsequent calls with the same metricName are ignored.\n   */\n  sendMetricOnce(metricName: string, value: number, detail?: string): void {\n    if (!oneTimeMetrics[metricName]) {\n      this.sendMetric(metricName, value, detail);\n      oneTimeMetrics[metricName] = true;\n    }\n  },\n\n  /*\n   * Reports a metric value 1 to Console Platform's client logging service to indicate that the\n   * component was loaded. The component load event will only be reported as used to client logging\n   * service once per page view.\n   */\n  logComponentLoaded() {\n    this.sendMetricObjectOnce(\n      {\n        source: 'components',\n        action: 'loaded',\n        version: PACKAGE_VERSION,\n      },\n      1\n    );\n  },\n\n  /*\n   * Reports a metric value 1 to Console Platform's client logging service to indicate that the\n   * component was used in the page.  A component will only be reported as used to client logging\n   * service once per page view.\n   */\n  logComponentUsed(componentName: string) {\n    this.sendMetricObjectOnce(\n      {\n        source: componentName,\n        action: 'used',\n        version: PACKAGE_VERSION,\n      },\n      1\n    );\n  },\n};\n\nexport const MetricsTestHelper = {\n  resetOneTimeMetricsCache: () => {\n    for (const prop in oneTimeMetrics) {\n      delete oneTimeMetrics[prop];\n    }\n  },\n  formatMajorVersionForMetricDetail,\n  formatVersionForMetricName,\n};\n"]}
+{"version":3,"file":"metrics.js","sourceRoot":"","sources":["../../../src/internal/metrics.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\nimport { PACKAGE_VERSION } from './environment';\n\nexport interface MetricsLogItem {\n  source: string;\n  action: string;\n  version: string;\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\ninterface AWSC {\n  Clog: any;\n}\n\ninterface MetricsWindow extends Window {\n  AWSC?: AWSC;\n  panorama?: any;\n}\n\ndeclare const AWSUI_METRIC_ORIGIN: string | undefined;\n\nconst oneTimeMetrics: Record<string, boolean> = {};\n\n// In case we need to override the theme for VR\nlet theme = '';\nfunction setTheme(newTheme: string) {\n  theme = newTheme;\n}\n\n// react is the only framework we're using\nconst framework = 'react';\n\nconst buildMetricHash = ({ source, action }: MetricsLogItem): string => {\n  return [`src${source}`, `action${action}`].join('_');\n};\n\nconst getMajorVersion = (versionString: string): string => {\n  const majorVersionMatch = versionString.match(/^(\\d+\\.\\d+)/);\n  return majorVersionMatch ? majorVersionMatch[1] : '';\n};\n\nconst formatMajorVersionForMetricDetail = (version: string) => {\n  return version.replace(/\\s/g, '');\n};\n\nconst formatVersionForMetricName = (theme: string, version: string) => {\n  return `${theme.charAt(0)}${getMajorVersion(version).replace('.', '')}`;\n};\n\nconst buildMetricDetail = ({ source, action, version }: MetricsLogItem): string => {\n  const metricOrigin = typeof AWSUI_METRIC_ORIGIN !== 'undefined' ? AWSUI_METRIC_ORIGIN : 'main';\n  const detailObject = {\n    o: metricOrigin,\n    s: source,\n    t: theme,\n    a: action,\n    f: framework,\n    v: formatMajorVersionForMetricDetail(version),\n  };\n  return JSON.stringify(detailObject);\n};\n\nconst buildMetricName = ({ source, version }: MetricsLogItem): string => {\n  return ['awsui', source, `${formatVersionForMetricName(theme, version)}`].join('_');\n};\n\nconst 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 findPanorama(currentWindow.parent);\n  } catch (ex) {\n    // Most likely a cross-origin access error\n    return undefined;\n  }\n};\n\nconst 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 findAWSC(currentWindow.parent);\n  } catch (ex) {\n    // Most likely a cross-origin access error\n    return undefined;\n  }\n};\n\nexport const Metrics = {\n  initMetrics(theme: string) {\n    setTheme(theme);\n  },\n\n  /**\n   * Calls Console Platform's client logging JS API with provided metric name, value, and detail.\n   * Does nothing if Console Platform client logging JS is not present in page.\n   */\n  sendMetric(metricName: string, value: number, detail?: string): void {\n    if (!theme) {\n      // Metrics need to be initialized first (initMetrics)\n      console.error('Metrics need to be initalized first.');\n      return;\n    }\n\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 = 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  /**\n   * Calls Console Platform's client v2 logging JS API with provided metric name and detail.\n   * Does nothing if Console Platform client logging JS is not present in page.\n   */\n  sendPanoramaMetric(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 = findPanorama(window);\n    if (typeof panorama === 'function') {\n      panorama('trackCustomEvent', {\n        ...metric,\n        timestamp: Date.now(),\n      });\n    }\n  },\n\n  sendMetricObject(metric: MetricsLogItem, value: number): void {\n    this.sendMetric(buildMetricName(metric), value, buildMetricDetail(metric));\n  },\n\n  sendMetricObjectOnce(metric: MetricsLogItem, value: number): void {\n    const metricHash = buildMetricHash(metric);\n    if (!oneTimeMetrics[metricHash]) {\n      this.sendMetricObject(metric, value);\n      oneTimeMetrics[metricHash] = true;\n    }\n  },\n\n  /*\n   * Calls Console Platform's client logging only the first time the provided metricName is used.\n   * Subsequent calls with the same metricName are ignored.\n   */\n  sendMetricOnce(metricName: string, value: number, detail?: string): void {\n    if (!oneTimeMetrics[metricName]) {\n      this.sendMetric(metricName, value, detail);\n      oneTimeMetrics[metricName] = true;\n    }\n  },\n\n  /*\n   * Reports a metric value 1 to Console Platform's client logging service to indicate that the\n   * component was loaded. The component load event will only be reported as used to client logging\n   * service once per page view.\n   */\n  logComponentLoaded() {\n    this.sendMetricObjectOnce(\n      {\n        source: 'components',\n        action: 'loaded',\n        version: PACKAGE_VERSION,\n      },\n      1\n    );\n  },\n\n  /*\n   * Reports a metric value 1 to Console Platform's client logging service to indicate that the\n   * component was used in the page.  A component will only be reported as used to client logging\n   * service once per page view.\n   */\n  logComponentUsed(componentName: string) {\n    this.sendMetricObjectOnce(\n      {\n        source: componentName,\n        action: 'used',\n        version: PACKAGE_VERSION,\n      },\n      1\n    );\n  },\n};\n\nexport const MetricsTestHelper = {\n  resetOneTimeMetricsCache: () => {\n    for (const prop in oneTimeMetrics) {\n      delete oneTimeMetrics[prop];\n    }\n  },\n  formatMajorVersionForMetricDetail,\n  formatVersionForMetricName,\n};\n"]}

package/internal/types.d.ts

@@ -14,4 +14,13 @@
 export type SomeRequired<Type, Keys extends keyof Type> = Type & {
     [Key in Keys]-?: Type[Key];
 };
+/**
+ * Utility type that makes a union of given type and undefined.
+ * @example
+ * ```
+ * type OptionalString = Optional<string>
+ * type OptionalStringOrNumber = Optional<string | number>
+ * ```
+ */
+export type Optional<Type> = Type | undefined;
 //# sourceMappingURL=types.d.ts.map

package/internal/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/internal/types.ts"],"names":[],"mappings":"AAGA;;;;;;;;;;;;GAYG;AACH,MAAM,MAAM,YAAY,CAAC,IAAI,EAAE,IAAI,SAAS,MAAM,IAAI,IAAI,IAAI,GAAG;KAC9D,GAAG,IAAI,IAAI,CAAC,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC;CAC3B,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/internal/types.ts"],"names":[],"mappings":"AAEA;;;;;;;;;;;;GAYG;AACH,MAAM,MAAM,YAAY,CAAC,IAAI,EAAE,IAAI,SAAS,MAAM,IAAI,IAAI,IAAI,GAAG;KAC9D,GAAG,IAAI,IAAI,CAAC,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC;CAC3B,CAAC;AAEF;;;;;;;GAOG;AACH,MAAM,MAAM,QAAQ,CAAC,IAAI,IAAI,IAAI,GAAG,SAAS,CAAC"}

package/internal/types.js

@@ -1,4 +1,2 @@
-// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
-// SPDX-License-Identifier: Apache-2.0
 export {};
 //# sourceMappingURL=types.js.map

package/internal/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/internal/types.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\n/**\n * Makes specified properties required.\n *\n * @example\n * ```\n * import { AlertProps } from '~components/alert/interfaces'\n *\n * type InternalAlertProps = SomeRequired<AlertProps, 'type'>\n *\n * function Alert(props: AlertProps) { ... }\n * function InternalAlert(props: InternalAlertProps) { ... }\n * ```\n */\nexport type SomeRequired<Type, Keys extends keyof Type> = Type & {\n  [Key in Keys]-?: Type[Key];\n};\n"]}
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/internal/types.ts"],"names":[],"mappings":"","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n/**\n * Makes specified properties required.\n *\n * @example\n * ```\n * import { AlertProps } from '~components/alert/interfaces'\n *\n * type InternalAlertProps = SomeRequired<AlertProps, 'type'>\n *\n * function Alert(props: AlertProps) { ... }\n * function InternalAlert(props: InternalAlertProps) { ... }\n * ```\n */\nexport type SomeRequired<Type, Keys extends keyof Type> = Type & {\n  [Key in Keys]-?: Type[Key];\n};\n\n/**\n * Utility type that makes a union of given type and undefined.\n * @example\n * ```\n * type OptionalString = Optional<string>\n * type OptionalStringOrNumber = Optional<string | number>\n * ```\n */\nexport type Optional<Type> = Type | undefined;\n"]}

package/internal/vendor/d3-scale.js

@@ -4,7 +4,7 @@
  * License: ISC
  * Private: false
  * Description: Array manipulation, ordering, searching, summarizing, etc.
- * Repository: git+https://github.com/d3/d3-array.git
+ * Repository: https://github.com/d3/d3-array.git
  * Homepage: https://d3js.org/d3-array/
  * Author: Mike Bostock (http://bost.ocks.org/mike)
  * License Copyright:
@@ -32,7 +32,7 @@
  * License: ISC
  * Private: false
  * Description: Map and Set with automatic key interning
- * Repository: git+https://github.com/mbostock/internmap.git
+ * Repository: https://github.com/mbostock/internmap.git
  * Homepage: https://github.com/mbostock/internmap/
  * Author: Mike Bostock (https://bost.ocks.org/mike)
  * License Copyright:
@@ -60,7 +60,7 @@
  * License: ISC
  * Private: false
  * Description: Encodings that map abstract data to visual representation.
- * Repository: git+https://github.com/d3/d3-scale.git
+ * Repository: https://github.com/d3/d3-scale.git
  * Homepage: https://d3js.org/d3-scale/
  * Author: Mike Bostock (https://bost.ocks.org/mike)
  * License Copyright:
@@ -88,7 +88,7 @@
  * License: ISC
  * Private: false
  * Description: Color spaces! RGB, HSL, Cubehelix, Lab and HCL (Lch).
- * Repository: git+https://github.com/d3/d3-color.git
+ * Repository: https://github.com/d3/d3-color.git
  * Homepage: https://d3js.org/d3-color/
  * Author: Mike Bostock (http://bost.ocks.org/mike)
  * License Copyright:
@@ -116,7 +116,7 @@
  * License: ISC
  * Private: false
  * Description: Interpolate numbers, colors, strings, arrays, objects, whatever!
- * Repository: git+https://github.com/d3/d3-interpolate.git
+ * Repository: https://github.com/d3/d3-interpolate.git
  * Homepage: https://d3js.org/d3-interpolate/
  * Author: Mike Bostock (http://bost.ocks.org/mike)
  * License Copyright:
@@ -144,7 +144,7 @@
  * License: ISC
  * Private: false
  * Description: Format numbers for human consumption.
- * Repository: git+https://github.com/d3/d3-format.git
+ * Repository: https://github.com/d3/d3-format.git
  * Homepage: https://d3js.org/d3-format/
  * Author: Mike Bostock (http://bost.ocks.org/mike)
  * License Copyright:
@@ -172,7 +172,7 @@
  * License: ISC
  * Private: false
  * Description: A calculator for humanity’s peculiar conventions of time.
- * Repository: git+https://github.com/d3/d3-time.git
+ * Repository: https://github.com/d3/d3-time.git
  * Homepage: https://d3js.org/d3-time/
  * Author: Mike Bostock (http://bost.ocks.org/mike)
  * License Copyright:
@@ -200,7 +200,7 @@
  * License: ISC
  * Private: false
  * Description: A JavaScript time formatter and parser inspired by strftime and strptime.
- * Repository: git+https://github.com/d3/d3-time-format.git
+ * Repository: https://github.com/d3/d3-time-format.git
  * Homepage: https://d3js.org/d3-time-format/
  * Author: Mike Bostock (http://bost.ocks.org/mike)
  * License Copyright:

package/mixed-line-bar-chart/styles.css.js

@@ -1,24 +1,24 @@
 
     import './styles.scoped.css';
     export default {
-  "series": "awsui_series_1yz9c_13bfe_93",
-  "series--bar": "awsui_series--bar_1yz9c_13bfe_94",
-  "series__rect": "awsui_series__rect_1yz9c_13bfe_94",
-  "exiting": "awsui_exiting_1yz9c_13bfe_111",
-  "awsui-motion-fade-out-0": "awsui_awsui-motion-fade-out-0_1yz9c_13bfe_1",
-  "root": "awsui_root_1yz9c_13bfe_137",
-  "filter-container": "awsui_filter-container_1yz9c_13bfe_150",
-  "has-default-filter": "awsui_has-default-filter_1yz9c_13bfe_154",
-  "chart-container": "awsui_chart-container_1yz9c_13bfe_158",
-  "chart-container__vertical": "awsui_chart-container__vertical_1yz9c_13bfe_164",
-  "chart-container__horizontal": "awsui_chart-container__horizontal_1yz9c_13bfe_170",
-  "content": "awsui_content_1yz9c_13bfe_174",
-  "content--reserve-filter": "awsui_content--reserve-filter_1yz9c_13bfe_181",
-  "content--reserve-legend": "awsui_content--reserve-legend_1yz9c_13bfe_185",
-  "series--highlighted": "awsui_series--highlighted_1yz9c_13bfe_198",
-  "series__bar--highlighted": "awsui_series__bar--highlighted_1yz9c_13bfe_199",
-  "series--dimmed": "awsui_series--dimmed_1yz9c_13bfe_203",
-  "series--threshold": "awsui_series--threshold_1yz9c_13bfe_212",
-  "bar-group": "awsui_bar-group_1yz9c_13bfe_217"
+  "series": "awsui_series_1yz9c_1y8is_93",
+  "series--bar": "awsui_series--bar_1yz9c_1y8is_94",
+  "series__rect": "awsui_series__rect_1yz9c_1y8is_94",
+  "exiting": "awsui_exiting_1yz9c_1y8is_111",
+  "awsui-motion-fade-out-0": "awsui_awsui-motion-fade-out-0_1yz9c_1y8is_1",
+  "root": "awsui_root_1yz9c_1y8is_137",
+  "filter-container": "awsui_filter-container_1yz9c_1y8is_150",
+  "has-default-filter": "awsui_has-default-filter_1yz9c_1y8is_154",
+  "chart-container": "awsui_chart-container_1yz9c_1y8is_158",
+  "chart-container__vertical": "awsui_chart-container__vertical_1yz9c_1y8is_164",
+  "chart-container__horizontal": "awsui_chart-container__horizontal_1yz9c_1y8is_170",
+  "content": "awsui_content_1yz9c_1y8is_174",
+  "content--reserve-filter": "awsui_content--reserve-filter_1yz9c_1y8is_181",
+  "content--reserve-legend": "awsui_content--reserve-legend_1yz9c_1y8is_185",
+  "series--highlighted": "awsui_series--highlighted_1yz9c_1y8is_198",
+  "series__bar--highlighted": "awsui_series__bar--highlighted_1yz9c_1y8is_199",
+  "series--dimmed": "awsui_series--dimmed_1yz9c_1y8is_203",
+  "series--threshold": "awsui_series--threshold_1yz9c_1y8is_212",
+  "bar-group": "awsui_bar-group_1yz9c_1y8is_217"
 };
   

package/mixed-line-bar-chart/styles.scoped.css

@@ -90,26 +90,26 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
-.awsui_series_1yz9c_13bfe_93:not(#\9),
-.awsui_series--bar_1yz9c_13bfe_94 > .awsui_series__rect_1yz9c_13bfe_94:not(#\9) {
+.awsui_series_1yz9c_1y8is_93:not(#\9),
+.awsui_series--bar_1yz9c_1y8is_94 > .awsui_series__rect_1yz9c_1y8is_94:not(#\9) {
   transition: opacity var(--motion-duration-transition-quick-x85tae, 90ms) var(--motion-easing-transition-quick-lukbd8, linear);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_series_1yz9c_13bfe_93:not(#\9),
-.awsui_series--bar_1yz9c_13bfe_94 > .awsui_series__rect_1yz9c_13bfe_94:not(#\9) {
+  .awsui_series_1yz9c_1y8is_93:not(#\9),
+  .awsui_series--bar_1yz9c_1y8is_94 > .awsui_series__rect_1yz9c_1y8is_94:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_series_1yz9c_13bfe_93:not(#\9), .awsui-mode-entering .awsui_series_1yz9c_13bfe_93:not(#\9), .awsui-motion-disabled .awsui_series--bar_1yz9c_13bfe_94 > .awsui_series__rect_1yz9c_13bfe_94:not(#\9), .awsui-mode-entering .awsui_series--bar_1yz9c_13bfe_94 > .awsui_series__rect_1yz9c_13bfe_94:not(#\9) {
+.awsui-motion-disabled .awsui_series_1yz9c_1y8is_93:not(#\9), .awsui-mode-entering .awsui_series_1yz9c_1y8is_93:not(#\9), .awsui-motion-disabled .awsui_series--bar_1yz9c_1y8is_94 > .awsui_series__rect_1yz9c_1y8is_94:not(#\9), .awsui-mode-entering .awsui_series--bar_1yz9c_1y8is_94 > .awsui_series__rect_1yz9c_1y8is_94:not(#\9) {
   animation: none;
   transition: none;
 }
 
-.awsui_exiting_1yz9c_13bfe_111:not(#\9) {
-  animation: awsui_awsui-motion-fade-out-0_1yz9c_13bfe_1 var(--motion-duration-refresh-only-fast-addxjd, 115ms) var(--motion-easing-refresh-only-b-nspng9, cubic-bezier(1, 0, 0.83, 1));
+.awsui_exiting_1yz9c_1y8is_111:not(#\9) {
+  animation: awsui_awsui-motion-fade-out-0_1yz9c_1y8is_1 var(--motion-duration-refresh-only-fast-addxjd, 115ms) var(--motion-easing-refresh-only-b-nspng9, cubic-bezier(1, 0, 0.83, 1));
 }
-@keyframes awsui_awsui-motion-fade-out-0_1yz9c_13bfe_1 {
+@keyframes awsui_awsui-motion-fade-out-0_1yz9c_1y8is_1 {
   from {
     opacity: 1;
   }
@@ -118,12 +118,12 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   }
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_exiting_1yz9c_13bfe_111:not(#\9) {
+  .awsui_exiting_1yz9c_1y8is_111:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_exiting_1yz9c_13bfe_111:not(#\9), .awsui-mode-entering .awsui_exiting_1yz9c_13bfe_111:not(#\9) {
+.awsui-motion-disabled .awsui_exiting_1yz9c_1y8is_111:not(#\9), .awsui-mode-entering .awsui_exiting_1yz9c_1y8is_111:not(#\9) {
   animation: none;
   transition: none;
 }
@@ -132,7 +132,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
-.awsui_root_1yz9c_13bfe_137:not(#\9) {
+.awsui_root_1yz9c_1y8is_137:not(#\9) {
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
   border-collapse: separate;
   border-spacing: 0;
@@ -171,46 +171,46 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   display: block;
 }
 
-.awsui_filter-container_1yz9c_13bfe_150:not(#\9) {
+.awsui_filter-container_1yz9c_1y8is_150:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_has-default-filter_1yz9c_13bfe_154 > :not(#\9):first-child {
+.awsui_has-default-filter_1yz9c_1y8is_154 > :not(#\9):first-child {
   flex: 280px 0 1;
 }
 
-.awsui_chart-container_1yz9c_13bfe_158:not(#\9) {
+.awsui_chart-container_1yz9c_1y8is_158:not(#\9) {
   display: flex;
   width: 100%;
   flex-direction: column;
 }
 
-.awsui_chart-container__vertical_1yz9c_13bfe_164:not(#\9) {
+.awsui_chart-container__vertical_1yz9c_1y8is_164:not(#\9) {
   display: flex;
   flex-direction: column;
   width: 100%;
 }
 
-.awsui_chart-container__horizontal_1yz9c_13bfe_170:not(#\9) {
+.awsui_chart-container__horizontal_1yz9c_1y8is_170:not(#\9) {
   display: flex;
 }
 
-.awsui_content_1yz9c_13bfe_174:not(#\9) {
+.awsui_content_1yz9c_1y8is_174:not(#\9) {
   display: flex;
   position: relative;
   justify-content: center;
   align-items: center;
 }
 
-.awsui_content--reserve-filter_1yz9c_13bfe_181:not(#\9) {
+.awsui_content--reserve-filter_1yz9c_1y8is_181:not(#\9) {
   margin-top: calc(2 * var(--font-body-m-line-height-i7xxvv, 22px));
 }
 
-.awsui_content--reserve-legend_1yz9c_13bfe_185:not(#\9) {
+.awsui_content--reserve-legend_1yz9c_1y8is_185:not(#\9) {
   margin-bottom: calc(2 * var(--font-body-m-line-height-i7xxvv, 22px));
 }
 
-.awsui_series_1yz9c_13bfe_93:not(#\9) {
+.awsui_series_1yz9c_1y8is_93:not(#\9) {
   display: block;
   stroke-width: var(--border-line-chart-width-nj0hc5, 2px);
   fill: none;
@@ -219,25 +219,25 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   pointer-events: none;
 }
 
-.awsui_series--highlighted_1yz9c_13bfe_198:not(#\9),
-.awsui_series__bar--highlighted_1yz9c_13bfe_199:not(#\9) {
+.awsui_series--highlighted_1yz9c_1y8is_198:not(#\9),
+.awsui_series__bar--highlighted_1yz9c_1y8is_199:not(#\9) {
   /* used in dom query */
 }
 
-.awsui_series--dimmed_1yz9c_13bfe_203:not(#\9) {
+.awsui_series--dimmed_1yz9c_1y8is_203:not(#\9) {
   opacity: 0.3;
 }
 
-.awsui_series--bar_1yz9c_13bfe_94 > .awsui_series__rect_1yz9c_13bfe_94:not(#\9) {
+.awsui_series--bar_1yz9c_1y8is_94 > .awsui_series__rect_1yz9c_1y8is_94:not(#\9) {
   stroke: var(--color-background-container-content-i8i4a0, #ffffff);
   stroke-width: 2px;
 }
 
-.awsui_series--threshold_1yz9c_13bfe_212:not(#\9) {
+.awsui_series--threshold_1yz9c_1y8is_212:not(#\9) {
   stroke-dasharray: var(--border-line-chart-dash-array-4wa4ab, 3 5);
   stroke-width: var(--border-line-chart-width-nj0hc5, 2px);
 }
 
-.awsui_bar-group_1yz9c_13bfe_217:not(#\9) {
+.awsui_bar-group_1yz9c_1y8is_217:not(#\9) {
   /* used in dom query */
 }

package/mixed-line-bar-chart/styles.selectors.js

@@ -2,24 +2,24 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "series": "awsui_series_1yz9c_13bfe_93",
-  "series--bar": "awsui_series--bar_1yz9c_13bfe_94",
-  "series__rect": "awsui_series__rect_1yz9c_13bfe_94",
-  "exiting": "awsui_exiting_1yz9c_13bfe_111",
-  "awsui-motion-fade-out-0": "awsui_awsui-motion-fade-out-0_1yz9c_13bfe_1",
-  "root": "awsui_root_1yz9c_13bfe_137",
-  "filter-container": "awsui_filter-container_1yz9c_13bfe_150",
-  "has-default-filter": "awsui_has-default-filter_1yz9c_13bfe_154",
-  "chart-container": "awsui_chart-container_1yz9c_13bfe_158",
-  "chart-container__vertical": "awsui_chart-container__vertical_1yz9c_13bfe_164",
-  "chart-container__horizontal": "awsui_chart-container__horizontal_1yz9c_13bfe_170",
-  "content": "awsui_content_1yz9c_13bfe_174",
-  "content--reserve-filter": "awsui_content--reserve-filter_1yz9c_13bfe_181",
-  "content--reserve-legend": "awsui_content--reserve-legend_1yz9c_13bfe_185",
-  "series--highlighted": "awsui_series--highlighted_1yz9c_13bfe_198",
-  "series__bar--highlighted": "awsui_series__bar--highlighted_1yz9c_13bfe_199",
-  "series--dimmed": "awsui_series--dimmed_1yz9c_13bfe_203",
-  "series--threshold": "awsui_series--threshold_1yz9c_13bfe_212",
-  "bar-group": "awsui_bar-group_1yz9c_13bfe_217"
+  "series": "awsui_series_1yz9c_1y8is_93",
+  "series--bar": "awsui_series--bar_1yz9c_1y8is_94",
+  "series__rect": "awsui_series__rect_1yz9c_1y8is_94",
+  "exiting": "awsui_exiting_1yz9c_1y8is_111",
+  "awsui-motion-fade-out-0": "awsui_awsui-motion-fade-out-0_1yz9c_1y8is_1",
+  "root": "awsui_root_1yz9c_1y8is_137",
+  "filter-container": "awsui_filter-container_1yz9c_1y8is_150",
+  "has-default-filter": "awsui_has-default-filter_1yz9c_1y8is_154",
+  "chart-container": "awsui_chart-container_1yz9c_1y8is_158",
+  "chart-container__vertical": "awsui_chart-container__vertical_1yz9c_1y8is_164",
+  "chart-container__horizontal": "awsui_chart-container__horizontal_1yz9c_1y8is_170",
+  "content": "awsui_content_1yz9c_1y8is_174",
+  "content--reserve-filter": "awsui_content--reserve-filter_1yz9c_1y8is_181",
+  "content--reserve-legend": "awsui_content--reserve-legend_1yz9c_1y8is_185",
+  "series--highlighted": "awsui_series--highlighted_1yz9c_1y8is_198",
+  "series__bar--highlighted": "awsui_series__bar--highlighted_1yz9c_1y8is_199",
+  "series--dimmed": "awsui_series--dimmed_1yz9c_1y8is_203",
+  "series--threshold": "awsui_series--threshold_1yz9c_1y8is_212",
+  "bar-group": "awsui_bar-group_1yz9c_1y8is_217"
 };
   

package/package.json

@@ -1,26 +1,6 @@
 {
-  "bugs": {
-    "url": "https://github.com/cloudscape-design/components/issues"
-  },
-  "dependencies": {
-    "@cloudscape-design/collection-hooks": "^1.0.0",
-    "@cloudscape-design/test-utils-core": "^1.0.0",
-    "@cloudscape-design/theming-runtime": "^1.0.0",
-    "@juggle/resize-observer": "^3.3.1",
-    "ace-builds": "^1.4.13",
-    "balanced-match": "^1.0.2",
-    "clsx": "^1.1.0",
-    "d3-shape": "^1.3.7",
-    "date-fns": "^2.25.0",
-    "mnth": "^2.0.0",
-    "react-focus-lock": "~2.8.1",
-    "react-keyed-flatten-children": "^1.3.0",
-    "react-resizable": "^1.11.1",
-    "react-transition-group": "^4.4.2",
-    "react-virtual": "^2.8.2",
-    "tslib": "^2.4.0",
-    "weekstart": "^1.1.0"
-  },
+  "name": "@cloudscape-design/components",
+  "main": "./index.js",
   "exports": {
     ".": "./index.js",
     "./package.json": "./package.json",
@@ -96,22 +76,38 @@
     "./wizard": "./wizard/index.js",
     "./top-navigation/1.0-beta": "./top-navigation/1.0-beta/index.js"
   },
-  "homepage": "https://cloudscape.design",
-  "main": "./index.js",
-  "name": "@cloudscape-design/components",
-  "peerDependencies": {
-    "react": "^16.8 || ^17 || ^18",
-    "react-dom": "^16.8 || ^17 || ^18"
-  },
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/cloudscape-design/components.git"
-  },
   "sideEffects": [
     "*.css",
     "./internal/base-component/index.js",
     "./internal/base-component/styles.css.js"
   ],
-  "version": "3.0.161",
+  "version": "3.0.163",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/cloudscape-design/components.git"
+  },
+  "homepage": "https://cloudscape.design",
+  "dependencies": {
+    "@cloudscape-design/collection-hooks": "^1.0.0",
+    "@cloudscape-design/test-utils-core": "^1.0.0",
+    "@cloudscape-design/theming-runtime": "^1.0.0",
+    "@juggle/resize-observer": "^3.3.1",
+    "ace-builds": "^1.4.13",
+    "balanced-match": "^1.0.2",
+    "clsx": "^1.1.0",
+    "d3-shape": "^1.3.7",
+    "date-fns": "^2.25.0",
+    "mnth": "^2.0.0",
+    "react-focus-lock": "~2.8.1",
+    "react-keyed-flatten-children": "^1.3.0",
+    "react-transition-group": "^4.4.2",
+    "react-virtual": "^2.8.2",
+    "tslib": "^2.4.0",
+    "weekstart": "^1.1.0"
+  },
+  "peerDependencies": {
+    "react": "^16.8 || ^17 || ^18",
+    "react-dom": "^16.8 || ^17 || ^18"
+  },
   "license": "Apache-2.0"
 }

package/progress-bar/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/progress-bar/index.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAQhD,OAAO,EAAE,gBAAgB,EAAE,CAAC;AAE5B,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAClC,KAAS,EACT,MAAsB,EACtB,OAAsB,EACtB,gBAAgB,EAChB,KAAK,EACL,WAAW,EACX,cAAc,EACd,UAAU,EACV,mBAAmB,EACnB,GAAG,IAAI,EACR,EAAE,gBAAgB,eAiDlB"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/progress-bar/index.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAWhD,OAAO,EAAE,gBAAgB,EAAE,CAAC;AAE5B,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAClC,KAAS,EACT,MAAsB,EACtB,OAAsB,EACtB,gBAAgB,EAChB,KAAK,EACL,WAAW,EACX,cAAc,EACd,UAAU,EACV,mBAAmB,EACnB,GAAG,IAAI,EACR,EAAE,gBAAgB,eA4DlB"}

package/progress-bar/index.js

@@ -1,7 +1,7 @@
 import { __assign, __rest } from "tslib";
 // Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
 // SPDX-License-Identifier: Apache-2.0
-import React from 'react';
+import React, { useEffect, useMemo, useState } from 'react';
 import clsx from 'clsx';
 import styles from './styles.css.js';
 import { getBaseProps } from '../internal/base-component';
@@ -11,7 +11,9 @@ import { useUniqueId } from '../internal/hooks/use-unique-id';
 import { Progress, ResultState, SmallText } from './internal';
 import { applyDisplayName } from '../internal/utils/apply-display-name';
 import useBaseComponent from '../internal/hooks/use-base-component';
-import DynamicAriaLive from '../internal/components/dynamic-aria-live';
+import { throttle } from '../internal/utils/throttle';
+import LiveRegion from '../internal/components/live-region';
+var ASSERTION_FREQUENCY = 5000; // interval in ms between progress announcements
 export default function ProgressBar(_a) {
     var _b = _a.value, value = _b === void 0 ? 0 : _b, _c = _a.status, status = _c === void 0 ? 'in-progress' : _c, _d = _a.variant, variant = _d === void 0 ? 'standalone' : _d, resultButtonText = _a.resultButtonText, label = _a.label, description = _a.description, additionalInfo = _a.additionalInfo, resultText = _a.resultText, onResultButtonClick = _a.onResultButtonClick, rest = __rest(_a, ["value", "status", "variant", "resultButtonText", "label", "description", "additionalInfo", "resultText", "onResultButtonClick"]);
     var __internalRootRef = useBaseComponent('ProgressBar').__internalRootRef;
@@ -20,6 +22,15 @@ export default function ProgressBar(_a) {
     var labelId = "".concat(generatedName, "-label");
     var isInFlash = variant === 'flash';
     var isInProgressState = status === 'in-progress';
+    var _e = useState(''), assertion = _e[0], setAssertion = _e[1];
+    var throttledAssertion = useMemo(function () {
+        return throttle(function (value) {
+            setAssertion("".concat(label !== null && label !== void 0 ? label : '', ": ").concat(value, "%"));
+        }, ASSERTION_FREQUENCY);
+    }, [label]);
+    useEffect(function () {
+        throttledAssertion(value);
+    }, [throttledAssertion, value]);
     if (isInFlash && resultButtonText) {
         warnOnce('ProgressBar', 'The `resultButtonText` is ignored if you set `variant="flash"`, and the result button is not displayed. Use the `buttonText` property and the `onButtonClick` event listener of the flashbar item in which the progress bar component is embedded.');
     }
@@ -29,7 +40,7 @@ export default function ProgressBar(_a) {
             description && React.createElement(SmallText, { color: isInFlash ? 'inherit' : undefined }, description),
             React.createElement("div", null, isInProgressState ? (React.createElement(React.Fragment, null,
                 React.createElement(Progress, { value: value, labelId: labelId, isInFlash: isInFlash }),
-                React.createElement(DynamicAriaLive, null, "".concat(label !== null && label !== void 0 ? label : '', ": ").concat(value, "%")))) : (React.createElement(ResultState, { resultText: resultText, isInFlash: isInFlash, resultButtonText: resultButtonText, status: status, onClick: function () {
+                React.createElement(LiveRegion, { delay: 0 }, assertion))) : (React.createElement(ResultState, { resultText: resultText, isInFlash: isInFlash, resultButtonText: resultButtonText, status: status, onClick: function () {
                     fireNonCancelableEvent(onResultButtonClick);
                 } })))),
         additionalInfo && React.createElement(SmallText, { color: isInFlash ? 'inherit' : undefined }, additionalInfo)));