@cloudscape-design/components 3.0.162 → 3.0.163

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.162",
+  "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)));

package/progress-bar/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/progress-bar/index.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\nimport clsx from 'clsx';\n\nimport styles from './styles.css.js';\nimport { getBaseProps } from '../internal/base-component';\nimport { warnOnce } from '../internal/logging';\nimport { ProgressBarProps } from './interfaces';\nimport { fireNonCancelableEvent } from '../internal/events';\nimport { useUniqueId } from '../internal/hooks/use-unique-id';\nimport { Progress, ResultState, SmallText } from './internal';\nimport { applyDisplayName } from '../internal/utils/apply-display-name';\nimport useBaseComponent from '../internal/hooks/use-base-component';\nimport DynamicAriaLive from '../internal/components/dynamic-aria-live';\n\nexport { ProgressBarProps };\n\nexport default function ProgressBar({\n  value = 0,\n  status = 'in-progress',\n  variant = 'standalone',\n  resultButtonText,\n  label,\n  description,\n  additionalInfo,\n  resultText,\n  onResultButtonClick,\n  ...rest\n}: ProgressBarProps) {\n  const { __internalRootRef } = useBaseComponent('ProgressBar');\n  const baseProps = getBaseProps(rest);\n  const generatedName = useUniqueId('awsui-progress-bar-');\n\n  const labelId = `${generatedName}-label`;\n  const isInFlash = variant === 'flash';\n  const isInProgressState = status === 'in-progress';\n\n  if (isInFlash && resultButtonText) {\n    warnOnce(\n      'ProgressBar',\n      '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.'\n    );\n  }\n\n  return (\n    <div\n      {...baseProps}\n      className={clsx(baseProps.className, styles.root, variant && styles[variant])}\n      ref={__internalRootRef}\n    >\n      <div className={isInFlash ? styles['flash-container'] : undefined}>\n        <div className={clsx(styles['word-wrap'], styles[`label-${variant}`])} id={labelId}>\n          {label}\n        </div>\n        {description && <SmallText color={isInFlash ? 'inherit' : undefined}>{description}</SmallText>}\n        <div>\n          {isInProgressState ? (\n            <>\n              <Progress value={value} labelId={labelId} isInFlash={isInFlash} />\n              <DynamicAriaLive>{`${label ?? ''}: ${value}%`}</DynamicAriaLive>\n            </>\n          ) : (\n            <ResultState\n              resultText={resultText}\n              isInFlash={isInFlash}\n              resultButtonText={resultButtonText}\n              status={status}\n              onClick={() => {\n                fireNonCancelableEvent(onResultButtonClick);\n              }}\n            />\n          )}\n        </div>\n      </div>\n      {additionalInfo && <SmallText color={isInFlash ? 'inherit' : undefined}>{additionalInfo}</SmallText>}\n    </div>\n  );\n}\n\napplyDisplayName(ProgressBar, 'ProgressBar');\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/progress-bar/index.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { useEffect, useMemo, useState } from 'react';\nimport clsx from 'clsx';\n\nimport styles from './styles.css.js';\nimport { getBaseProps } from '../internal/base-component';\nimport { warnOnce } from '../internal/logging';\nimport { ProgressBarProps } from './interfaces';\nimport { fireNonCancelableEvent } from '../internal/events';\nimport { useUniqueId } from '../internal/hooks/use-unique-id';\nimport { Progress, ResultState, SmallText } from './internal';\nimport { applyDisplayName } from '../internal/utils/apply-display-name';\nimport useBaseComponent from '../internal/hooks/use-base-component';\nimport { throttle } from '../internal/utils/throttle';\nimport LiveRegion from '../internal/components/live-region';\n\nconst ASSERTION_FREQUENCY = 5000; // interval in ms between progress announcements\n\nexport { ProgressBarProps };\n\nexport default function ProgressBar({\n  value = 0,\n  status = 'in-progress',\n  variant = 'standalone',\n  resultButtonText,\n  label,\n  description,\n  additionalInfo,\n  resultText,\n  onResultButtonClick,\n  ...rest\n}: ProgressBarProps) {\n  const { __internalRootRef } = useBaseComponent('ProgressBar');\n  const baseProps = getBaseProps(rest);\n  const generatedName = useUniqueId('awsui-progress-bar-');\n\n  const labelId = `${generatedName}-label`;\n  const isInFlash = variant === 'flash';\n  const isInProgressState = status === 'in-progress';\n\n  const [assertion, setAssertion] = useState('');\n  const throttledAssertion = useMemo(() => {\n    return throttle((value: ProgressBarProps['value']) => {\n      setAssertion(`${label ?? ''}: ${value}%`);\n    }, ASSERTION_FREQUENCY);\n  }, [label]);\n\n  useEffect(() => {\n    throttledAssertion(value);\n  }, [throttledAssertion, value]);\n\n  if (isInFlash && resultButtonText) {\n    warnOnce(\n      'ProgressBar',\n      '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.'\n    );\n  }\n\n  return (\n    <div\n      {...baseProps}\n      className={clsx(baseProps.className, styles.root, variant && styles[variant])}\n      ref={__internalRootRef}\n    >\n      <div className={isInFlash ? styles['flash-container'] : undefined}>\n        <div className={clsx(styles['word-wrap'], styles[`label-${variant}`])} id={labelId}>\n          {label}\n        </div>\n        {description && <SmallText color={isInFlash ? 'inherit' : undefined}>{description}</SmallText>}\n        <div>\n          {isInProgressState ? (\n            <>\n              <Progress value={value} labelId={labelId} isInFlash={isInFlash} />\n              <LiveRegion delay={0}>{assertion}</LiveRegion>\n            </>\n          ) : (\n            <ResultState\n              resultText={resultText}\n              isInFlash={isInFlash}\n              resultButtonText={resultButtonText}\n              status={status}\n              onClick={() => {\n                fireNonCancelableEvent(onResultButtonClick);\n              }}\n            />\n          )}\n        </div>\n      </div>\n      {additionalInfo && <SmallText color={isInFlash ? 'inherit' : undefined}>{additionalInfo}</SmallText>}\n    </div>\n  );\n}\n\napplyDisplayName(ProgressBar, 'ProgressBar');\n"]}

