@cloudscape-design/components-themeable 3.0.852 → 3.0.854

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_1xy8k_157",
-  "segment": "awsui_segment_1edmh_1xy8k_157",
-  "segment__hover": "awsui_segment__hover_1edmh_1xy8k_184",
-  "label": "awsui_label_1edmh_1xy8k_198",
-  "root": "awsui_root_1edmh_1xy8k_212",
-  "content": "awsui_content_1edmh_1xy8k_216",
-  "content--small": "awsui_content--small_1edmh_1xy8k_216",
-  "content--fit-height": "awsui_content--fit-height_1edmh_1xy8k_219",
-  "content--without-labels": "awsui_content--without-labels_1edmh_1xy8k_222",
-  "content--medium": "awsui_content--medium_1edmh_1xy8k_228",
-  "content--large": "awsui_content--large_1edmh_1xy8k_240",
-  "status-container": "awsui_status-container_1edmh_1xy8k_257",
-  "chart-container": "awsui_chart-container_1edmh_1xy8k_261",
-  "chart-container--fit-height": "awsui_chart-container--fit-height_1edmh_1xy8k_265",
-  "chart-container-chart-plot": "awsui_chart-container-chart-plot_1edmh_1xy8k_270",
-  "chart-container-chart-plot--fit-height": "awsui_chart-container-chart-plot--fit-height_1edmh_1xy8k_273",
-  "inner-content": "awsui_inner-content_1edmh_1xy8k_279",
-  "segment__highlight": "awsui_segment__highlight_1edmh_1xy8k_290",
-  "segment--dimmed": "awsui_segment--dimmed_1edmh_1xy8k_305",
-  "segment--highlighted": "awsui_segment--highlighted_1edmh_1xy8k_308",
-  "label--dimmed": "awsui_label--dimmed_1edmh_1xy8k_325",
-  "label--align-right": "awsui_label--align-right_1edmh_1xy8k_328",
-  "label-text": "awsui_label-text_1edmh_1xy8k_336",
-  "label__description": "awsui_label__description_1edmh_1xy8k_344",
-  "label-line": "awsui_label-line_1edmh_1xy8k_351",
-  "label--highlighted": "awsui_label--highlighted_1edmh_1xy8k_355",
-  "popover-header": "awsui_popover-header_1edmh_1xy8k_359"
+  "segment__path": "awsui_segment__path_1edmh_1kvqz_161",
+  "segment": "awsui_segment_1edmh_1kvqz_161",
+  "segment__hover": "awsui_segment__hover_1edmh_1kvqz_188",
+  "label": "awsui_label_1edmh_1kvqz_202",
+  "root": "awsui_root_1edmh_1kvqz_216",
+  "content": "awsui_content_1edmh_1kvqz_220",
+  "content--small": "awsui_content--small_1edmh_1kvqz_220",
+  "content--fit-height": "awsui_content--fit-height_1edmh_1kvqz_223",
+  "content--without-labels": "awsui_content--without-labels_1edmh_1kvqz_226",
+  "content--medium": "awsui_content--medium_1edmh_1kvqz_232",
+  "content--large": "awsui_content--large_1edmh_1kvqz_244",
+  "status-container": "awsui_status-container_1edmh_1kvqz_261",
+  "chart-container": "awsui_chart-container_1edmh_1kvqz_265",
+  "chart-container--fit-height": "awsui_chart-container--fit-height_1edmh_1kvqz_269",
+  "chart-container-chart-plot": "awsui_chart-container-chart-plot_1edmh_1kvqz_274",
+  "chart-container-chart-plot--fit-height": "awsui_chart-container-chart-plot--fit-height_1edmh_1kvqz_277",
+  "inner-content": "awsui_inner-content_1edmh_1kvqz_283",
+  "segment__highlight": "awsui_segment__highlight_1edmh_1kvqz_294",
+  "segment--dimmed": "awsui_segment--dimmed_1edmh_1kvqz_309",
+  "segment--highlighted": "awsui_segment--highlighted_1edmh_1kvqz_312",
+  "label--dimmed": "awsui_label--dimmed_1edmh_1kvqz_329",
+  "label--align-right": "awsui_label--align-right_1edmh_1kvqz_332",
+  "label-text": "awsui_label-text_1edmh_1kvqz_340",
+  "label__description": "awsui_label__description_1edmh_1kvqz_348",
+  "label-line": "awsui_label-line_1edmh_1kvqz_355",
+  "label--highlighted": "awsui_label--highlighted_1edmh_1kvqz_359",
+  "popover-header": "awsui_popover-header_1edmh_1kvqz_363"
 };
   

