@cloudscape-design/components-themeable 3.0.374 → 3.0.376

package/lib/internal/template/pie-chart/styles.scoped.css

@@ -94,57 +94,57 @@ 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_segment__path_1edmh_178xt_97:not(#\9) {
-  transition: opacity var(--motion-duration-transition-quick-lhzu1i, 90ms) var(--motion-easing-transition-quick-ginw31, linear);
+.awsui_segment__path_1edmh_gci9o_97:not(#\9) {
+  transition: opacity var(--motion-duration-transition-quick-j01tkg, 90ms) var(--motion-easing-transition-quick-9ktw66, linear);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_segment__path_1edmh_178xt_97:not(#\9) {
+  .awsui_segment__path_1edmh_gci9o_97:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_segment__path_1edmh_178xt_97:not(#\9), .awsui-mode-entering .awsui_segment__path_1edmh_178xt_97:not(#\9) {
+.awsui-motion-disabled .awsui_segment__path_1edmh_gci9o_97:not(#\9), .awsui-mode-entering .awsui_segment__path_1edmh_gci9o_97:not(#\9) {
   animation: none;
   transition: none;
 }
 
-.awsui_segment_1edmh_178xt_97:not(#\9) {
-  transition: opacity var(--motion-duration-transition-quick-lhzu1i, 90ms) var(--motion-easing-transition-quick-ginw31, linear);
+.awsui_segment_1edmh_gci9o_97:not(#\9) {
+  transition: opacity var(--motion-duration-transition-quick-j01tkg, 90ms) var(--motion-easing-transition-quick-9ktw66, linear);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_segment_1edmh_178xt_97:not(#\9) {
+  .awsui_segment_1edmh_gci9o_97:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_segment_1edmh_178xt_97:not(#\9), .awsui-mode-entering .awsui_segment_1edmh_178xt_97:not(#\9) {
+.awsui-motion-disabled .awsui_segment_1edmh_gci9o_97:not(#\9), .awsui-mode-entering .awsui_segment_1edmh_gci9o_97:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_segment_1edmh_178xt_97 > .awsui_segment__hover_1edmh_178xt_124:not(#\9) {
-  transition: opacity var(--motion-duration-transition-quick-lhzu1i, 90ms) var(--motion-easing-transition-quick-ginw31, linear);
+.awsui_segment_1edmh_gci9o_97 > .awsui_segment__hover_1edmh_gci9o_124:not(#\9) {
+  transition: opacity var(--motion-duration-transition-quick-j01tkg, 90ms) var(--motion-easing-transition-quick-9ktw66, linear);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_segment_1edmh_178xt_97 > .awsui_segment__hover_1edmh_178xt_124:not(#\9) {
+  .awsui_segment_1edmh_gci9o_97 > .awsui_segment__hover_1edmh_gci9o_124:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_segment_1edmh_178xt_97 > .awsui_segment__hover_1edmh_178xt_124:not(#\9), .awsui-mode-entering .awsui_segment_1edmh_178xt_97 > .awsui_segment__hover_1edmh_178xt_124:not(#\9) {
+.awsui-motion-disabled .awsui_segment_1edmh_gci9o_97 > .awsui_segment__hover_1edmh_gci9o_124:not(#\9), .awsui-mode-entering .awsui_segment_1edmh_gci9o_97 > .awsui_segment__hover_1edmh_gci9o_124:not(#\9) {
   animation: none;
   transition: none;
 }
 
-.awsui_label_1edmh_178xt_138:not(#\9) {
-  transition: opacity var(--motion-duration-transition-quick-lhzu1i, 90ms) var(--motion-easing-transition-quick-ginw31, linear);
+.awsui_label_1edmh_gci9o_138:not(#\9) {
+  transition: opacity var(--motion-duration-transition-quick-j01tkg, 90ms) var(--motion-easing-transition-quick-9ktw66, linear);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_label_1edmh_178xt_138:not(#\9) {
+  .awsui_label_1edmh_gci9o_138:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_label_1edmh_178xt_138:not(#\9), .awsui-mode-entering .awsui_label_1edmh_178xt_138:not(#\9) {
+.awsui-motion-disabled .awsui_label_1edmh_gci9o_138:not(#\9), .awsui-mode-entering .awsui_label_1edmh_gci9o_138:not(#\9) {
   animation: none;
   transition: none;
 }
@@ -153,50 +153,50 @@ 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_1edmh_178xt_156:not(#\9) {
+.awsui_root_1edmh_gci9o_156:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_content_1edmh_178xt_160.awsui_content--small_1edmh_178xt_160:not(#\9) {
-  min-height: calc(2 * (50px + var(--space-xs-e7dyai, 8px) + calc(2 * var(--font-body-m-line-height-7pedlt, 22px))));
+.awsui_content_1edmh_gci9o_160.awsui_content--small_1edmh_gci9o_160:not(#\9) {
+  min-height: calc(2 * (50px + var(--space-xs-xf5ch3, 8px) + calc(2 * var(--font-body-m-line-height-wmg6vk, 22px))));
 }
-.awsui_content_1edmh_178xt_160.awsui_content--small_1edmh_178xt_160.awsui_content--without-labels_1edmh_178xt_163:not(#\9) {
-  min-height: calc(2 * (50px + var(--space-xs-e7dyai, 8px)));
+.awsui_content_1edmh_gci9o_160.awsui_content--small_1edmh_gci9o_160.awsui_content--without-labels_1edmh_gci9o_163:not(#\9) {
+  min-height: calc(2 * (50px + var(--space-xs-xf5ch3, 8px)));
 }
-.awsui_content_1edmh_178xt_160.awsui_content--medium_1edmh_178xt_166:not(#\9) {
-  min-height: calc(2 * (100px + var(--space-s-agghyv, 12px) + calc(2 * var(--font-body-m-line-height-7pedlt, 22px))));
+.awsui_content_1edmh_gci9o_160.awsui_content--medium_1edmh_gci9o_166:not(#\9) {
+  min-height: calc(2 * (100px + var(--space-s-2025hl, 12px) + calc(2 * var(--font-body-m-line-height-wmg6vk, 22px))));
 }
-.awsui_content_1edmh_178xt_160.awsui_content--medium_1edmh_178xt_166.awsui_content--without-labels_1edmh_178xt_163:not(#\9) {
-  min-height: calc(2 * (100px + var(--space-s-agghyv, 12px)));
+.awsui_content_1edmh_gci9o_160.awsui_content--medium_1edmh_gci9o_166.awsui_content--without-labels_1edmh_gci9o_163:not(#\9) {
+  min-height: calc(2 * (100px + var(--space-s-2025hl, 12px)));
 }
-.awsui_content_1edmh_178xt_160.awsui_content--large_1edmh_178xt_172:not(#\9) {
-  min-height: calc(2 * (140px + var(--space-s-agghyv, 12px) + calc(2 * var(--font-body-m-line-height-7pedlt, 22px))));
+.awsui_content_1edmh_gci9o_160.awsui_content--large_1edmh_gci9o_172:not(#\9) {
+  min-height: calc(2 * (140px + var(--space-s-2025hl, 12px) + calc(2 * var(--font-body-m-line-height-wmg6vk, 22px))));
 }
-.awsui_content_1edmh_178xt_160.awsui_content--large_1edmh_178xt_172.awsui_content--without-labels_1edmh_178xt_163:not(#\9) {
-  min-height: calc(2 * (140px + var(--space-s-agghyv, 12px)));
+.awsui_content_1edmh_gci9o_160.awsui_content--large_1edmh_gci9o_172.awsui_content--without-labels_1edmh_gci9o_163:not(#\9) {
+  min-height: calc(2 * (140px + var(--space-s-2025hl, 12px)));
 }
 
-.awsui_content--fit-height_1edmh_178xt_179:not(#\9) {
+.awsui_content--fit-height_1edmh_gci9o_179:not(#\9) {
   flex: 1;
 }
 
-.awsui_status-container_1edmh_178xt_183:not(#\9) {
+.awsui_status-container_1edmh_gci9o_183:not(#\9) {
   /* used in test utils */
 }
 
-.awsui_chart-container_1edmh_178xt_187:not(#\9) {
+.awsui_chart-container_1edmh_gci9o_187:not(#\9) {
   display: flex;
   flex: 1;
 }
-.awsui_chart-container--fit-height_1edmh_178xt_191:not(#\9) {
+.awsui_chart-container--fit-height_1edmh_gci9o_191:not(#\9) {
   height: 100%;
   min-height: inherit;
 }
 
-.awsui_chart-container-chart-plot_1edmh_178xt_196:not(#\9) {
+.awsui_chart-container-chart-plot_1edmh_gci9o_196:not(#\9) {
   display: contents;
 }
-.awsui_chart-container-chart-plot--fit-height_1edmh_178xt_199:not(#\9) {
+.awsui_chart-container-chart-plot--fit-height_1edmh_gci9o_199:not(#\9) {
   display: block;
   position: absolute;
   top: 0;
@@ -205,7 +205,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   left: 0;
 }
 
-.awsui_inner-content_1edmh_178xt_208:not(#\9) {
+.awsui_inner-content_1edmh_gci9o_208:not(#\9) {
   display: flex;
   position: absolute;
   flex-direction: column;
@@ -219,76 +219,76 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   pointer-events: none;
 }
 
-.awsui_segment__highlight_1edmh_178xt_222:not(#\9) {
+.awsui_segment__highlight_1edmh_gci9o_222:not(#\9) {
   stroke: none;
   opacity: 0;
 }
 
-.awsui_segment_1edmh_178xt_97:not(#\9) {
-  stroke: var(--color-background-container-content-rearqm, #ffffff);
+.awsui_segment_1edmh_gci9o_97:not(#\9) {
+  stroke: var(--color-background-container-content-il2pe5, #ffffff);
   stroke-width: 2px;
   stroke-linejoin: round;
   opacity: 1;
   cursor: pointer;
 }
-.awsui_segment_1edmh_178xt_97:not(#\9):focus {
+.awsui_segment_1edmh_gci9o_97:not(#\9):focus {
   outline: none;
 }
-.awsui_segment_1edmh_178xt_97.awsui_segment--dimmed_1edmh_178xt_237:not(#\9) {
+.awsui_segment_1edmh_gci9o_97.awsui_segment--dimmed_1edmh_gci9o_237:not(#\9) {
   opacity: 0.35;
 }
-.awsui_segment_1edmh_178xt_97.awsui_segment--highlighted_1edmh_178xt_240 > .awsui_segment__highlight_1edmh_178xt_222:not(#\9), .awsui_segment_1edmh_178xt_97:not(#\9):hover:not(.awsui_segment--dimmed_1edmh_178xt_237) > .awsui_segment__highlight_1edmh_178xt_222 {
+.awsui_segment_1edmh_gci9o_97.awsui_segment--highlighted_1edmh_gci9o_240 > .awsui_segment__highlight_1edmh_gci9o_222:not(#\9), .awsui_segment_1edmh_gci9o_97:not(#\9):hover:not(.awsui_segment--dimmed_1edmh_gci9o_237) > .awsui_segment__highlight_1edmh_gci9o_222 {
   opacity: 1;
 }
 
-.awsui_label_1edmh_178xt_138:not(#\9) {
-  color: var(--color-text-heading-default-f2k17x, #16191f);
+.awsui_label_1edmh_gci9o_138:not(#\9) {
+  color: var(--color-text-heading-default-q5s9rq, #16191f);
   opacity: 1;
   /* stylelint-disable-next-line selector-max-type */
   /* stylelint-disable-next-line selector-max-type */
 }
-.awsui_label_1edmh_178xt_138 > line:not(#\9) {
-  stroke: var(--color-stroke-chart-line-glrfjx, #879596);
-  stroke-width: var(--border-divider-section-width-uu4597, 1px);
+.awsui_label_1edmh_gci9o_138 > line:not(#\9) {
+  stroke: var(--color-stroke-chart-line-917j1w, #879596);
+  stroke-width: var(--border-divider-section-width-4ozgf3, 1px);
 }
-.awsui_label_1edmh_178xt_138 > div:not(#\9) {
+.awsui_label_1edmh_gci9o_138 > div:not(#\9) {
   margin-top: -0.75em;
 }
-.awsui_label_1edmh_178xt_138.awsui_label--dimmed_1edmh_178xt_257:not(#\9) {
+.awsui_label_1edmh_gci9o_138.awsui_label--dimmed_1edmh_gci9o_257:not(#\9) {
   opacity: 0.35;
 }
-.awsui_label_1edmh_178xt_138.awsui_label--align-right_1edmh_178xt_260:not(#\9) {
+.awsui_label_1edmh_gci9o_138.awsui_label--align-right_1edmh_gci9o_260:not(#\9) {
   /* stylelint-disable-next-line selector-max-type */
 }
-.awsui_label_1edmh_178xt_138.awsui_label--align-right_1edmh_178xt_260 > div:not(#\9) {
+.awsui_label_1edmh_gci9o_138.awsui_label--align-right_1edmh_gci9o_260 > div:not(#\9) {
   text-align: right;
 }
 
 /* stylelint-disable-next-line selector-max-type */
-.awsui_label-text_1edmh_178xt_268 > text:not(#\9) {
-  font-size: var(--font-body-m-size-q2y4dq, 14px);
-  line-height: var(--font-body-m-line-height-7pedlt, 22px);
-  font-weight: var(--font-display-label-weight-hvrmv6, 400);
-  fill: var(--color-text-heading-default-f2k17x, #16191f);
+.awsui_label-text_1edmh_gci9o_268 > text:not(#\9) {
+  font-size: var(--font-body-m-size-bf8hby, 14px);
+  line-height: var(--font-body-m-line-height-wmg6vk, 22px);
+  font-weight: var(--font-display-label-weight-2njs7q, 400);
+  fill: var(--color-text-heading-default-q5s9rq, #16191f);
   dominant-baseline: middle;
 }
 
-text.awsui_label__description_1edmh_178xt_276:not(#\9) {
-  font-size: var(--font-chart-detail-size-2dh15u, 14px);
+text.awsui_label__description_1edmh_gci9o_276:not(#\9) {
+  font-size: var(--font-chart-detail-size-pob89f, 14px);
   font-weight: 400;
-  color: var(--color-text-group-label-amm11e, #545b64);
-  fill: var(--color-text-group-label-amm11e, #545b64);
+  color: var(--color-text-group-label-7crvc9, #545b64);
+  fill: var(--color-text-group-label-7crvc9, #545b64);
 }
 
-.awsui_label-line_1edmh_178xt_283:not(#\9) {
+.awsui_label-line_1edmh_gci9o_283:not(#\9) {
   /* used in component code */
 }
 
-.awsui_label--highlighted_1edmh_178xt_287:not(#\9) {
+.awsui_label--highlighted_1edmh_gci9o_287:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_popover-header_1edmh_178xt_291:not(#\9) {
+.awsui_popover-header_1edmh_gci9o_291:not(#\9) {
   display: inline-flex;
   align-items: flex-start;
 }

package/lib/internal/template/pie-chart/styles.selectors.js

@@ -2,32 +2,32 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "segment__path": "awsui_segment__path_1edmh_178xt_97",
-  "segment": "awsui_segment_1edmh_178xt_97",
-  "segment__hover": "awsui_segment__hover_1edmh_178xt_124",
-  "label": "awsui_label_1edmh_178xt_138",
-  "root": "awsui_root_1edmh_178xt_156",
-  "content": "awsui_content_1edmh_178xt_160",
-  "content--small": "awsui_content--small_1edmh_178xt_160",
-  "content--without-labels": "awsui_content--without-labels_1edmh_178xt_163",
-  "content--medium": "awsui_content--medium_1edmh_178xt_166",
-  "content--large": "awsui_content--large_1edmh_178xt_172",
-  "content--fit-height": "awsui_content--fit-height_1edmh_178xt_179",
-  "status-container": "awsui_status-container_1edmh_178xt_183",
-  "chart-container": "awsui_chart-container_1edmh_178xt_187",
-  "chart-container--fit-height": "awsui_chart-container--fit-height_1edmh_178xt_191",
-  "chart-container-chart-plot": "awsui_chart-container-chart-plot_1edmh_178xt_196",
-  "chart-container-chart-plot--fit-height": "awsui_chart-container-chart-plot--fit-height_1edmh_178xt_199",
-  "inner-content": "awsui_inner-content_1edmh_178xt_208",
-  "segment__highlight": "awsui_segment__highlight_1edmh_178xt_222",
-  "segment--dimmed": "awsui_segment--dimmed_1edmh_178xt_237",
-  "segment--highlighted": "awsui_segment--highlighted_1edmh_178xt_240",
-  "label--dimmed": "awsui_label--dimmed_1edmh_178xt_257",
-  "label--align-right": "awsui_label--align-right_1edmh_178xt_260",
-  "label-text": "awsui_label-text_1edmh_178xt_268",
-  "label__description": "awsui_label__description_1edmh_178xt_276",
-  "label-line": "awsui_label-line_1edmh_178xt_283",
-  "label--highlighted": "awsui_label--highlighted_1edmh_178xt_287",
-  "popover-header": "awsui_popover-header_1edmh_178xt_291"
+  "segment__path": "awsui_segment__path_1edmh_gci9o_97",
+  "segment": "awsui_segment_1edmh_gci9o_97",
+  "segment__hover": "awsui_segment__hover_1edmh_gci9o_124",
+  "label": "awsui_label_1edmh_gci9o_138",
+  "root": "awsui_root_1edmh_gci9o_156",
+  "content": "awsui_content_1edmh_gci9o_160",
+  "content--small": "awsui_content--small_1edmh_gci9o_160",
+  "content--without-labels": "awsui_content--without-labels_1edmh_gci9o_163",
+  "content--medium": "awsui_content--medium_1edmh_gci9o_166",
+  "content--large": "awsui_content--large_1edmh_gci9o_172",
+  "content--fit-height": "awsui_content--fit-height_1edmh_gci9o_179",
+  "status-container": "awsui_status-container_1edmh_gci9o_183",
+  "chart-container": "awsui_chart-container_1edmh_gci9o_187",
+  "chart-container--fit-height": "awsui_chart-container--fit-height_1edmh_gci9o_191",
+  "chart-container-chart-plot": "awsui_chart-container-chart-plot_1edmh_gci9o_196",
+  "chart-container-chart-plot--fit-height": "awsui_chart-container-chart-plot--fit-height_1edmh_gci9o_199",
+  "inner-content": "awsui_inner-content_1edmh_gci9o_208",
+  "segment__highlight": "awsui_segment__highlight_1edmh_gci9o_222",
+  "segment--dimmed": "awsui_segment--dimmed_1edmh_gci9o_237",
+  "segment--highlighted": "awsui_segment--highlighted_1edmh_gci9o_240",
+  "label--dimmed": "awsui_label--dimmed_1edmh_gci9o_257",
+  "label--align-right": "awsui_label--align-right_1edmh_gci9o_260",
+  "label-text": "awsui_label-text_1edmh_gci9o_268",
+  "label__description": "awsui_label__description_1edmh_gci9o_276",
+  "label-line": "awsui_label-line_1edmh_gci9o_283",
+  "label--highlighted": "awsui_label--highlighted_1edmh_gci9o_287",
+  "popover-header": "awsui_popover-header_1edmh_gci9o_291"
 };
   

package/lib/internal/template/popover/container.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"container.d.ts","sourceRoot":"lib/default/","sources":["popover/container.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAwE,MAAM,OAAO,CAAC;AAI7F,OAAO,EAAkB,gBAAgB,EAAU,YAAY,EAAE,MAAM,cAAc,CAAC;AAMtF,MAAM,WAAW,qBAAqB;IACpC,kEAAkE;IAClE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC;IACnC;;;;;;;;MAQE;IACF,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC3B,QAAQ,EAAE,YAAY,CAAC,QAAQ,CAAC;IAChC,MAAM,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;IACvC,KAAK,EAAE,CAAC,QAAQ,EAAE,gBAAgB,GAAG,IAAI,KAAK,KAAK,CAAC,SAAS,CAAC;IAC9D,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,IAAI,EAAE,YAAY,CAAC,IAAI,CAAC;IACxB,UAAU,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,YAAY,CAAC;CACxB;AAID,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,EACvC,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,KAAK,EACL,QAAQ,EACR,MAAM,EACN,gBAAgB,EAChB,IAAI,EACJ,UAAU,EACV,OAAO,GACR,EAAE,qBAAqB,eAqKvB"}
+{"version":3,"file":"container.d.ts","sourceRoot":"lib/default/","sources":["popover/container.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAwE,MAAM,OAAO,CAAC;AAM7F,OAAO,EAAkB,gBAAgB,EAAU,YAAY,EAAE,MAAM,cAAc,CAAC;AAKtF,MAAM,WAAW,qBAAqB;IACpC,kEAAkE;IAClE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC;IACnC;;;;;;;;MAQE;IACF,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC3B,QAAQ,EAAE,YAAY,CAAC,QAAQ,CAAC;IAChC,MAAM,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;IACvC,KAAK,EAAE,CAAC,QAAQ,EAAE,gBAAgB,GAAG,IAAI,KAAK,KAAK,CAAC,SAAS,CAAC;IAC9D,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,IAAI,EAAE,YAAY,CAAC,IAAI,CAAC;IACxB,UAAU,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,YAAY,CAAC;CACxB;AAID,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,EACvC,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,KAAK,EACL,QAAQ,EACR,MAAM,EACN,gBAAgB,EAChB,IAAI,EACJ,UAAU,EACV,OAAO,GACR,EAAE,qBAAqB,eAqKvB"}

package/lib/internal/template/popover/container.js

@@ -2,11 +2,12 @@
 // SPDX-License-Identifier: Apache-2.0
 import React, { useCallback, useLayoutEffect, useRef, useState } from 'react';
 import clsx from 'clsx';
-import { getContainingBlock, nodeContains } from '../internal/utils/dom';
+import { nodeContains } from '@cloudscape-design/component-toolkit/dom';
+import { useResizeObserver } from '@cloudscape-design/component-toolkit/internal';
+import { getContainingBlock } from '../internal/utils/dom';
 import { calculatePosition } from './utils/positions';
 import styles from './styles.css.js';
 import { useVisualRefresh } from '../internal/hooks/use-visual-mode';
-import { useResizeObserver } from '@cloudscape-design/component-toolkit/internal';
 const INITIAL_STYLES = { position: 'absolute', top: -9999, left: -9999 };
 export default function PopoverContainer({ position, trackRef, trackKey, arrow, children, zIndex, renderWithPortal, size, fixedWidth, variant, }) {
     const bodyRef = useRef(null);

package/lib/internal/template/popover/container.js.map

@@ -1 +1 @@
-{"version":3,"file":"container.js","sourceRoot":"lib/default/","sources":["popover/container.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, { CSSProperties, useCallback, useLayoutEffect, useRef, useState } from 'react';\nimport clsx from 'clsx';\n\nimport { getContainingBlock, nodeContains } from '../internal/utils/dom';\nimport { BoundingOffset, InternalPosition, Offset, PopoverProps } from './interfaces';\nimport { calculatePosition } from './utils/positions';\nimport styles from './styles.css.js';\nimport { useVisualRefresh } from '../internal/hooks/use-visual-mode';\nimport { useResizeObserver } from '@cloudscape-design/component-toolkit/internal';\n\nexport interface PopoverContainerProps {\n  /** References the element the container is positioned against. */\n  trackRef: React.RefObject<Element>;\n  /**\n    Used to update the container position in case track or track position changes:\n    \n    const trackRef = useRef<Element>(null)\n    return (<>\n      <Track style={getPosition(selectedItemId)} ref={trackRef} />\n      <PopoverContainer trackRef={trackRef} trackKey={selectedItemId} .../>\n    </>)\n  */\n  trackKey?: string | number;\n  position: PopoverProps.Position;\n  zIndex?: React.CSSProperties['zIndex'];\n  arrow: (position: InternalPosition | null) => React.ReactNode;\n  children: React.ReactNode;\n  renderWithPortal?: boolean;\n  size: PopoverProps.Size;\n  fixedWidth: boolean;\n  variant?: 'annotation';\n}\n\nconst INITIAL_STYLES: CSSProperties = { position: 'absolute', top: -9999, left: -9999 };\n\nexport default function PopoverContainer({\n  position,\n  trackRef,\n  trackKey,\n  arrow,\n  children,\n  zIndex,\n  renderWithPortal,\n  size,\n  fixedWidth,\n  variant,\n}: PopoverContainerProps) {\n  const bodyRef = useRef<HTMLDivElement | null>(null);\n  const contentRef = useRef<HTMLDivElement | null>(null);\n  const popoverRef = useRef<HTMLDivElement | null>(null);\n  const arrowRef = useRef<HTMLDivElement | null>(null);\n\n  const [popoverStyle, setPopoverStyle] = useState<CSSProperties>(INITIAL_STYLES);\n  const [internalPosition, setInternalPosition] = useState<InternalPosition | null>(null);\n  const isRefresh = useVisualRefresh();\n\n  // Store the handler in a ref so that it can still be replaced from outside of the listener closure.\n  const positionHandlerRef = useRef<() => void>(() => {});\n\n  // Updates the position handler.\n  const updatePositionHandler = useCallback(() => {\n    if (!trackRef.current || !popoverRef.current || !bodyRef.current || !contentRef.current || !arrowRef.current) {\n      return;\n    }\n\n    // Get important elements\n    const popover = popoverRef.current;\n    const body = bodyRef.current;\n    const arrow = arrowRef.current;\n    const document = popover.ownerDocument;\n    const track = trackRef.current;\n\n    // If the popover body isn't being rendered for whatever reason (e.g. \"display: none\" or JSDOM),\n    // or track does not belong to the document - bail on calculating dimensions.\n    if (popover.offsetWidth === 0 || popover.offsetHeight === 0 || !nodeContains(document.body, track)) {\n      return;\n    }\n\n    // Imperatively move body off-screen to give it room to expand.\n    // Not doing this in React because this recalculation should happen\n    // in the span of a single frame without rerendering anything.\n    const prevTop = popover.style.top;\n    const prevLeft = popover.style.left;\n    popover.style.top = '0';\n    popover.style.left = '0';\n    // Imperatively remove body styles that can remain from the previous computation.\n    body.style.maxHeight = '';\n    body.style.overflowX = '';\n    body.style.overflowY = '';\n\n    // Get rects representing key elements\n    // Use getComputedStyle for arrowRect to avoid modifications made by transform\n    const viewportRect = getViewportRect(document.defaultView!);\n    const trackRect = track.getBoundingClientRect();\n    const arrowRect = {\n      width: parseFloat(getComputedStyle(arrow).width),\n      height: parseFloat(getComputedStyle(arrow).height),\n    };\n    const containingBlock = getContainingBlock(popover);\n    const containingBlockRect = containingBlock ? containingBlock.getBoundingClientRect() : viewportRect;\n\n    const bodyBorderWidth = getBorderWidth(body);\n    const contentRect = contentRef.current.getBoundingClientRect();\n    const contentBoundingBox = {\n      width: contentRect.width + 2 * bodyBorderWidth,\n      height: contentRect.height + 2 * bodyBorderWidth,\n    };\n\n    // Calculate the arrow direction and viewport-relative position of the popover.\n    const {\n      scrollable,\n      internalPosition: newInternalPosition,\n      boundingOffset,\n    } = calculatePosition(\n      position,\n      trackRect,\n      arrowRect,\n      contentBoundingBox,\n      containingBlock ? containingBlockRect : getDocumentRect(document),\n      viewportRect,\n      renderWithPortal\n    );\n\n    // Get the position of the popover relative to the offset parent.\n    const popoverOffset = toRelativePosition(boundingOffset, containingBlockRect);\n\n    // Cache the distance between the trigger and the popover (which stays the same as you scroll),\n    // and use that to recalculate the new popover position.\n    const trackRelativeOffset = toRelativePosition(popoverOffset, toRelativePosition(trackRect, containingBlockRect));\n\n    // Bring back the container to its original position to prevent any flashing.\n    popover.style.top = prevTop;\n    popover.style.left = prevLeft;\n\n    // Allow popover body to scroll if can't fit the popover into the container/viewport otherwise.\n    if (scrollable) {\n      body.style.maxHeight = boundingOffset.height + 'px';\n      body.style.overflowX = 'hidden';\n      body.style.overflowY = 'auto';\n    }\n\n    // Position the popover\n    setInternalPosition(newInternalPosition);\n    setPopoverStyle({ top: popoverOffset.top, left: popoverOffset.left });\n\n    positionHandlerRef.current = () => {\n      const newTrackOffset = toRelativePosition(\n        track.getBoundingClientRect(),\n        containingBlock ? containingBlock.getBoundingClientRect() : viewportRect\n      );\n      setPopoverStyle({\n        top: newTrackOffset.top + trackRelativeOffset.top,\n        left: newTrackOffset.left + trackRelativeOffset.left,\n      });\n    };\n  }, [position, trackRef, renderWithPortal]);\n\n  // Recalculate position when properties change.\n  useLayoutEffect(() => {\n    updatePositionHandler();\n  }, [updatePositionHandler, trackKey]);\n\n  // Recalculate position when content size changes.\n  useResizeObserver(contentRef, () => updatePositionHandler());\n\n  // Recalculate position on DOM events.\n  useLayoutEffect(() => {\n    /*\n      This is a heuristic. Some layout changes are caused by user clicks (e.g. toggling the tools panel, submitting a form),\n      and by tracking the click event we can adapt the popover's position to the new layout.\n\n      TODO: extend this to Enter and Spacebar?\n    */\n    const updatePosition = () => requestAnimationFrame(() => updatePositionHandler());\n    const refreshPosition = () => requestAnimationFrame(() => positionHandlerRef.current());\n\n    window.addEventListener('click', updatePosition);\n    window.addEventListener('resize', updatePosition);\n    window.addEventListener('scroll', refreshPosition, true);\n    return () => {\n      window.removeEventListener('click', updatePosition);\n      window.removeEventListener('resize', updatePosition);\n      window.removeEventListener('scroll', refreshPosition, true);\n    };\n  }, [updatePositionHandler]);\n\n  return (\n    <div\n      ref={popoverRef}\n      style={{ ...popoverStyle, zIndex }}\n      className={clsx(styles.container, isRefresh && styles.refresh)}\n    >\n      <div\n        ref={arrowRef}\n        className={clsx(styles[`container-arrow`], styles[`container-arrow-position-${internalPosition}`])}\n        aria-hidden={true}\n      >\n        {arrow(internalPosition)}\n      </div>\n\n      <div\n        ref={bodyRef}\n        className={clsx(styles['container-body'], styles[`container-body-size-${size}`], {\n          [styles['fixed-width']]: fixedWidth,\n          [styles[`container-body-variant-${variant}`]]: variant,\n        })}\n      >\n        <div ref={contentRef}>{children}</div>\n      </div>\n    </div>\n  );\n}\n\nfunction getBorderWidth(element: HTMLElement) {\n  return parseInt(getComputedStyle(element).borderWidth) || 0;\n}\n\n/**\n * Convert a viewport-relative offset to an element-relative offset.\n */\nfunction toRelativePosition(element: Offset, parent: Offset): Offset {\n  return {\n    top: element.top - parent.top,\n    left: element.left - parent.left,\n  };\n}\n\n/**\n * Get a BoundingOffset that represents the visible viewport.\n */\nfunction getViewportRect(window: Window): BoundingOffset {\n  return {\n    top: 0,\n    left: 0,\n    width: window.innerWidth,\n    height: window.innerHeight,\n  };\n}\n\nfunction getDocumentRect(document: Document): BoundingOffset {\n  const { top, left } = document.documentElement.getBoundingClientRect();\n  return {\n    top,\n    left,\n    width: document.documentElement.scrollWidth,\n    height: document.documentElement.scrollHeight,\n  };\n}\n"]}
+{"version":3,"file":"container.js","sourceRoot":"lib/default/","sources":["popover/container.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,EAAE,EAAiB,WAAW,EAAE,eAAe,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC7F,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,EAAE,YAAY,EAAE,MAAM,0CAA0C,CAAC;AACxE,OAAO,EAAE,iBAAiB,EAAE,MAAM,+CAA+C,CAAC;AAElF,OAAO,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAE3D,OAAO,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AACtD,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,EAAE,gBAAgB,EAAE,MAAM,mCAAmC,CAAC;AAyBrE,MAAM,cAAc,GAAkB,EAAE,QAAQ,EAAE,UAAU,EAAE,GAAG,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,CAAC,IAAI,EAAE,CAAC;AAExF,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,EACvC,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,KAAK,EACL,QAAQ,EACR,MAAM,EACN,gBAAgB,EAChB,IAAI,EACJ,UAAU,EACV,OAAO,GACe;IACtB,MAAM,OAAO,GAAG,MAAM,CAAwB,IAAI,CAAC,CAAC;IACpD,MAAM,UAAU,GAAG,MAAM,CAAwB,IAAI,CAAC,CAAC;IACvD,MAAM,UAAU,GAAG,MAAM,CAAwB,IAAI,CAAC,CAAC;IACvD,MAAM,QAAQ,GAAG,MAAM,CAAwB,IAAI,CAAC,CAAC;IAErD,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAgB,cAAc,CAAC,CAAC;IAChF,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,QAAQ,CAA0B,IAAI,CAAC,CAAC;IACxF,MAAM,SAAS,GAAG,gBAAgB,EAAE,CAAC;IAErC,oGAAoG;IACpG,MAAM,kBAAkB,GAAG,MAAM,CAAa,GAAG,EAAE,GAAE,CAAC,CAAC,CAAC;IAExD,gCAAgC;IAChC,MAAM,qBAAqB,GAAG,WAAW,CAAC,GAAG,EAAE;QAC7C,IAAI,CAAC,QAAQ,CAAC,OAAO,IAAI,CAAC,UAAU,CAAC,OAAO,IAAI,CAAC,OAAO,CAAC,OAAO,IAAI,CAAC,UAAU,CAAC,OAAO,IAAI,CAAC,QAAQ,CAAC,OAAO,EAAE;YAC5G,OAAO;SACR;QAED,yBAAyB;QACzB,MAAM,OAAO,GAAG,UAAU,CAAC,OAAO,CAAC;QACnC,MAAM,IAAI,GAAG,OAAO,CAAC,OAAO,CAAC;QAC7B,MAAM,KAAK,GAAG,QAAQ,CAAC,OAAO,CAAC;QAC/B,MAAM,QAAQ,GAAG,OAAO,CAAC,aAAa,CAAC;QACvC,MAAM,KAAK,GAAG,QAAQ,CAAC,OAAO,CAAC;QAE/B,gGAAgG;QAChG,6EAA6E;QAC7E,IAAI,OAAO,CAAC,WAAW,KAAK,CAAC,IAAI,OAAO,CAAC,YAAY,KAAK,CAAC,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,IAAI,EAAE,KAAK,CAAC,EAAE;YAClG,OAAO;SACR;QAED,+DAA+D;QAC/D,mEAAmE;QACnE,8DAA8D;QAC9D,MAAM,OAAO,GAAG,OAAO,CAAC,KAAK,CAAC,GAAG,CAAC;QAClC,MAAM,QAAQ,GAAG,OAAO,CAAC,KAAK,CAAC,IAAI,CAAC;QACpC,OAAO,CAAC,KAAK,CAAC,GAAG,GAAG,GAAG,CAAC;QACxB,OAAO,CAAC,KAAK,CAAC,IAAI,GAAG,GAAG,CAAC;QACzB,iFAAiF;QACjF,IAAI,CAAC,KAAK,CAAC,SAAS,GAAG,EAAE,CAAC;QAC1B,IAAI,CAAC,KAAK,CAAC,SAAS,GAAG,EAAE,CAAC;QAC1B,IAAI,CAAC,KAAK,CAAC,SAAS,GAAG,EAAE,CAAC;QAE1B,sCAAsC;QACtC,8EAA8E;QAC9E,MAAM,YAAY,GAAG,eAAe,CAAC,QAAQ,CAAC,WAAY,CAAC,CAAC;QAC5D,MAAM,SAAS,GAAG,KAAK,CAAC,qBAAqB,EAAE,CAAC;QAChD,MAAM,SAAS,GAAG;YAChB,KAAK,EAAE,UAAU,CAAC,gBAAgB,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC;YAChD,MAAM,EAAE,UAAU,CAAC,gBAAgB,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC;SACnD,CAAC;QACF,MAAM,eAAe,GAAG,kBAAkB,CAAC,OAAO,CAAC,CAAC;QACpD,MAAM,mBAAmB,GAAG,eAAe,CAAC,CAAC,CAAC,eAAe,CAAC,qBAAqB,EAAE,CAAC,CAAC,CAAC,YAAY,CAAC;QAErG,MAAM,eAAe,GAAG,cAAc,CAAC,IAAI,CAAC,CAAC;QAC7C,MAAM,WAAW,GAAG,UAAU,CAAC,OAAO,CAAC,qBAAqB,EAAE,CAAC;QAC/D,MAAM,kBAAkB,GAAG;YACzB,KAAK,EAAE,WAAW,CAAC,KAAK,GAAG,CAAC,GAAG,eAAe;YAC9C,MAAM,EAAE,WAAW,CAAC,MAAM,GAAG,CAAC,GAAG,eAAe;SACjD,CAAC;QAEF,+EAA+E;QAC/E,MAAM,EACJ,UAAU,EACV,gBAAgB,EAAE,mBAAmB,EACrC,cAAc,GACf,GAAG,iBAAiB,CACnB,QAAQ,EACR,SAAS,EACT,SAAS,EACT,kBAAkB,EAClB,eAAe,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,eAAe,CAAC,QAAQ,CAAC,EACjE,YAAY,EACZ,gBAAgB,CACjB,CAAC;QAEF,iEAAiE;QACjE,MAAM,aAAa,GAAG,kBAAkB,CAAC,cAAc,EAAE,mBAAmB,CAAC,CAAC;QAE9E,+FAA+F;QAC/F,wDAAwD;QACxD,MAAM,mBAAmB,GAAG,kBAAkB,CAAC,aAAa,EAAE,kBAAkB,CAAC,SAAS,EAAE,mBAAmB,CAAC,CAAC,CAAC;QAElH,6EAA6E;QAC7E,OAAO,CAAC,KAAK,CAAC,GAAG,GAAG,OAAO,CAAC;QAC5B,OAAO,CAAC,KAAK,CAAC,IAAI,GAAG,QAAQ,CAAC;QAE9B,+FAA+F;QAC/F,IAAI,UAAU,EAAE;YACd,IAAI,CAAC,KAAK,CAAC,SAAS,GAAG,cAAc,CAAC,MAAM,GAAG,IAAI,CAAC;YACpD,IAAI,CAAC,KAAK,CAAC,SAAS,GAAG,QAAQ,CAAC;YAChC,IAAI,CAAC,KAAK,CAAC,SAAS,GAAG,MAAM,CAAC;SAC/B;QAED,uBAAuB;QACvB,mBAAmB,CAAC,mBAAmB,CAAC,CAAC;QACzC,eAAe,CAAC,EAAE,GAAG,EAAE,aAAa,CAAC,GAAG,EAAE,IAAI,EAAE,aAAa,CAAC,IAAI,EAAE,CAAC,CAAC;QAEtE,kBAAkB,CAAC,OAAO,GAAG,GAAG,EAAE;YAChC,MAAM,cAAc,GAAG,kBAAkB,CACvC,KAAK,CAAC,qBAAqB,EAAE,EAC7B,eAAe,CAAC,CAAC,CAAC,eAAe,CAAC,qBAAqB,EAAE,CAAC,CAAC,CAAC,YAAY,CACzE,CAAC;YACF,eAAe,CAAC;gBACd,GAAG,EAAE,cAAc,CAAC,GAAG,GAAG,mBAAmB,CAAC,GAAG;gBACjD,IAAI,EAAE,cAAc,CAAC,IAAI,GAAG,mBAAmB,CAAC,IAAI;aACrD,CAAC,CAAC;QACL,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,QAAQ,EAAE,QAAQ,EAAE,gBAAgB,CAAC,CAAC,CAAC;IAE3C,+CAA+C;IAC/C,eAAe,CAAC,GAAG,EAAE;QACnB,qBAAqB,EAAE,CAAC;IAC1B,CAAC,EAAE,CAAC,qBAAqB,EAAE,QAAQ,CAAC,CAAC,CAAC;IAEtC,kDAAkD;IAClD,iBAAiB,CAAC,UAAU,EAAE,GAAG,EAAE,CAAC,qBAAqB,EAAE,CAAC,CAAC;IAE7D,sCAAsC;IACtC,eAAe,CAAC,GAAG,EAAE;QACnB;;;;;UAKE;QACF,MAAM,cAAc,GAAG,GAAG,EAAE,CAAC,qBAAqB,CAAC,GAAG,EAAE,CAAC,qBAAqB,EAAE,CAAC,CAAC;QAClF,MAAM,eAAe,GAAG,GAAG,EAAE,CAAC,qBAAqB,CAAC,GAAG,EAAE,CAAC,kBAAkB,CAAC,OAAO,EAAE,CAAC,CAAC;QAExF,MAAM,CAAC,gBAAgB,CAAC,OAAO,EAAE,cAAc,CAAC,CAAC;QACjD,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,cAAc,CAAC,CAAC;QAClD,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,eAAe,EAAE,IAAI,CAAC,CAAC;QACzD,OAAO,GAAG,EAAE;YACV,MAAM,CAAC,mBAAmB,CAAC,OAAO,EAAE,cAAc,CAAC,CAAC;YACpD,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,cAAc,CAAC,CAAC;YACrD,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,eAAe,EAAE,IAAI,CAAC,CAAC;QAC9D,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,qBAAqB,CAAC,CAAC,CAAC;IAE5B,OAAO,CACL,6BACE,GAAG,EAAE,UAAU,EACf,KAAK,kCAAO,YAAY,KAAE,MAAM,KAChC,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,SAAS,EAAE,SAAS,IAAI,MAAM,CAAC,OAAO,CAAC;QAE9D,6BACE,GAAG,EAAE,QAAQ,EACb,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,iBAAiB,CAAC,EAAE,MAAM,CAAC,4BAA4B,gBAAgB,EAAE,CAAC,CAAC,iBACrF,IAAI,IAEhB,KAAK,CAAC,gBAAgB,CAAC,CACpB;QAEN,6BACE,GAAG,EAAE,OAAO,EACZ,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,gBAAgB,CAAC,EAAE,MAAM,CAAC,uBAAuB,IAAI,EAAE,CAAC,EAAE;gBAC/E,CAAC,MAAM,CAAC,aAAa,CAAC,CAAC,EAAE,UAAU;gBACnC,CAAC,MAAM,CAAC,0BAA0B,OAAO,EAAE,CAAC,CAAC,EAAE,OAAO;aACvD,CAAC;YAEF,6BAAK,GAAG,EAAE,UAAU,IAAG,QAAQ,CAAO,CAClC,CACF,CACP,CAAC;AACJ,CAAC;AAED,SAAS,cAAc,CAAC,OAAoB;IAC1C,OAAO,QAAQ,CAAC,gBAAgB,CAAC,OAAO,CAAC,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;AAC9D,CAAC;AAED;;GAEG;AACH,SAAS,kBAAkB,CAAC,OAAe,EAAE,MAAc;IACzD,OAAO;QACL,GAAG,EAAE,OAAO,CAAC,GAAG,GAAG,MAAM,CAAC,GAAG;QAC7B,IAAI,EAAE,OAAO,CAAC,IAAI,GAAG,MAAM,CAAC,IAAI;KACjC,CAAC;AACJ,CAAC;AAED;;GAEG;AACH,SAAS,eAAe,CAAC,MAAc;IACrC,OAAO;QACL,GAAG,EAAE,CAAC;QACN,IAAI,EAAE,CAAC;QACP,KAAK,EAAE,MAAM,CAAC,UAAU;QACxB,MAAM,EAAE,MAAM,CAAC,WAAW;KAC3B,CAAC;AACJ,CAAC;AAED,SAAS,eAAe,CAAC,QAAkB;IACzC,MAAM,EAAE,GAAG,EAAE,IAAI,EAAE,GAAG,QAAQ,CAAC,eAAe,CAAC,qBAAqB,EAAE,CAAC;IACvE,OAAO;QACL,GAAG;QACH,IAAI;QACJ,KAAK,EAAE,QAAQ,CAAC,eAAe,CAAC,WAAW;QAC3C,MAAM,EAAE,QAAQ,CAAC,eAAe,CAAC,YAAY;KAC9C,CAAC;AACJ,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { CSSProperties, useCallback, useLayoutEffect, useRef, useState } from 'react';\nimport clsx from 'clsx';\nimport { nodeContains } from '@cloudscape-design/component-toolkit/dom';\nimport { useResizeObserver } from '@cloudscape-design/component-toolkit/internal';\n\nimport { getContainingBlock } from '../internal/utils/dom';\nimport { BoundingOffset, InternalPosition, Offset, PopoverProps } from './interfaces';\nimport { calculatePosition } from './utils/positions';\nimport styles from './styles.css.js';\nimport { useVisualRefresh } from '../internal/hooks/use-visual-mode';\n\nexport interface PopoverContainerProps {\n  /** References the element the container is positioned against. */\n  trackRef: React.RefObject<Element>;\n  /**\n    Used to update the container position in case track or track position changes:\n    \n    const trackRef = useRef<Element>(null)\n    return (<>\n      <Track style={getPosition(selectedItemId)} ref={trackRef} />\n      <PopoverContainer trackRef={trackRef} trackKey={selectedItemId} .../>\n    </>)\n  */\n  trackKey?: string | number;\n  position: PopoverProps.Position;\n  zIndex?: React.CSSProperties['zIndex'];\n  arrow: (position: InternalPosition | null) => React.ReactNode;\n  children: React.ReactNode;\n  renderWithPortal?: boolean;\n  size: PopoverProps.Size;\n  fixedWidth: boolean;\n  variant?: 'annotation';\n}\n\nconst INITIAL_STYLES: CSSProperties = { position: 'absolute', top: -9999, left: -9999 };\n\nexport default function PopoverContainer({\n  position,\n  trackRef,\n  trackKey,\n  arrow,\n  children,\n  zIndex,\n  renderWithPortal,\n  size,\n  fixedWidth,\n  variant,\n}: PopoverContainerProps) {\n  const bodyRef = useRef<HTMLDivElement | null>(null);\n  const contentRef = useRef<HTMLDivElement | null>(null);\n  const popoverRef = useRef<HTMLDivElement | null>(null);\n  const arrowRef = useRef<HTMLDivElement | null>(null);\n\n  const [popoverStyle, setPopoverStyle] = useState<CSSProperties>(INITIAL_STYLES);\n  const [internalPosition, setInternalPosition] = useState<InternalPosition | null>(null);\n  const isRefresh = useVisualRefresh();\n\n  // Store the handler in a ref so that it can still be replaced from outside of the listener closure.\n  const positionHandlerRef = useRef<() => void>(() => {});\n\n  // Updates the position handler.\n  const updatePositionHandler = useCallback(() => {\n    if (!trackRef.current || !popoverRef.current || !bodyRef.current || !contentRef.current || !arrowRef.current) {\n      return;\n    }\n\n    // Get important elements\n    const popover = popoverRef.current;\n    const body = bodyRef.current;\n    const arrow = arrowRef.current;\n    const document = popover.ownerDocument;\n    const track = trackRef.current;\n\n    // If the popover body isn't being rendered for whatever reason (e.g. \"display: none\" or JSDOM),\n    // or track does not belong to the document - bail on calculating dimensions.\n    if (popover.offsetWidth === 0 || popover.offsetHeight === 0 || !nodeContains(document.body, track)) {\n      return;\n    }\n\n    // Imperatively move body off-screen to give it room to expand.\n    // Not doing this in React because this recalculation should happen\n    // in the span of a single frame without rerendering anything.\n    const prevTop = popover.style.top;\n    const prevLeft = popover.style.left;\n    popover.style.top = '0';\n    popover.style.left = '0';\n    // Imperatively remove body styles that can remain from the previous computation.\n    body.style.maxHeight = '';\n    body.style.overflowX = '';\n    body.style.overflowY = '';\n\n    // Get rects representing key elements\n    // Use getComputedStyle for arrowRect to avoid modifications made by transform\n    const viewportRect = getViewportRect(document.defaultView!);\n    const trackRect = track.getBoundingClientRect();\n    const arrowRect = {\n      width: parseFloat(getComputedStyle(arrow).width),\n      height: parseFloat(getComputedStyle(arrow).height),\n    };\n    const containingBlock = getContainingBlock(popover);\n    const containingBlockRect = containingBlock ? containingBlock.getBoundingClientRect() : viewportRect;\n\n    const bodyBorderWidth = getBorderWidth(body);\n    const contentRect = contentRef.current.getBoundingClientRect();\n    const contentBoundingBox = {\n      width: contentRect.width + 2 * bodyBorderWidth,\n      height: contentRect.height + 2 * bodyBorderWidth,\n    };\n\n    // Calculate the arrow direction and viewport-relative position of the popover.\n    const {\n      scrollable,\n      internalPosition: newInternalPosition,\n      boundingOffset,\n    } = calculatePosition(\n      position,\n      trackRect,\n      arrowRect,\n      contentBoundingBox,\n      containingBlock ? containingBlockRect : getDocumentRect(document),\n      viewportRect,\n      renderWithPortal\n    );\n\n    // Get the position of the popover relative to the offset parent.\n    const popoverOffset = toRelativePosition(boundingOffset, containingBlockRect);\n\n    // Cache the distance between the trigger and the popover (which stays the same as you scroll),\n    // and use that to recalculate the new popover position.\n    const trackRelativeOffset = toRelativePosition(popoverOffset, toRelativePosition(trackRect, containingBlockRect));\n\n    // Bring back the container to its original position to prevent any flashing.\n    popover.style.top = prevTop;\n    popover.style.left = prevLeft;\n\n    // Allow popover body to scroll if can't fit the popover into the container/viewport otherwise.\n    if (scrollable) {\n      body.style.maxHeight = boundingOffset.height + 'px';\n      body.style.overflowX = 'hidden';\n      body.style.overflowY = 'auto';\n    }\n\n    // Position the popover\n    setInternalPosition(newInternalPosition);\n    setPopoverStyle({ top: popoverOffset.top, left: popoverOffset.left });\n\n    positionHandlerRef.current = () => {\n      const newTrackOffset = toRelativePosition(\n        track.getBoundingClientRect(),\n        containingBlock ? containingBlock.getBoundingClientRect() : viewportRect\n      );\n      setPopoverStyle({\n        top: newTrackOffset.top + trackRelativeOffset.top,\n        left: newTrackOffset.left + trackRelativeOffset.left,\n      });\n    };\n  }, [position, trackRef, renderWithPortal]);\n\n  // Recalculate position when properties change.\n  useLayoutEffect(() => {\n    updatePositionHandler();\n  }, [updatePositionHandler, trackKey]);\n\n  // Recalculate position when content size changes.\n  useResizeObserver(contentRef, () => updatePositionHandler());\n\n  // Recalculate position on DOM events.\n  useLayoutEffect(() => {\n    /*\n      This is a heuristic. Some layout changes are caused by user clicks (e.g. toggling the tools panel, submitting a form),\n      and by tracking the click event we can adapt the popover's position to the new layout.\n\n      TODO: extend this to Enter and Spacebar?\n    */\n    const updatePosition = () => requestAnimationFrame(() => updatePositionHandler());\n    const refreshPosition = () => requestAnimationFrame(() => positionHandlerRef.current());\n\n    window.addEventListener('click', updatePosition);\n    window.addEventListener('resize', updatePosition);\n    window.addEventListener('scroll', refreshPosition, true);\n    return () => {\n      window.removeEventListener('click', updatePosition);\n      window.removeEventListener('resize', updatePosition);\n      window.removeEventListener('scroll', refreshPosition, true);\n    };\n  }, [updatePositionHandler]);\n\n  return (\n    <div\n      ref={popoverRef}\n      style={{ ...popoverStyle, zIndex }}\n      className={clsx(styles.container, isRefresh && styles.refresh)}\n    >\n      <div\n        ref={arrowRef}\n        className={clsx(styles[`container-arrow`], styles[`container-arrow-position-${internalPosition}`])}\n        aria-hidden={true}\n      >\n        {arrow(internalPosition)}\n      </div>\n\n      <div\n        ref={bodyRef}\n        className={clsx(styles['container-body'], styles[`container-body-size-${size}`], {\n          [styles['fixed-width']]: fixedWidth,\n          [styles[`container-body-variant-${variant}`]]: variant,\n        })}\n      >\n        <div ref={contentRef}>{children}</div>\n      </div>\n    </div>\n  );\n}\n\nfunction getBorderWidth(element: HTMLElement) {\n  return parseInt(getComputedStyle(element).borderWidth) || 0;\n}\n\n/**\n * Convert a viewport-relative offset to an element-relative offset.\n */\nfunction toRelativePosition(element: Offset, parent: Offset): Offset {\n  return {\n    top: element.top - parent.top,\n    left: element.left - parent.left,\n  };\n}\n\n/**\n * Get a BoundingOffset that represents the visible viewport.\n */\nfunction getViewportRect(window: Window): BoundingOffset {\n  return {\n    top: 0,\n    left: 0,\n    width: window.innerWidth,\n    height: window.innerHeight,\n  };\n}\n\nfunction getDocumentRect(document: Document): BoundingOffset {\n  const { top, left } = document.documentElement.getBoundingClientRect();\n  return {\n    top,\n    left,\n    width: document.documentElement.scrollWidth,\n    height: document.documentElement.scrollHeight,\n  };\n}\n"]}

package/lib/internal/template/popover/styles.css.js

@@ -1,55 +1,55 @@
 
     import './styles.scoped.css';
     export default {
-  "arrow": "awsui_arrow_xjuzf_9ljey_185",
-  "arrow-outer": "awsui_arrow-outer_xjuzf_9ljey_189",
-  "arrow-inner": "awsui_arrow-inner_xjuzf_9ljey_189",
-  "arrow-position-right-top": "awsui_arrow-position-right-top_xjuzf_9ljey_220",
-  "arrow-position-right-bottom": "awsui_arrow-position-right-bottom_xjuzf_9ljey_220",
-  "arrow-position-left-top": "awsui_arrow-position-left-top_xjuzf_9ljey_223",
-  "arrow-position-left-bottom": "awsui_arrow-position-left-bottom_xjuzf_9ljey_223",
-  "arrow-position-top-center": "awsui_arrow-position-top-center_xjuzf_9ljey_226",
-  "arrow-position-top-right": "awsui_arrow-position-top-right_xjuzf_9ljey_226",
-  "arrow-position-top-left": "awsui_arrow-position-top-left_xjuzf_9ljey_226",
-  "arrow-position-top-responsive": "awsui_arrow-position-top-responsive_xjuzf_9ljey_226",
-  "arrow-position-bottom-center": "awsui_arrow-position-bottom-center_xjuzf_9ljey_229",
-  "arrow-position-bottom-right": "awsui_arrow-position-bottom-right_xjuzf_9ljey_229",
-  "arrow-position-bottom-left": "awsui_arrow-position-bottom-left_xjuzf_9ljey_229",
-  "arrow-position-bottom-responsive": "awsui_arrow-position-bottom-responsive_xjuzf_9ljey_229",
-  "body": "awsui_body_xjuzf_9ljey_325",
-  "body-overflow-visible": "awsui_body-overflow-visible_xjuzf_9ljey_341",
-  "has-dismiss": "awsui_has-dismiss_xjuzf_9ljey_345",
-  "dismiss": "awsui_dismiss_xjuzf_9ljey_350",
-  "dismiss-control": "awsui_dismiss-control_xjuzf_9ljey_357",
-  "header-row": "awsui_header-row_xjuzf_9ljey_361",
-  "header": "awsui_header_xjuzf_9ljey_361",
-  "content": "awsui_content_xjuzf_9ljey_387",
-  "content-overflow-visible": "awsui_content-overflow-visible_xjuzf_9ljey_395",
-  "container": "awsui_container_xjuzf_9ljey_491",
-  "container-body": "awsui_container-body_xjuzf_9ljey_499",
-  "container-body-variant-annotation": "awsui_container-body-variant-annotation_xjuzf_9ljey_516",
-  "container-body-size-small": "awsui_container-body-size-small_xjuzf_9ljey_521",
-  "fixed-width": "awsui_fixed-width_xjuzf_9ljey_524",
-  "container-body-size-medium": "awsui_container-body-size-medium_xjuzf_9ljey_528",
-  "container-body-size-large": "awsui_container-body-size-large_xjuzf_9ljey_535",
-  "container-arrow": "awsui_container-arrow_xjuzf_9ljey_547",
-  "container-arrow-position-right-top": "awsui_container-arrow-position-right-top_xjuzf_9ljey_551",
-  "container-arrow-position-right-bottom": "awsui_container-arrow-position-right-bottom_xjuzf_9ljey_551",
-  "container-arrow-position-left-top": "awsui_container-arrow-position-left-top_xjuzf_9ljey_563",
-  "container-arrow-position-left-bottom": "awsui_container-arrow-position-left-bottom_xjuzf_9ljey_563",
-  "container-arrow-position-top-center": "awsui_container-arrow-position-top-center_xjuzf_9ljey_575",
-  "container-arrow-position-top-right": "awsui_container-arrow-position-top-right_xjuzf_9ljey_575",
-  "container-arrow-position-top-left": "awsui_container-arrow-position-top-left_xjuzf_9ljey_575",
-  "container-arrow-position-top-responsive": "awsui_container-arrow-position-top-responsive_xjuzf_9ljey_575",
-  "container-arrow-position-bottom-center": "awsui_container-arrow-position-bottom-center_xjuzf_9ljey_591",
-  "container-arrow-position-bottom-right": "awsui_container-arrow-position-bottom-right_xjuzf_9ljey_595",
-  "container-arrow-position-bottom-left": "awsui_container-arrow-position-bottom-left_xjuzf_9ljey_599",
-  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_xjuzf_9ljey_1",
-  "refresh": "awsui_refresh_xjuzf_9ljey_717",
-  "root": "awsui_root_xjuzf_9ljey_739",
-  "trigger": "awsui_trigger_xjuzf_9ljey_753",
-  "trigger-type-text": "awsui_trigger-type-text_xjuzf_9ljey_760",
-  "trigger-inner-text": "awsui_trigger-inner-text_xjuzf_9ljey_789",
-  "popover-content": "awsui_popover-content_xjuzf_9ljey_793"
+  "arrow": "awsui_arrow_xjuzf_1xm3f_185",
+  "arrow-outer": "awsui_arrow-outer_xjuzf_1xm3f_189",
+  "arrow-inner": "awsui_arrow-inner_xjuzf_1xm3f_189",
+  "arrow-position-right-top": "awsui_arrow-position-right-top_xjuzf_1xm3f_220",
+  "arrow-position-right-bottom": "awsui_arrow-position-right-bottom_xjuzf_1xm3f_220",
+  "arrow-position-left-top": "awsui_arrow-position-left-top_xjuzf_1xm3f_223",
+  "arrow-position-left-bottom": "awsui_arrow-position-left-bottom_xjuzf_1xm3f_223",
+  "arrow-position-top-center": "awsui_arrow-position-top-center_xjuzf_1xm3f_226",
+  "arrow-position-top-right": "awsui_arrow-position-top-right_xjuzf_1xm3f_226",
+  "arrow-position-top-left": "awsui_arrow-position-top-left_xjuzf_1xm3f_226",
+  "arrow-position-top-responsive": "awsui_arrow-position-top-responsive_xjuzf_1xm3f_226",
+  "arrow-position-bottom-center": "awsui_arrow-position-bottom-center_xjuzf_1xm3f_229",
+  "arrow-position-bottom-right": "awsui_arrow-position-bottom-right_xjuzf_1xm3f_229",
+  "arrow-position-bottom-left": "awsui_arrow-position-bottom-left_xjuzf_1xm3f_229",
+  "arrow-position-bottom-responsive": "awsui_arrow-position-bottom-responsive_xjuzf_1xm3f_229",
+  "body": "awsui_body_xjuzf_1xm3f_325",
+  "body-overflow-visible": "awsui_body-overflow-visible_xjuzf_1xm3f_341",
+  "has-dismiss": "awsui_has-dismiss_xjuzf_1xm3f_345",
+  "dismiss": "awsui_dismiss_xjuzf_1xm3f_350",
+  "dismiss-control": "awsui_dismiss-control_xjuzf_1xm3f_357",
+  "header-row": "awsui_header-row_xjuzf_1xm3f_361",
+  "header": "awsui_header_xjuzf_1xm3f_361",
+  "content": "awsui_content_xjuzf_1xm3f_387",
+  "content-overflow-visible": "awsui_content-overflow-visible_xjuzf_1xm3f_395",
+  "container": "awsui_container_xjuzf_1xm3f_491",
+  "container-body": "awsui_container-body_xjuzf_1xm3f_499",
+  "container-body-variant-annotation": "awsui_container-body-variant-annotation_xjuzf_1xm3f_516",
+  "container-body-size-small": "awsui_container-body-size-small_xjuzf_1xm3f_521",
+  "fixed-width": "awsui_fixed-width_xjuzf_1xm3f_524",
+  "container-body-size-medium": "awsui_container-body-size-medium_xjuzf_1xm3f_528",
+  "container-body-size-large": "awsui_container-body-size-large_xjuzf_1xm3f_535",
+  "container-arrow": "awsui_container-arrow_xjuzf_1xm3f_547",
+  "container-arrow-position-right-top": "awsui_container-arrow-position-right-top_xjuzf_1xm3f_551",
+  "container-arrow-position-right-bottom": "awsui_container-arrow-position-right-bottom_xjuzf_1xm3f_551",
+  "container-arrow-position-left-top": "awsui_container-arrow-position-left-top_xjuzf_1xm3f_563",
+  "container-arrow-position-left-bottom": "awsui_container-arrow-position-left-bottom_xjuzf_1xm3f_563",
+  "container-arrow-position-top-center": "awsui_container-arrow-position-top-center_xjuzf_1xm3f_575",
+  "container-arrow-position-top-right": "awsui_container-arrow-position-top-right_xjuzf_1xm3f_575",
+  "container-arrow-position-top-left": "awsui_container-arrow-position-top-left_xjuzf_1xm3f_575",
+  "container-arrow-position-top-responsive": "awsui_container-arrow-position-top-responsive_xjuzf_1xm3f_575",
+  "container-arrow-position-bottom-center": "awsui_container-arrow-position-bottom-center_xjuzf_1xm3f_591",
+  "container-arrow-position-bottom-right": "awsui_container-arrow-position-bottom-right_xjuzf_1xm3f_595",
+  "container-arrow-position-bottom-left": "awsui_container-arrow-position-bottom-left_xjuzf_1xm3f_599",
+  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_xjuzf_1xm3f_1",
+  "refresh": "awsui_refresh_xjuzf_1xm3f_717",
+  "root": "awsui_root_xjuzf_1xm3f_739",
+  "trigger": "awsui_trigger_xjuzf_1xm3f_753",
+  "trigger-type-text": "awsui_trigger-type-text_xjuzf_1xm3f_760",
+  "trigger-inner-text": "awsui_trigger-inner-text_xjuzf_1xm3f_789",
+  "popover-content": "awsui_popover-content_xjuzf_1xm3f_793"
 };