package/select/parts/styles.css.js

@@ -1,14 +1,14 @@
 
     import './styles.scoped.css';
     export default {
-  "placeholder": "awsui_placeholder_dwuol_agn1m_93",
-  "item": "awsui_item_dwuol_agn1m_98",
-  "checkbox": "awsui_checkbox_dwuol_agn1m_102",
-  "filter": "awsui_filter_dwuol_agn1m_111",
-  "trigger": "awsui_trigger_dwuol_agn1m_116",
-  "layout-strut": "awsui_layout-strut_dwuol_agn1m_122",
-  "list-bottom": "awsui_list-bottom_dwuol_agn1m_128",
-  "selected-icon": "awsui_selected-icon_dwuol_agn1m_132",
-  "show-label-tag": "awsui_show-label-tag_dwuol_agn1m_136"
+  "placeholder": "awsui_placeholder_dwuol_1dl3j_93",
+  "item": "awsui_item_dwuol_1dl3j_98",
+  "checkbox": "awsui_checkbox_dwuol_1dl3j_102",
+  "filter": "awsui_filter_dwuol_1dl3j_111",
+  "trigger": "awsui_trigger_dwuol_1dl3j_116",
+  "layout-strut": "awsui_layout-strut_dwuol_1dl3j_140",
+  "list-bottom": "awsui_list-bottom_dwuol_1dl3j_146",
+  "selected-icon": "awsui_selected-icon_dwuol_1dl3j_150",
+  "show-label-tag": "awsui_show-label-tag_dwuol_1dl3j_154"
 };
   

package/select/parts/styles.scoped.css