package/lib/internal/template/popover/arrow.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { InternalPosition } from './interfaces';
-export interface ArrowProps {
+interface ArrowProps {
     position: InternalPosition | null;
 }
 declare const _default: React.MemoExoticComponent<(props: ArrowProps) => JSX.Element>;

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

@@ -1 +1 @@
-{"version":3,"file":"arrow.d.ts","sourceRoot":"","sources":["../../../src/popover/arrow.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAIhD,MAAM,WAAW,UAAU;IACzB,QAAQ,EAAE,gBAAgB,GAAG,IAAI,CAAC;CACnC;;AAaD,wBAAiC"}
+{"version":3,"file":"arrow.d.ts","sourceRoot":"","sources":["../../../src/popover/arrow.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAIhD,UAAU,UAAU;IAClB,QAAQ,EAAE,gBAAgB,GAAG,IAAI,CAAC;CACnC;;AAaD,wBAAiC"}

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

@@ -1 +1 @@
-{"version":3,"file":"arrow.js","sourceRoot":"","sources":["../../../src/popover/arrow.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,EAAE,gBAAgB,EAAE,MAAM,mCAAmC,CAAC;AAGrE,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAMrC,MAAM,KAAK,GAAG,CAAC,KAAiB,EAAE,EAAE;IAClC,MAAM,eAAe,GAAG,gBAAgB,EAAE,CAAC;IAE3C,OAAO,CACL,6BAAK,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,KAAK,EAAE,KAAK,CAAC,QAAQ,IAAI,MAAM,CAAC,kBAAkB,KAAK,CAAC,QAAQ,EAAE,CAAC,CAAC;QAC9F,6BAAK,SAAS,EAAE,MAAM,CAAC,aAAa,CAAC,GAAI;QACzC,6BAAK,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,aAAa,CAAC,EAAE,eAAe,IAAI,MAAM,CAAC,OAAO,CAAC,GAAI,CAC9E,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC","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 { useVisualRefresh } from '../internal/hooks/use-visual-mode';\nimport { InternalPosition } from './interfaces';\n\nimport styles from './styles.css.js';\n\nexport interface ArrowProps {\n  position: InternalPosition | null;\n}\n\nconst Arrow = (props: ArrowProps) => {\n  const isVisualRefresh = useVisualRefresh();\n\n  return (\n    <div className={clsx(styles.arrow, props.position && styles[`arrow-position-${props.position}`])}>\n      <div className={styles['arrow-outer']} />\n      <div className={clsx(styles['arrow-inner'], isVisualRefresh && styles.refresh)} />\n    </div>\n  );\n};\n\nexport default React.memo(Arrow);\n"]}
+{"version":3,"file":"arrow.js","sourceRoot":"","sources":["../../../src/popover/arrow.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,EAAE,gBAAgB,EAAE,MAAM,mCAAmC,CAAC;AAGrE,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAMrC,MAAM,KAAK,GAAG,CAAC,KAAiB,EAAE,EAAE;IAClC,MAAM,eAAe,GAAG,gBAAgB,EAAE,CAAC;IAE3C,OAAO,CACL,6BAAK,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,KAAK,EAAE,KAAK,CAAC,QAAQ,IAAI,MAAM,CAAC,kBAAkB,KAAK,CAAC,QAAQ,EAAE,CAAC,CAAC;QAC9F,6BAAK,SAAS,EAAE,MAAM,CAAC,aAAa,CAAC,GAAI;QACzC,6BAAK,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,aAAa,CAAC,EAAE,eAAe,IAAI,MAAM,CAAC,OAAO,CAAC,GAAI,CAC9E,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC","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 { useVisualRefresh } from '../internal/hooks/use-visual-mode';\nimport { InternalPosition } from './interfaces';\n\nimport styles from './styles.css.js';\n\ninterface ArrowProps {\n  position: InternalPosition | null;\n}\n\nconst Arrow = (props: ArrowProps) => {\n  const isVisualRefresh = useVisualRefresh();\n\n  return (\n    <div className={clsx(styles.arrow, props.position && styles[`arrow-position-${props.position}`])}>\n      <div className={styles['arrow-outer']} />\n      <div className={clsx(styles['arrow-inner'], isVisualRefresh && styles.refresh)} />\n    </div>\n  );\n};\n\nexport default React.memo(Arrow);\n"]}

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

@@ -1,6 +1,6 @@
 import React from 'react';
 import { InternalPosition, PopoverProps } from './interfaces';
-export interface PopoverContainerProps {
+interface PopoverContainerProps {
     /** References the element the container is positioned against. */
     trackRef: React.RefObject<HTMLElement | SVGElement>;
     /**
@@ -27,4 +27,5 @@ export interface PopoverContainerProps {
     hideOnOverscroll?: boolean;
 }
 export default function PopoverContainer({ position, trackRef, trackKey, arrow, children, zIndex, renderWithPortal, size, fixedWidth, variant, keepPosition, allowScrollToFit, allowVerticalOverflow, hideOnOverscroll, }: PopoverContainerProps): JSX.Element | null;
+export {};
 //# sourceMappingURL=container.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"container.d.ts","sourceRoot":"","sources":["../../../src/popover/container.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAkC,MAAM,OAAO,CAAC;AAOvD,OAAO,EAAE,gBAAgB,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAK9D,MAAM,WAAW,qBAAqB;IACpC,kEAAkE;IAClE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,GAAG,UAAU,CAAC,CAAC;IACpD;;;;;;;;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,GAAG,SAAS,CAAC;IACpC,UAAU,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,YAAY,CAAC;IAEvB,YAAY,CAAC,EAAE,OAAO,CAAC;IAGvB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAEhC,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B;AAED,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,EACP,YAAY,EACZ,gBAAgB,EAChB,qBAAqB,EACrB,gBAAgB,GACjB,EAAE,qBAAqB,sBAkGvB"}
+{"version":3,"file":"container.d.ts","sourceRoot":"","sources":["../../../src/popover/container.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAkC,MAAM,OAAO,CAAC;AAOvD,OAAO,EAAE,gBAAgB,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAK9D,UAAU,qBAAqB;IAC7B,kEAAkE;IAClE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,GAAG,UAAU,CAAC,CAAC;IACpD;;;;;;;;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,GAAG,SAAS,CAAC;IACpC,UAAU,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,YAAY,CAAC;IAEvB,YAAY,CAAC,EAAE,OAAO,CAAC;IAGvB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAEhC,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B;AAED,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,EACP,YAAY,EACZ,gBAAgB,EAChB,qBAAqB,EACrB,gBAAgB,GACjB,EAAE,qBAAqB,sBAkGvB"}

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

@@ -1 +1 @@
-{"version":3,"file":"container.js","sourceRoot":"","sources":["../../../src/popover/container.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,EAAE,EAAE,eAAe,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AACvD,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,EAAE,YAAY,EAAE,MAAM,0CAA0C,CAAC;AACxE,OAAO,EAAE,iBAAiB,EAAE,MAAM,+CAA+C,CAAC;AAElF,OAAO,EAAE,gBAAgB,EAAE,MAAM,mCAAmC,CAAC;AAErE,OAAO,kBAAkB,MAAM,2BAA2B,CAAC;AAE3D,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAiCrC,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,EACP,YAAY,EACZ,gBAAgB,EAChB,qBAAqB,EACrB,gBAAgB,GACM;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,SAAS,GAAG,gBAAgB,EAAE,CAAC;IAErC,gCAAgC;IAChC,MAAM,EAAE,qBAAqB,EAAE,YAAY,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,eAAe,EAAE,GAClG,kBAAkB,CAAC;QACjB,UAAU;QACV,OAAO;QACP,QAAQ;QACR,QAAQ;QACR,UAAU;QACV,gBAAgB;QAChB,qBAAqB;QACrB,iBAAiB,EAAE,QAAQ;QAC3B,gBAAgB;QAChB,YAAY;QACZ,gBAAgB;KACjB,CAAC,CAAC;IAEL,+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;QACjC,qBAAqB,CAAC,IAAI,CAAC,CAAC;IAC9B,CAAC,CAAC,CAAC;IAEH,sCAAsC;IACtC,eAAe,CAAC,GAAG,EAAE;QACnB;;;;;UAKE;QAEF,MAAM,OAAO,GAAG,CAAC,KAA8B,EAAE,EAAE;YACjD;YACE,kDAAkD;YAClD,YAAY;gBACZ,mFAAmF;gBACnF,yDAAyD;gBACzD,YAAY,CAAC,QAAQ,CAAC,OAAO,EAAE,KAAK,CAAC,MAAM,CAAC,EAC5C;gBACA,OAAO;aACR;YAED,qBAAqB,CAAC,GAAG,EAAE;gBACzB,qBAAqB,EAAE,CAAC;YAC1B,CAAC,CAAC,CAAC;QACL,CAAC,CAAC;QAEF,MAAM,sBAAsB,GAAG,GAAG,EAAE,CAAC,qBAAqB,CAAC,GAAG,EAAE,CAAC,qBAAqB,EAAE,CAAC,CAAC;QAC1F,MAAM,eAAe,GAAG,GAAG,EAAE,CAAC,qBAAqB,CAAC,GAAG,EAAE,CAAC,kBAAkB,CAAC,OAAO,EAAE,CAAC,CAAC;QAExF,MAAM,CAAC,gBAAgB,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC;QAC1C,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,sBAAsB,CAAC,CAAC;QAC1D,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,eAAe,EAAE,IAAI,CAAC,CAAC;QAEzD,OAAO,GAAG,EAAE;YACV,MAAM,CAAC,mBAAmB,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC;YAC7C,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,sBAAsB,CAAC,CAAC;YAC7D,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,eAAe,EAAE,IAAI,CAAC,CAAC;QAC9D,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,gBAAgB,EAAE,YAAY,EAAE,kBAAkB,EAAE,QAAQ,EAAE,qBAAqB,CAAC,CAAC,CAAC;IAE1F,OAAO,eAAe,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAC9B,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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { useLayoutEffect, useRef } from 'react';\nimport clsx from 'clsx';\n\nimport { nodeContains } from '@cloudscape-design/component-toolkit/dom';\nimport { useResizeObserver } from '@cloudscape-design/component-toolkit/internal';\n\nimport { useVisualRefresh } from '../internal/hooks/use-visual-mode';\nimport { InternalPosition, PopoverProps } from './interfaces';\nimport usePopoverPosition from './use-popover-position.js';\n\nimport styles from './styles.css.js';\n\nexport interface PopoverContainerProps {\n  /** References the element the container is positioned against. */\n  trackRef: React.RefObject<HTMLElement | SVGElement>;\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 | 'content';\n  fixedWidth: boolean;\n  variant?: 'annotation';\n  // When keepPosition is true, the popover will not recalculate its position when it resizes nor when it receives clicks.\n  keepPosition?: boolean;\n  // When allowScrollToFit is true, we will scroll to the the popover if it overflows the viewport even when choosing the best possible position for it.\n  // Do not use this if the popover is open on hover, in order to avoid unexpected movement.\n  allowScrollToFit?: boolean;\n  allowVerticalOverflow?: boolean;\n  // Whether the popover should be hidden when the trigger is scrolled away.\n  hideOnOverscroll?: boolean;\n}\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  keepPosition,\n  allowScrollToFit,\n  allowVerticalOverflow,\n  hideOnOverscroll,\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 isRefresh = useVisualRefresh();\n\n  // Updates the position handler.\n  const { updatePositionHandler, popoverStyle, internalPosition, positionHandlerRef, isOverscrolling } =\n    usePopoverPosition({\n      popoverRef,\n      bodyRef,\n      arrowRef,\n      trackRef,\n      contentRef,\n      allowScrollToFit,\n      allowVerticalOverflow,\n      preferredPosition: position,\n      renderWithPortal,\n      keepPosition,\n      hideOnOverscroll,\n    });\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, () => {\n    updatePositionHandler(true);\n  });\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\n    const onClick = (event: UIEvent | KeyboardEvent) => {\n      if (\n        // Do not update position if keepPosition is true.\n        keepPosition ||\n        // If the click was on the trigger, this will make the popover appear or disappear,\n        // so no need to update its position either in this case.\n        nodeContains(trackRef.current, event.target)\n      ) {\n        return;\n      }\n\n      requestAnimationFrame(() => {\n        updatePositionHandler();\n      });\n    };\n\n    const updatePositionOnResize = () => requestAnimationFrame(() => updatePositionHandler());\n    const refreshPosition = () => requestAnimationFrame(() => positionHandlerRef.current());\n\n    window.addEventListener('click', onClick);\n    window.addEventListener('resize', updatePositionOnResize);\n    window.addEventListener('scroll', refreshPosition, true);\n\n    return () => {\n      window.removeEventListener('click', onClick);\n      window.removeEventListener('resize', updatePositionOnResize);\n      window.removeEventListener('scroll', refreshPosition, true);\n    };\n  }, [hideOnOverscroll, keepPosition, positionHandlerRef, trackRef, updatePositionHandler]);\n\n  return isOverscrolling ? null : (\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"]}
+{"version":3,"file":"container.js","sourceRoot":"","sources":["../../../src/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, { useLayoutEffect, useRef } from 'react';\nimport clsx from 'clsx';\n\nimport { nodeContains } from '@cloudscape-design/component-toolkit/dom';\nimport { useResizeObserver } from '@cloudscape-design/component-toolkit/internal';\n\nimport { useVisualRefresh } from '../internal/hooks/use-visual-mode';\nimport { InternalPosition, PopoverProps } from './interfaces';\nimport usePopoverPosition from './use-popover-position.js';\n\nimport styles from './styles.css.js';\n\ninterface PopoverContainerProps {\n  /** References the element the container is positioned against. */\n  trackRef: React.RefObject<HTMLElement | SVGElement>;\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 | 'content';\n  fixedWidth: boolean;\n  variant?: 'annotation';\n  // When keepPosition is true, the popover will not recalculate its position when it resizes nor when it receives clicks.\n  keepPosition?: boolean;\n  // When allowScrollToFit is true, we will scroll to the the popover if it overflows the viewport even when choosing the best possible position for it.\n  // Do not use this if the popover is open on hover, in order to avoid unexpected movement.\n  allowScrollToFit?: boolean;\n  allowVerticalOverflow?: boolean;\n  // Whether the popover should be hidden when the trigger is scrolled away.\n  hideOnOverscroll?: boolean;\n}\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  keepPosition,\n  allowScrollToFit,\n  allowVerticalOverflow,\n  hideOnOverscroll,\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 isRefresh = useVisualRefresh();\n\n  // Updates the position handler.\n  const { updatePositionHandler, popoverStyle, internalPosition, positionHandlerRef, isOverscrolling } =\n    usePopoverPosition({\n      popoverRef,\n      bodyRef,\n      arrowRef,\n      trackRef,\n      contentRef,\n      allowScrollToFit,\n      allowVerticalOverflow,\n      preferredPosition: position,\n      renderWithPortal,\n      keepPosition,\n      hideOnOverscroll,\n    });\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, () => {\n    updatePositionHandler(true);\n  });\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\n    const onClick = (event: UIEvent | KeyboardEvent) => {\n      if (\n        // Do not update position if keepPosition is true.\n        keepPosition ||\n        // If the click was on the trigger, this will make the popover appear or disappear,\n        // so no need to update its position either in this case.\n        nodeContains(trackRef.current, event.target)\n      ) {\n        return;\n      }\n\n      requestAnimationFrame(() => {\n        updatePositionHandler();\n      });\n    };\n\n    const updatePositionOnResize = () => requestAnimationFrame(() => updatePositionHandler());\n    const refreshPosition = () => requestAnimationFrame(() => positionHandlerRef.current());\n\n    window.addEventListener('click', onClick);\n    window.addEventListener('resize', updatePositionOnResize);\n    window.addEventListener('scroll', refreshPosition, true);\n\n    return () => {\n      window.removeEventListener('click', onClick);\n      window.removeEventListener('resize', updatePositionOnResize);\n      window.removeEventListener('scroll', refreshPosition, true);\n    };\n  }, [hideOnOverscroll, keepPosition, positionHandlerRef, trackRef, updatePositionHandler]);\n\n  return isOverscrolling ? null : (\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"]}

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

@@ -1,58 +1,58 @@
 
     import './styles.scoped.css';
     export default {
-  "arrow": "awsui_arrow_xjuzf_14pny_281",
-  "arrow-outer": "awsui_arrow-outer_xjuzf_14pny_285",
-  "arrow-inner": "awsui_arrow-inner_xjuzf_14pny_285",
-  "arrow-position-right-top": "awsui_arrow-position-right-top_xjuzf_14pny_327",
-  "arrow-position-right-bottom": "awsui_arrow-position-right-bottom_xjuzf_14pny_327",
-  "arrow-position-left-top": "awsui_arrow-position-left-top_xjuzf_14pny_330",
-  "arrow-position-left-bottom": "awsui_arrow-position-left-bottom_xjuzf_14pny_330",
-  "arrow-position-top-center": "awsui_arrow-position-top-center_xjuzf_14pny_333",
-  "arrow-position-top-right": "awsui_arrow-position-top-right_xjuzf_14pny_333",
-  "arrow-position-top-left": "awsui_arrow-position-top-left_xjuzf_14pny_333",
-  "arrow-position-top-responsive": "awsui_arrow-position-top-responsive_xjuzf_14pny_333",
-  "arrow-position-bottom-center": "awsui_arrow-position-bottom-center_xjuzf_14pny_336",
-  "arrow-position-bottom-right": "awsui_arrow-position-bottom-right_xjuzf_14pny_336",
-  "arrow-position-bottom-left": "awsui_arrow-position-bottom-left_xjuzf_14pny_336",
-  "arrow-position-bottom-responsive": "awsui_arrow-position-bottom-responsive_xjuzf_14pny_336",
-  "body": "awsui_body_xjuzf_14pny_480",
-  "body-overflow-visible": "awsui_body-overflow-visible_xjuzf_14pny_516",
-  "has-dismiss": "awsui_has-dismiss_xjuzf_14pny_520",
-  "dismiss": "awsui_dismiss_xjuzf_14pny_525",
-  "dismiss-control": "awsui_dismiss-control_xjuzf_14pny_533",
-  "header-row": "awsui_header-row_xjuzf_14pny_537",
-  "header": "awsui_header_xjuzf_14pny_537",
-  "content": "awsui_content_xjuzf_14pny_562",
-  "content-overflow-visible": "awsui_content-overflow-visible_xjuzf_14pny_570",
-  "container": "awsui_container_xjuzf_14pny_714",
-  "container-body": "awsui_container-body_xjuzf_14pny_722",
-  "container-body-variant-annotation": "awsui_container-body-variant-annotation_xjuzf_14pny_762",
-  "container-body-size-small": "awsui_container-body-size-small_xjuzf_14pny_767",
-  "fixed-width": "awsui_fixed-width_xjuzf_14pny_770",
-  "container-body-size-medium": "awsui_container-body-size-medium_xjuzf_14pny_774",
-  "container-body-size-large": "awsui_container-body-size-large_xjuzf_14pny_781",
-  "container-arrow": "awsui_container-arrow_xjuzf_14pny_793",
-  "container-arrow-position-right-top": "awsui_container-arrow-position-right-top_xjuzf_14pny_797",
-  "container-arrow-position-right-bottom": "awsui_container-arrow-position-right-bottom_xjuzf_14pny_797",
-  "container-arrow-position-left-top": "awsui_container-arrow-position-left-top_xjuzf_14pny_814",
-  "container-arrow-position-left-bottom": "awsui_container-arrow-position-left-bottom_xjuzf_14pny_814",
-  "container-arrow-position-top-center": "awsui_container-arrow-position-top-center_xjuzf_14pny_831",
-  "container-arrow-position-top-right": "awsui_container-arrow-position-top-right_xjuzf_14pny_831",
-  "container-arrow-position-top-left": "awsui_container-arrow-position-top-left_xjuzf_14pny_831",
-  "container-arrow-position-top-responsive": "awsui_container-arrow-position-top-responsive_xjuzf_14pny_831",
-  "container-arrow-position-bottom-center": "awsui_container-arrow-position-bottom-center_xjuzf_14pny_847",
-  "container-arrow-position-bottom-right": "awsui_container-arrow-position-bottom-right_xjuzf_14pny_851",
-  "container-arrow-position-bottom-left": "awsui_container-arrow-position-bottom-left_xjuzf_14pny_855",
-  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_xjuzf_14pny_1",
-  "refresh": "awsui_refresh_xjuzf_14pny_1021",
-  "root": "awsui_root_xjuzf_14pny_1043",
-  "no-wrap": "awsui_no-wrap_xjuzf_14pny_1075",
-  "root-filtering-token": "awsui_root-filtering-token_xjuzf_14pny_1079",
-  "trigger": "awsui_trigger_xjuzf_14pny_1083",
-  "overflow-ellipsis": "awsui_overflow-ellipsis_xjuzf_14pny_1090",
-  "trigger-type-text": "awsui_trigger-type-text_xjuzf_14pny_1098",
-  "trigger-type-filtering-token": "awsui_trigger-type-filtering-token_xjuzf_14pny_1134",
-  "popover-inline-content": "awsui_popover-inline-content_xjuzf_14pny_1138"
+  "arrow": "awsui_arrow_xjuzf_1mxcv_289",
+  "arrow-outer": "awsui_arrow-outer_xjuzf_1mxcv_293",
+  "arrow-inner": "awsui_arrow-inner_xjuzf_1mxcv_293",
+  "arrow-position-right-top": "awsui_arrow-position-right-top_xjuzf_1mxcv_335",
+  "arrow-position-right-bottom": "awsui_arrow-position-right-bottom_xjuzf_1mxcv_335",
+  "arrow-position-left-top": "awsui_arrow-position-left-top_xjuzf_1mxcv_338",
+  "arrow-position-left-bottom": "awsui_arrow-position-left-bottom_xjuzf_1mxcv_338",
+  "arrow-position-top-center": "awsui_arrow-position-top-center_xjuzf_1mxcv_341",
+  "arrow-position-top-right": "awsui_arrow-position-top-right_xjuzf_1mxcv_341",
+  "arrow-position-top-left": "awsui_arrow-position-top-left_xjuzf_1mxcv_341",
+  "arrow-position-top-responsive": "awsui_arrow-position-top-responsive_xjuzf_1mxcv_341",
+  "arrow-position-bottom-center": "awsui_arrow-position-bottom-center_xjuzf_1mxcv_344",
+  "arrow-position-bottom-right": "awsui_arrow-position-bottom-right_xjuzf_1mxcv_344",
+  "arrow-position-bottom-left": "awsui_arrow-position-bottom-left_xjuzf_1mxcv_344",
+  "arrow-position-bottom-responsive": "awsui_arrow-position-bottom-responsive_xjuzf_1mxcv_344",
+  "body": "awsui_body_xjuzf_1mxcv_492",
+  "body-overflow-visible": "awsui_body-overflow-visible_xjuzf_1mxcv_528",
+  "has-dismiss": "awsui_has-dismiss_xjuzf_1mxcv_532",
+  "dismiss": "awsui_dismiss_xjuzf_1mxcv_537",
+  "dismiss-control": "awsui_dismiss-control_xjuzf_1mxcv_545",
+  "header-row": "awsui_header-row_xjuzf_1mxcv_549",
+  "header": "awsui_header_xjuzf_1mxcv_549",
+  "content": "awsui_content_xjuzf_1mxcv_574",
+  "content-overflow-visible": "awsui_content-overflow-visible_xjuzf_1mxcv_582",
+  "container": "awsui_container_xjuzf_1mxcv_730",
+  "container-body": "awsui_container-body_xjuzf_1mxcv_738",
+  "container-body-variant-annotation": "awsui_container-body-variant-annotation_xjuzf_1mxcv_778",
+  "container-body-size-small": "awsui_container-body-size-small_xjuzf_1mxcv_783",
+  "fixed-width": "awsui_fixed-width_xjuzf_1mxcv_786",
+  "container-body-size-medium": "awsui_container-body-size-medium_xjuzf_1mxcv_790",
+  "container-body-size-large": "awsui_container-body-size-large_xjuzf_1mxcv_797",
+  "container-arrow": "awsui_container-arrow_xjuzf_1mxcv_809",
+  "container-arrow-position-right-top": "awsui_container-arrow-position-right-top_xjuzf_1mxcv_813",
+  "container-arrow-position-right-bottom": "awsui_container-arrow-position-right-bottom_xjuzf_1mxcv_813",
+  "container-arrow-position-left-top": "awsui_container-arrow-position-left-top_xjuzf_1mxcv_830",
+  "container-arrow-position-left-bottom": "awsui_container-arrow-position-left-bottom_xjuzf_1mxcv_830",
+  "container-arrow-position-top-center": "awsui_container-arrow-position-top-center_xjuzf_1mxcv_847",
+  "container-arrow-position-top-right": "awsui_container-arrow-position-top-right_xjuzf_1mxcv_847",
+  "container-arrow-position-top-left": "awsui_container-arrow-position-top-left_xjuzf_1mxcv_847",
+  "container-arrow-position-top-responsive": "awsui_container-arrow-position-top-responsive_xjuzf_1mxcv_847",
+  "container-arrow-position-bottom-center": "awsui_container-arrow-position-bottom-center_xjuzf_1mxcv_863",
+  "container-arrow-position-bottom-right": "awsui_container-arrow-position-bottom-right_xjuzf_1mxcv_867",
+  "container-arrow-position-bottom-left": "awsui_container-arrow-position-bottom-left_xjuzf_1mxcv_871",
+  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_xjuzf_1mxcv_1",
+  "refresh": "awsui_refresh_xjuzf_1mxcv_1041",
+  "root": "awsui_root_xjuzf_1mxcv_1063",
+  "no-wrap": "awsui_no-wrap_xjuzf_1mxcv_1095",
+  "root-filtering-token": "awsui_root-filtering-token_xjuzf_1mxcv_1099",
+  "trigger": "awsui_trigger_xjuzf_1mxcv_1103",
+  "overflow-ellipsis": "awsui_overflow-ellipsis_xjuzf_1mxcv_1110",
+  "trigger-type-text": "awsui_trigger-type-text_xjuzf_1mxcv_1118",
+  "trigger-type-filtering-token": "awsui_trigger-type-filtering-token_xjuzf_1mxcv_1154",
+  "popover-inline-content": "awsui_popover-inline-content_xjuzf_1mxcv_1158"
 };