@@ -90,16 +90,16 @@ 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_placeholder_dwuol_agn1m_93:not(#\9) {
+.awsui_placeholder_dwuol_1dl3j_93:not(#\9) {
   color: var(--color-text-input-placeholder-j53j3c, #5f6b7a);
   font-style: italic;
 }
 
-.awsui_item_dwuol_agn1m_98:not(#\9) {
+.awsui_item_dwuol_1dl3j_98:not(#\9) {
   display: flex;
   align-items: center;
 }
-.awsui_item_dwuol_agn1m_98 > .awsui_checkbox_dwuol_agn1m_102:not(#\9) {
+.awsui_item_dwuol_1dl3j_98 > .awsui_checkbox_dwuol_1dl3j_102:not(#\9) {
   position: relative;
   min-height: var(--size-control-n9i4yo, 16px);
   min-width: var(--size-control-n9i4yo, 16px);
@@ -108,31 +108,49 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   margin-right: var(--space-field-horizontal-89h2yr, 12px);
 }
 
-.awsui_filter_dwuol_agn1m_111:not(#\9) {
+.awsui_filter_dwuol_1dl3j_111:not(#\9) {
   z-index: 4;
   flex-shrink: 0;
 }
 
-.awsui_trigger_dwuol_agn1m_116:not(#\9) {
+.awsui_trigger_dwuol_1dl3j_116:not(#\9) {
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
 }
+.awsui_trigger_dwuol_1dl3j_116[data-awsui-focus-visible=true]:not(#\9):focus {
+  position: relative;
+}
+.awsui_trigger_dwuol_1dl3j_116[data-awsui-focus-visible=true]:not(#\9):focus {
+  outline: 2px dotted transparent;
+  outline-offset: calc(calc(-1 * var(--space-scaled-xs-6859qs, 8px)) - 1px);
+}
+.awsui_trigger_dwuol_1dl3j_116[data-awsui-focus-visible=true]:not(#\9):focus::before {
+  content: " ";
+  display: block;
+  position: absolute;
+  left: calc(-1 * calc(-1 * var(--space-scaled-xs-6859qs, 8px)));
+  top: calc(-1 * calc(-1 * var(--space-scaled-xxs-95dhkm, 4px)));
+  width: calc(100% + 2 * calc(-1 * var(--space-scaled-xs-6859qs, 8px)));
+  height: calc(100% + 2 * calc(-1 * var(--space-scaled-xxs-95dhkm, 4px)));
+  border-radius: var(--border-radius-control-default-focus-ring-7661kz, 4px);
+  box-shadow: 0 0 0 2px var(--color-border-item-focused-ap3b6s, #0972d3);
+}
 
-.awsui_layout-strut_dwuol_agn1m_122:not(#\9) {
+.awsui_layout-strut_dwuol_1dl3j_140:not(#\9) {
   width: 100%;
   position: relative;
   transform: translate3d(0, 0, 0);
 }
 
-.awsui_list-bottom_dwuol_agn1m_128:not(#\9) {
+.awsui_list-bottom_dwuol_1dl3j_146:not(#\9) {
   /* used in unit-tests */
 }
 
-.awsui_selected-icon_dwuol_agn1m_132:not(#\9) {
+.awsui_selected-icon_dwuol_1dl3j_150:not(#\9) {
   color: var(--color-border-item-focused-ap3b6s, #0972d3);
 }
 
-.awsui_show-label-tag_dwuol_agn1m_136 > .awsui_selected-icon_dwuol_agn1m_132:not(#\9) {
+.awsui_show-label-tag_dwuol_1dl3j_154 > .awsui_selected-icon_dwuol_1dl3j_150:not(#\9) {
   padding-left: var(--space-scaled-s-cu1hzn, 12px);
 }

package/select/parts/styles.selectors.js

@@ -2,14 +2,14 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "placeholder": "awsui_placeholder_dwuol_agn1m_93",
-  "item": "awsui_item_dwuol_agn1m_98",
-  "checkbox": "awsui_checkbox_dwuol_agn1m_102",
-  "filter": "awsui_filter_dwuol_agn1m_111",
-  "trigger": "awsui_trigger_dwuol_agn1m_116",
-  "layout-strut": "awsui_layout-strut_dwuol_agn1m_122",
-  "list-bottom": "awsui_list-bottom_dwuol_agn1m_128",
-  "selected-icon": "awsui_selected-icon_dwuol_agn1m_132",
-  "show-label-tag": "awsui_show-label-tag_dwuol_agn1m_136"
+  "placeholder": "awsui_placeholder_dwuol_1dl3j_93",
+  "item": "awsui_item_dwuol_1dl3j_98",
+  "checkbox": "awsui_checkbox_dwuol_1dl3j_102",
+  "filter": "awsui_filter_dwuol_1dl3j_111",
+  "trigger": "awsui_trigger_dwuol_1dl3j_116",
+  "layout-strut": "awsui_layout-strut_dwuol_1dl3j_140",
+  "list-bottom": "awsui_list-bottom_dwuol_1dl3j_146",
+  "selected-icon": "awsui_selected-icon_dwuol_1dl3j_150",
+  "show-label-tag": "awsui_show-label-tag_dwuol_1dl3j_154"
 };
   

package/table/body-cell/click-away.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+export declare function useClickAway(onClick: () => void): React.MutableRefObject<any>;
+interface ClickAwayActive {
+    onClick: () => void;
+    children: React.ReactNode;
+}
+export declare function ClickAway({ onClick, children }: ClickAwayActive): JSX.Element;
+export {};
+//# sourceMappingURL=click-away.d.ts.map

package/table/body-cell/click-away.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"click-away.d.ts","sourceRoot":"","sources":["../../../../src/table/body-cell/click-away.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAIjD,wBAAgB,YAAY,CAAC,OAAO,EAAE,MAAM,IAAI,+BAgB/C;AAED,UAAU,eAAe;IACvB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AACD,wBAAgB,SAAS,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,EAAE,eAAe,eAa/D"}

package/table/body-cell/click-away.js

@@ -0,0 +1,38 @@
+// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+// SPDX-License-Identifier: Apache-2.0
+import React, { useEffect, useRef } from 'react';
+import { containsOrEqual } from '../../internal/utils/dom';
+import { useStableEventHandler } from '../../internal/hooks/use-stable-event-handler';
+export function useClickAway(onClick) {
+    var awayRef = useRef(null);
+    var onClickStable = useStableEventHandler(onClick);
+    useEffect(function () {
+        function handleClick(event) {
+            if (!containsOrEqual(awayRef.current, event.target)) {
+                onClickStable();
+            }
+        }
+        // contains returns wrong result if the next render would remove the element
+        // but capture phase happens before the render, so returns correct result
+        // Ref: https://github.com/facebook/react/issues/20325
+        document.addEventListener('click', handleClick, { capture: true });
+        return function () { return document.removeEventListener('click', handleClick, { capture: true }); };
+    }, [onClickStable]);
+    return awayRef;
+}
+export function ClickAway(_a) {
+    var onClick = _a.onClick, children = _a.children;
+    var onClickStable = useStableEventHandler(onClick);
+    var ref = useRef(null);
+    useEffect(function () {
+        function handleClick(event) {
+            if (!containsOrEqual(ref.current, event.target)) {
+                onClickStable();
+            }
+        }
+        document.addEventListener('click', handleClick, true);
+        return function () { return document.removeEventListener('click', handleClick, true); };
+    }, [onClickStable]);
+    return React.createElement("span", { ref: ref }, children);
+}
+//# sourceMappingURL=click-away.js.map

package/table/body-cell/click-away.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"click-away.js","sourceRoot":"","sources":["../../../../src/table/body-cell/click-away.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AACjD,OAAO,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAC3D,OAAO,EAAE,qBAAqB,EAAE,MAAM,+CAA+C,CAAC;AAEtF,MAAM,UAAU,YAAY,CAAC,OAAmB;IAC9C,IAAM,OAAO,GAAG,MAAM,CAAM,IAAI,CAAC,CAAC;IAClC,IAAM,aAAa,GAAG,qBAAqB,CAAC,OAAO,CAAC,CAAC;IACrD,SAAS,CAAC;QACR,SAAS,WAAW,CAAC,KAAY;YAC/B,IAAI,CAAC,eAAe,CAAC,OAAO,CAAC,OAAO,EAAE,KAAK,CAAC,MAAc,CAAC,EAAE;gBAC3D,aAAa,EAAE,CAAC;aACjB;QACH,CAAC;QACD,4EAA4E;QAC5E,yEAAyE;QACzE,sDAAsD;QACtD,QAAQ,CAAC,gBAAgB,CAAC,OAAO,EAAE,WAAW,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC;QACnE,OAAO,cAAM,OAAA,QAAQ,CAAC,mBAAmB,CAAC,OAAO,EAAE,WAAW,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,EAArE,CAAqE,CAAC;IACrF,CAAC,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC;IACpB,OAAO,OAAO,CAAC;AACjB,CAAC;AAMD,MAAM,UAAU,SAAS,CAAC,EAAsC;QAApC,OAAO,aAAA,EAAE,QAAQ,cAAA;IAC3C,IAAM,aAAa,GAAG,qBAAqB,CAAC,OAAO,CAAC,CAAC;IACrD,IAAM,GAAG,GAAG,MAAM,CAAkB,IAAI,CAAC,CAAC;IAC1C,SAAS,CAAC;QACR,SAAS,WAAW,CAAC,KAAY;YAC/B,IAAI,CAAC,eAAe,CAAC,GAAG,CAAC,OAAO,EAAE,KAAK,CAAC,MAAc,CAAC,EAAE;gBACvD,aAAa,EAAE,CAAC;aACjB;QACH,CAAC;QACD,QAAQ,CAAC,gBAAgB,CAAC,OAAO,EAAE,WAAW,EAAE,IAAI,CAAC,CAAC;QACtD,OAAO,cAAM,OAAA,QAAQ,CAAC,mBAAmB,CAAC,OAAO,EAAE,WAAW,EAAE,IAAI,CAAC,EAAxD,CAAwD,CAAC;IACxE,CAAC,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC;IACpB,OAAO,8BAAM,GAAG,EAAE,GAAG,IAAG,QAAQ,CAAQ,CAAC;AAC3C,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { useEffect, useRef } from 'react';\nimport { containsOrEqual } from '../../internal/utils/dom';\nimport { useStableEventHandler } from '../../internal/hooks/use-stable-event-handler';\n\nexport function useClickAway(onClick: () => void) {\n  const awayRef = useRef<any>(null);\n  const onClickStable = useStableEventHandler(onClick);\n  useEffect(() => {\n    function handleClick(event: Event) {\n      if (!containsOrEqual(awayRef.current, event.target as Node)) {\n        onClickStable();\n      }\n    }\n    // contains returns wrong result if the next render would remove the element\n    // but capture phase happens before the render, so returns correct result\n    // Ref: https://github.com/facebook/react/issues/20325\n    document.addEventListener('click', handleClick, { capture: true });\n    return () => document.removeEventListener('click', handleClick, { capture: true });\n  }, [onClickStable]);\n  return awayRef;\n}\n\ninterface ClickAwayActive {\n  onClick: () => void;\n  children: React.ReactNode;\n}\nexport function ClickAway({ onClick, children }: ClickAwayActive) {\n  const onClickStable = useStableEventHandler(onClick);\n  const ref = useRef<HTMLSpanElement>(null);\n  useEffect(() => {\n    function handleClick(event: Event) {\n      if (!containsOrEqual(ref.current, event.target as Node)) {\n        onClickStable();\n      }\n    }\n    document.addEventListener('click', handleClick, true);\n    return () => document.removeEventListener('click', handleClick, true);\n  }, [onClickStable]);\n  return <span ref={ref}>{children}</span>;\n}\n"]}

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

@@ -1,25 +1,16 @@
-import React from 'react';
 import { TableProps } from '../interfaces';
-interface TableBodyCellProps {
-    className?: string;
-    style?: React.CSSProperties;
-    wrapLines: boolean | undefined;
-    isFirstRow: boolean;
-    isLastRow: boolean;
-    isEvenRow?: boolean;
-    stripedRows?: boolean;
-    isSelected: boolean;
-    isNextSelected: boolean;
-    isPrevSelected: boolean;
-    children?: React.ReactNode;
-    hasSelection?: boolean;
-    hasFooter?: boolean;
-}
-export declare function TableBodyCell({ className, style, children, wrapLines, isFirstRow, isLastRow, isSelected, isNextSelected, isPrevSelected, isEvenRow, stripedRows, hasSelection, hasFooter, }: TableBodyCellProps): JSX.Element;
-interface TableBodyCellContentProps<ItemType> extends TableBodyCellProps {
+import { TableTdElementProps } from './td-element';
+interface TableBodyCellProps<ItemType> extends TableTdElementProps {
     column: TableProps.ColumnDefinition<ItemType>;
     item: ItemType;
+    isEditing: boolean;
+    onEditStart: () => void;
+    onEditEnd: () => void;
+    submitEdit?: TableProps.SubmitEditFunction<ItemType>;
+    ariaLabels: TableProps['ariaLabels'];
 }
-export declare function TableBodyCellContent<ItemType>({ item, column, ...rest }: TableBodyCellContentProps<ItemType>): JSX.Element;
+export declare function TableBodyCell<ItemType>({ isEditable, ...rest }: TableBodyCellProps<ItemType> & {
+    isEditable: boolean;
+}): JSX.Element;
 export {};
 //# sourceMappingURL=index.d.ts.map