@cloudscape-design/components 3.0.0

package/pie-chart/styles.scoped.css

@@ -0,0 +1,352 @@
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/* stylelint-disable @cloudscape-design/no-motion-outside-of-mixin, selector-combinator-disallowed-list, selector-pseudo-class-no-unknown, selector-class-pattern */
+/* stylelint-enable @cloudscape-design/no-motion-outside-of-mixin, selector-combinator-disallowed-list, selector-pseudo-class-no-unknown, selector-class-pattern */
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/* Style used for links in slots/components that are text heavy, to help links stand out among 
+surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F73#description */
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+.awsui_segment__path_1edmh_19evm_97:not(#\9) {
+  transition: opacity 90ms linear;
+  transition: opacity var(--motion-duration-transition-quick-x85tae, 90ms) var(--motion-easing-transition-quick-lukbd8, linear);
+}
+@media (prefers-reduced-motion: reduce) {
+  .awsui_segment__path_1edmh_19evm_97:not(#\9) {
+    animation: none;
+    transition: none;
+  }
+}
+.awsui-motion-disabled .awsui_segment__path_1edmh_19evm_97:not(#\9), .awsui-mode-entering .awsui_segment__path_1edmh_19evm_97:not(#\9) {
+  animation: none;
+  transition: none;
+}
+
+.awsui_segment_1edmh_19evm_97:not(#\9) {
+  transition: opacity 90ms linear;
+  transition: opacity var(--motion-duration-transition-quick-x85tae, 90ms) var(--motion-easing-transition-quick-lukbd8, linear);
+}
+@media (prefers-reduced-motion: reduce) {
+  .awsui_segment_1edmh_19evm_97:not(#\9) {
+    animation: none;
+    transition: none;
+  }
+}
+.awsui-motion-disabled .awsui_segment_1edmh_19evm_97:not(#\9), .awsui-mode-entering .awsui_segment_1edmh_19evm_97:not(#\9) {
+  animation: none;
+  transition: none;
+}
+.awsui_segment_1edmh_19evm_97 > .awsui_segment__hover_1edmh_19evm_124:not(#\9) {
+  transition: opacity 90ms linear;
+  transition: opacity var(--motion-duration-transition-quick-x85tae, 90ms) var(--motion-easing-transition-quick-lukbd8, linear);
+}
+@media (prefers-reduced-motion: reduce) {
+  .awsui_segment_1edmh_19evm_97 > .awsui_segment__hover_1edmh_19evm_124:not(#\9) {
+    animation: none;
+    transition: none;
+  }
+}
+.awsui-motion-disabled .awsui_segment_1edmh_19evm_97 > .awsui_segment__hover_1edmh_19evm_124:not(#\9), .awsui-mode-entering .awsui_segment_1edmh_19evm_97 > .awsui_segment__hover_1edmh_19evm_124:not(#\9) {
+  animation: none;
+  transition: none;
+}
+
+.awsui_label_1edmh_19evm_138:not(#\9) {
+  transition: opacity 90ms linear;
+  transition: opacity var(--motion-duration-transition-quick-x85tae, 90ms) var(--motion-easing-transition-quick-lukbd8, linear);
+}
+@media (prefers-reduced-motion: reduce) {
+  .awsui_label_1edmh_19evm_138:not(#\9) {
+    animation: none;
+    transition: none;
+  }
+}
+.awsui-motion-disabled .awsui_label_1edmh_19evm_138:not(#\9), .awsui-mode-entering .awsui_label_1edmh_19evm_138:not(#\9) {
+  animation: none;
+  transition: none;
+}
+
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+.awsui_root_1edmh_19evm_156:not(#\9) {
+  /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
+  border-collapse: separate;
+  border-spacing: 0;
+  caption-side: top;
+  cursor: auto;
+  direction: ltr;
+  empty-cells: show;
+  font-family: serif;
+  font-size: medium;
+  font-style: normal;
+  font-variant: normal;
+  font-weight: normal;
+  font-stretch: normal;
+  line-height: normal;
+  -webkit-hyphens: none;
+      -ms-hyphens: none;
+          hyphens: none;
+  letter-spacing: normal;
+  list-style: disc outside none;
+  tab-size: 8;
+  text-align: left;
+  text-align-last: auto;
+  text-indent: 0;
+  text-shadow: none;
+  text-transform: none;
+  visibility: visible;
+  white-space: normal;
+  widows: 2;
+  word-spacing: normal;
+  box-sizing: border-box;
+  font-size: 14px;
+  font-size: var(--font-body-m-size-sregvd, 14px);
+  line-height: 22px;
+  line-height: var(--font-body-m-line-height-i7xxvv, 22px);
+  color: #000716;
+  color: var(--color-text-body-default-ajf1h5, #000716);
+  font-weight: 400;
+  font-family: "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif;
+  font-family: var(--font-family-base-qnistn, "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
+  display: block;
+}
+
+.awsui_filter-container_1edmh_19evm_168:not(#\9) {
+  /* used in test-utils */
+}
+
+.awsui_has-default-filter_1edmh_19evm_172 > :not(#\9):first-child {
+  flex: 280px 0 1;
+}
+
+.awsui_content_1edmh_19evm_176:not(#\9) {
+  display: flex;
+  position: relative;
+  justify-content: center;
+  align-items: center;
+}
+.awsui_content_1edmh_19evm_176.awsui_content--small_1edmh_19evm_182:not(#\9) {
+  min-height: calc(2 * (50px + 8px + calc(2 * 22px)));
+  min-height: calc(2 * (50px + var(--space-xs-rsr2qu, 8px) + calc(2 * var(--font-body-m-line-height-i7xxvv, 22px))));
+}
+.awsui_content_1edmh_19evm_176.awsui_content--small_1edmh_19evm_182.awsui_content--without-labels_1edmh_19evm_185:not(#\9) {
+  min-height: calc(2 * (50px + 8px));
+  min-height: calc(2 * (50px + var(--space-xs-rsr2qu, 8px)));
+}
+.awsui_content_1edmh_19evm_176.awsui_content--medium_1edmh_19evm_188:not(#\9) {
+  min-height: calc(2 * (100px + 12px + calc(2 * 22px)));
+  min-height: calc(2 * (100px + var(--space-s-hv8c1d, 12px) + calc(2 * var(--font-body-m-line-height-i7xxvv, 22px))));
+}
+.awsui_content_1edmh_19evm_176.awsui_content--medium_1edmh_19evm_188.awsui_content--without-labels_1edmh_19evm_185:not(#\9) {
+  min-height: calc(2 * (100px + 12px));
+  min-height: calc(2 * (100px + var(--space-s-hv8c1d, 12px)));
+}
+.awsui_content_1edmh_19evm_176.awsui_content--large_1edmh_19evm_194:not(#\9) {
+  min-height: calc(2 * (140px + 12px + calc(2 * 22px)));
+  min-height: calc(2 * (140px + var(--space-s-hv8c1d, 12px) + calc(2 * var(--font-body-m-line-height-i7xxvv, 22px))));
+}
+.awsui_content_1edmh_19evm_176.awsui_content--large_1edmh_19evm_194.awsui_content--without-labels_1edmh_19evm_185:not(#\9) {
+  min-height: calc(2 * (140px + 12px));
+  min-height: calc(2 * (140px + var(--space-s-hv8c1d, 12px)));
+}
+.awsui_content_1edmh_19evm_176.awsui_content--reserve-filter_1edmh_19evm_200:not(#\9) {
+  margin-top: calc(2 * 22px);
+  margin-top: calc(2 * var(--font-body-m-line-height-i7xxvv, 22px));
+}
+.awsui_content_1edmh_19evm_176.awsui_content--reserve-legend_1edmh_19evm_203:not(#\9) {
+  margin-bottom: calc(2 * 22px);
+  margin-bottom: calc(2 * var(--font-body-m-line-height-i7xxvv, 22px));
+}
+
+.awsui_status-container_1edmh_19evm_207:not(#\9) {
+  /* used in test utils */
+}
+
+.awsui_chart-container_1edmh_19evm_211:not(#\9) {
+  display: flex;
+  flex: 1;
+}
+
+.awsui_inner-content_1edmh_19evm_216:not(#\9) {
+  display: flex;
+  position: absolute;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  text-align: center;
+  top: 0;
+  left: 0;
+  bottom: 0;
+  right: 0;
+  pointer-events: none;
+}
+
+.awsui_segment__highlight_1edmh_19evm_230:not(#\9) {
+  stroke: none;
+  opacity: 0;
+}
+
+.awsui_segment_1edmh_19evm_97:not(#\9) {
+  stroke: #ffffff;
+  stroke: var(--color-background-container-content-i8i4a0, #ffffff);
+  stroke-width: 2px;
+  stroke-linejoin: round;
+  opacity: 1;
+  cursor: pointer;
+}
+.awsui_segment_1edmh_19evm_97:not(#\9):focus {
+  outline: none;
+}
+.awsui_segment_1edmh_19evm_97.awsui_segment--dimmed_1edmh_19evm_245:not(#\9) {
+  opacity: 0.35;
+}
+.awsui_segment_1edmh_19evm_97.awsui_segment--highlighted_1edmh_19evm_248 > .awsui_segment__highlight_1edmh_19evm_230:not(#\9), .awsui_segment_1edmh_19evm_97:not(#\9):hover:not(.awsui_segment--dimmed_1edmh_19evm_245) > .awsui_segment__highlight_1edmh_19evm_230 {
+  opacity: 1;
+}
+
+.awsui_label_1edmh_19evm_138:not(#\9) {
+  color: #000716;
+  color: var(--color-text-heading-default-jopz0f, #000716);
+  opacity: 1;
+  /* stylelint-disable-next-line selector-max-type */
+  /* stylelint-disable-next-line selector-max-type */
+}
+.awsui_label_1edmh_19evm_138 > line:not(#\9) {
+  stroke: #7d8998;
+  stroke: var(--color-border-control-default-m3lmsh, #7d8998);
+  stroke-width: 2px;
+  stroke-width: var(--border-divider-section-width-4wm2it, 2px);
+}
+.awsui_label_1edmh_19evm_138 > div:not(#\9) {
+  margin-top: -0.75em;
+}
+.awsui_label_1edmh_19evm_138.awsui_label--dimmed_1edmh_19evm_265:not(#\9) {
+  opacity: 0.35;
+}
+.awsui_label_1edmh_19evm_138.awsui_label--align-right_1edmh_19evm_268:not(#\9) {
+  /* stylelint-disable-next-line selector-max-type */
+}
+.awsui_label_1edmh_19evm_138.awsui_label--align-right_1edmh_19evm_268 > div:not(#\9) {
+  text-align: right;
+}
+
+/* stylelint-disable-next-line selector-max-type */
+.awsui_label-text_1edmh_19evm_276 > text:not(#\9) {
+  font-weight: 700;
+  font-weight: var(--font-display-label-weight-m18hjh, 700);
+  fill: #000716;
+  fill: var(--color-text-heading-default-jopz0f, #000716);
+  dominant-baseline: middle;
+}
+
+text.awsui_label__description_1edmh_19evm_282:not(#\9) {
+  font-size: 12px;
+  font-size: var(--font-chart-detail-size-pm0amk, 12px);
+  font-weight: 400;
+  color: #414d5c;
+  color: var(--color-text-group-label-w9to2i, #414d5c);
+  fill: #414d5c;
+  fill: var(--color-text-group-label-w9to2i, #414d5c);
+}
+
+.awsui_label-line_1edmh_19evm_289:not(#\9) {
+  /* used in component code */
+}
+
+.awsui_label--highlighted_1edmh_19evm_293:not(#\9) {
+  /* used in test-utils */
+}
+
+.awsui_popover-header_1edmh_19evm_297:not(#\9) {
+  display: inline-flex;
+  align-items: flex-start;
+}

package/pie-chart/styles.selectors.js

@@ -0,0 +1,33 @@
+
+    // es-module interop with Babel and Typescript
+    Object.defineProperty(exports, "__esModule", { value: true });
+    module.exports.default = {
+  "segment__path": "awsui_segment__path_1edmh_19evm_97",
+  "segment": "awsui_segment_1edmh_19evm_97",
+  "segment__hover": "awsui_segment__hover_1edmh_19evm_124",
+  "label": "awsui_label_1edmh_19evm_138",
+  "root": "awsui_root_1edmh_19evm_156",
+  "filter-container": "awsui_filter-container_1edmh_19evm_168",
+  "has-default-filter": "awsui_has-default-filter_1edmh_19evm_172",
+  "content": "awsui_content_1edmh_19evm_176",
+  "content--small": "awsui_content--small_1edmh_19evm_182",
+  "content--without-labels": "awsui_content--without-labels_1edmh_19evm_185",
+  "content--medium": "awsui_content--medium_1edmh_19evm_188",
+  "content--large": "awsui_content--large_1edmh_19evm_194",
+  "content--reserve-filter": "awsui_content--reserve-filter_1edmh_19evm_200",
+  "content--reserve-legend": "awsui_content--reserve-legend_1edmh_19evm_203",
+  "status-container": "awsui_status-container_1edmh_19evm_207",
+  "chart-container": "awsui_chart-container_1edmh_19evm_211",
+  "inner-content": "awsui_inner-content_1edmh_19evm_216",
+  "segment__highlight": "awsui_segment__highlight_1edmh_19evm_230",
+  "segment--dimmed": "awsui_segment--dimmed_1edmh_19evm_245",
+  "segment--highlighted": "awsui_segment--highlighted_1edmh_19evm_248",
+  "label--dimmed": "awsui_label--dimmed_1edmh_19evm_265",
+  "label--align-right": "awsui_label--align-right_1edmh_19evm_268",
+  "label-text": "awsui_label-text_1edmh_19evm_276",
+  "label__description": "awsui_label__description_1edmh_19evm_282",
+  "label-line": "awsui_label-line_1edmh_19evm_289",
+  "label--highlighted": "awsui_label--highlighted_1edmh_19evm_293",
+  "popover-header": "awsui_popover-header_1edmh_19evm_297"
+};
+  

package/pie-chart/utils.d.ts

@@ -0,0 +1,29 @@
+import { PieChartProps } from './interfaces';
+interface Dimension {
+    innerRadius: number;
+    outerRadius: number;
+    padding: number;
+    paddingLabels: number;
+    innerLabelPadding: number;
+    cornerRadius?: number;
+}
+export declare const dimensionsBySize: Record<NonNullable<PieChartProps['size']>, Dimension>;
+export declare const refreshDimensionsBySize: Record<NonNullable<PieChartProps['size']>, Dimension>;
+export declare const defaultDetails: (i18nStrings: PieChartProps.I18nStrings) => (datum: PieChartProps.Datum, dataSum: number) => ({
+    key: string;
+    value: number;
+} | {
+    key: string;
+    value: string;
+})[];
+/**
+ * Adjusts the position of the given label nodes to avoid visual overlapping.
+ * @param nodes List of label nodes of the entire chart (both left and right side)
+ * @param markers Markers array that was calculated in <Labels>, but we just need the `endY` values
+ * @param leftSide Boolean flag whether we are processing the left or right side of the chart labels
+ */
+export declare const balanceLabelNodes: (nodes: NodeListOf<SVGGElement>, markers: Array<{
+    endY: number;
+}>, leftSide: boolean) => void;
+export {};
+//# sourceMappingURL=utils.d.ts.map

package/pie-chart/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/pie-chart/utils.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAG7C,UAAU,SAAS;IACjB,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;IACpB,OAAO,EAAE,MAAM,CAAC;IAChB,aAAa,EAAE,MAAM,CAAC;IACtB,iBAAiB,EAAE,MAAM,CAAC;IAC1B,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,eAAO,MAAM,gBAAgB,EAAE,MAAM,CAAC,WAAW,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC,EAAE,SAAS,CAsBlF,CAAC;AAEF,eAAO,MAAM,uBAAuB,EAAE,MAAM,CAAC,WAAW,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC,EAAE,SAAS,CAgBzF,CAAC;AAEF,eAAO,MAAM,cAAc,gBACX,cAAc,WAAW,aAAa,cAAc,KAAK,WAAW,MAAM;;;;;;IAOrF,CAAC;AAEN;;;;;GAKG;AACH,eAAO,MAAM,iBAAiB,UACrB,WAAW,WAAW,CAAC,WACrB,MAAM;IAAE,IAAI,EAAE,MAAM,CAAA;CAAE,CAAC,YACtB,OAAO,SAkElB,CAAC"}

package/pie-chart/utils.js

@@ -0,0 +1,100 @@
+import { __assign } from "tslib";
+import styles from './styles.css.js';
+export var dimensionsBySize = {
+    small: {
+        innerRadius: 33,
+        outerRadius: 50,
+        innerLabelPadding: 8,
+        padding: 8,
+        paddingLabels: 44
+    },
+    medium: {
+        innerRadius: 66,
+        outerRadius: 100,
+        innerLabelPadding: 12,
+        padding: 12,
+        paddingLabels: 44
+    },
+    large: {
+        innerRadius: 93,
+        outerRadius: 140,
+        innerLabelPadding: 12,
+        padding: 12,
+        paddingLabels: 44
+    }
+};
+export var refreshDimensionsBySize = {
+    small: __assign(__assign({}, dimensionsBySize.small), { innerRadius: 38, cornerRadius: 3 }),
+    medium: __assign(__assign({}, dimensionsBySize.medium), { innerRadius: 75, cornerRadius: 4 }),
+    large: __assign(__assign({}, dimensionsBySize.large), { innerRadius: 105, cornerRadius: 5 })
+};
+export var defaultDetails = function (i18nStrings) { return function (datum, dataSum) {
+    return [
+        { key: i18nStrings.detailsValue || '', value: datum.value },
+        {
+            key: i18nStrings.detailsPercentage || '',
+            value: "".concat(((datum.value * 100) / dataSum).toFixed(0), "%")
+        },
+    ];
+}; };
+/**
+ * Adjusts the position of the given label nodes to avoid visual overlapping.
+ * @param nodes List of label nodes of the entire chart (both left and right side)
+ * @param markers Markers array that was calculated in <Labels>, but we just need the `endY` values
+ * @param leftSide Boolean flag whether we are processing the left or right side of the chart labels
+ */
+export var balanceLabelNodes = function (nodes, markers, leftSide) {
+    var _a;
+    var MARGIN = 10;
+    var previousBBox = null;
+    // When traversing the right side of labels, we start at the beginning of the array and go forwards.
+    // For the left side, we need to traverse backwards from the end, so that overlapping nodes are pushed down in the right order.
+    var i = leftSide ? nodes.length - 1 : 0;
+    while ((leftSide && i >= 0) || (!leftSide && i < nodes.length)) {
+        var node = nodes[i];
+        // Currently using dataset attributes to determine the base position.
+        // This implementation can be changed back to using `getBBox` when we drop IE11 support.
+        // Unfortunately, there is no good alternative for `getBBox` that is supported by IE11.
+        // `getBoundingClientRect` works for width and height calculations in SVG, but the x/y positions are inaccurate.
+        var x = parseFloat(node.getAttribute('data-x') || '0');
+        var y = parseFloat(node.getAttribute('data-y') || '0');
+        var box = {
+            x: x,
+            y: y,
+            height: node.getBoundingClientRect().height
+        };
+        var marker = markers[i];
+        if (leftSide) {
+            i--;
+        }
+        else {
+            i++;
+        }
+        if (!previousBBox) {
+            previousBBox = box;
+            node.setAttribute('transform', '');
+            continue;
+        }
+        if ((!leftSide && box.x < 0) || (leftSide && box.x >= 0)) {
+            // We have reached a label that is on the other side of the chart, so we're done.
+            break;
+        }
+        node.setAttribute('transform', '');
+        // Calculate how much the current node is overlapping with the previous one.
+        var offset = previousBBox.y + previousBBox.height + MARGIN - box.y;
+        if (offset > 0) {
+            // Move the label down.
+            node.setAttribute('transform', "translate(0 ".concat(offset, ")"));
+            // Adjust the attached line accordingly.
+            var lineNode = (_a = node.parentNode) === null || _a === void 0 ? void 0 : _a.querySelector(".".concat(styles['label-line']));
+            if (lineNode) {
+                var endY = marker.endY;
+                lineNode.setAttribute('y2', '' + (endY + offset));
+            }
+            // Update the position accordingly to inform the next label
+            box.y += offset;
+        }
+        previousBBox = box;
+    }
+};
+//# sourceMappingURL=utils.js.map

package/pie-chart/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../src/pie-chart/utils.ts"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { PieChartProps } from './interfaces';\nimport styles from './styles.css.js';\n\ninterface Dimension {\n  innerRadius: number;\n  outerRadius: number;\n  padding: number;\n  paddingLabels: number;\n  innerLabelPadding: number;\n  cornerRadius?: number;\n}\n\nexport const dimensionsBySize: Record<NonNullable<PieChartProps['size']>, Dimension> = {\n  small: {\n    innerRadius: 33,\n    outerRadius: 50,\n    innerLabelPadding: 8,\n    padding: 8, // = space-xs\n    paddingLabels: 44, // = 2 * (size-lineHeight-body-100)\n  },\n  medium: {\n    innerRadius: 66,\n    outerRadius: 100,\n    innerLabelPadding: 12,\n    padding: 12, // = space-s\n    paddingLabels: 44, // = 2 * (size-lineHeight-body-100)\n  },\n  large: {\n    innerRadius: 93,\n    outerRadius: 140,\n    innerLabelPadding: 12,\n    padding: 12, // = space-s\n    paddingLabels: 44, // = 2 * (size-lineHeight-body-100)\n  },\n};\n\nexport const refreshDimensionsBySize: Record<NonNullable<PieChartProps['size']>, Dimension> = {\n  small: {\n    ...dimensionsBySize.small,\n    innerRadius: 38,\n    cornerRadius: 3,\n  },\n  medium: {\n    ...dimensionsBySize.medium,\n    innerRadius: 75,\n    cornerRadius: 4,\n  },\n  large: {\n    ...dimensionsBySize.large,\n    innerRadius: 105,\n    cornerRadius: 5,\n  },\n};\n\nexport const defaultDetails =\n  (i18nStrings: PieChartProps.I18nStrings) => (datum: PieChartProps.Datum, dataSum: number) =>\n    [\n      { key: i18nStrings.detailsValue || '', value: datum.value },\n      {\n        key: i18nStrings.detailsPercentage || '',\n        value: `${((datum.value * 100) / dataSum).toFixed(0)}%`,\n      },\n    ];\n\n/**\n * Adjusts the position of the given label nodes to avoid visual overlapping.\n * @param nodes List of label nodes of the entire chart (both left and right side)\n * @param markers Markers array that was calculated in <Labels>, but we just need the `endY` values\n * @param leftSide Boolean flag whether we are processing the left or right side of the chart labels\n */\nexport const balanceLabelNodes = (\n  nodes: NodeListOf<SVGGElement>,\n  markers: Array<{ endY: number }>,\n  leftSide: boolean\n) => {\n  const MARGIN = 10;\n\n  let previousBBox: { x: number; y: number; height: number } | null = null;\n\n  // When traversing the right side of labels, we start at the beginning of the array and go forwards.\n  // For the left side, we need to traverse backwards from the end, so that overlapping nodes are pushed down in the right order.\n  let i = leftSide ? nodes.length - 1 : 0;\n\n  while ((leftSide && i >= 0) || (!leftSide && i < nodes.length)) {\n    const node = nodes[i];\n\n    // Currently using dataset attributes to determine the base position.\n    // This implementation can be changed back to using `getBBox` when we drop IE11 support.\n    // Unfortunately, there is no good alternative for `getBBox` that is supported by IE11.\n    // `getBoundingClientRect` works for width and height calculations in SVG, but the x/y positions are inaccurate.\n    const x = parseFloat(node.getAttribute('data-x') || '0');\n    const y = parseFloat(node.getAttribute('data-y') || '0');\n    const box = {\n      x,\n      y,\n      height: node.getBoundingClientRect().height,\n    };\n\n    const marker = markers[i];\n\n    if (leftSide) {\n      i--;\n    } else {\n      i++;\n    }\n\n    if (!previousBBox) {\n      previousBBox = box;\n      node.setAttribute('transform', '');\n      continue;\n    }\n\n    if ((!leftSide && box.x < 0) || (leftSide && box.x >= 0)) {\n      // We have reached a label that is on the other side of the chart, so we're done.\n      break;\n    }\n\n    node.setAttribute('transform', '');\n\n    // Calculate how much the current node is overlapping with the previous one.\n    const offset = previousBBox.y + previousBBox.height + MARGIN - box.y;\n\n    if (offset > 0) {\n      // Move the label down.\n      node.setAttribute('transform', `translate(0 ${offset})`);\n\n      // Adjust the attached line accordingly.\n      const lineNode = node.parentNode?.querySelector(`.${styles['label-line']}`);\n      if (lineNode) {\n        const { endY } = marker;\n        lineNode.setAttribute('y2', '' + (endY + offset));\n      }\n\n      // Update the position accordingly to inform the next label\n      box.y += offset;\n    }\n\n    previousBBox = box;\n  }\n};\n"]}

package/popover/arrow.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { InternalPosition } from './interfaces';
+export interface ArrowProps {
+    position: InternalPosition | null;
+}
+declare const _default: React.MemoExoticComponent<(props: ArrowProps) => JSX.Element>;
+export default _default;
+//# sourceMappingURL=arrow.d.ts.map

package/popover/arrow.d.ts.map

@@ -0,0 +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;AAEhD,MAAM,WAAW,UAAU;IACzB,QAAQ,EAAE,gBAAgB,GAAG,IAAI,CAAC;CACnC;;AASD,wBAAiC"}

package/popover/arrow.js

@@ -0,0 +1,10 @@
+// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+// SPDX-License-Identifier: Apache-2.0
+import React from 'react';
+import clsx from 'clsx';
+import styles from './styles.css.js';
+var Arrow = function (props) { return (React.createElement("div", { className: clsx(styles.arrow, props.position && styles["arrow-position-".concat(props.position)]) },
+    React.createElement("div", { className: styles['arrow-outer'] }),
+    React.createElement("div", { className: styles['arrow-inner'] }))); };
+export default React.memo(Arrow);
+//# sourceMappingURL=arrow.js.map

package/popover/arrow.js.map

@@ -0,0 +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,MAAM,MAAM,iBAAiB,CAAC;AAOrC,IAAM,KAAK,GAAG,UAAC,KAAiB,IAAK,OAAA,CACnC,6BAAK,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,KAAK,EAAE,KAAK,CAAC,QAAQ,IAAI,MAAM,CAAC,yBAAkB,KAAK,CAAC,QAAQ,CAAE,CAAC,CAAC;IAC9F,6BAAK,SAAS,EAAE,MAAM,CAAC,aAAa,CAAC,GAAI;IACzC,6BAAK,SAAS,EAAE,MAAM,CAAC,aAAa,CAAC,GAAI,CACrC,CACP,EALoC,CAKpC,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 styles from './styles.css.js';\nimport { InternalPosition } from './interfaces';\n\nexport interface ArrowProps {\n  position: InternalPosition | null;\n}\n\nconst Arrow = (props: ArrowProps) => (\n  <div className={clsx(styles.arrow, props.position && styles[`arrow-position-${props.position}`])}>\n    <div className={styles['arrow-outer']} />\n    <div className={styles['arrow-inner']} />\n  </div>\n);\n\nexport default React.memo(Arrow);\n"]}

package/popover/body.d.ts

@@ -0,0 +1,19 @@
+import React from 'react';
+import { ButtonProps } from '../button/interfaces';
+import { PopoverProps } from './interfaces';
+export interface PopoverBodyProps {
+    size: PopoverProps.Size;
+    fixedWidth: boolean;
+    dismissButton: boolean;
+    dismissAriaLabel: string | undefined;
+    onDismiss: () => void;
+    header: React.ReactNode | undefined;
+    children: React.ReactNode;
+    variant?: 'annotation';
+    returnFocus?: boolean;
+    overflowVisible?: 'content' | 'both';
+    dismissButtonRef?: React.Ref<ButtonProps.Ref>;
+    className?: string;
+}
+export default function PopoverBody({ size, fixedWidth, dismissButton: showDismissButton, dismissAriaLabel, header, children, onDismiss, variant, returnFocus, overflowVisible, dismissButtonRef, className, }: PopoverBodyProps): JSX.Element;
+//# sourceMappingURL=body.d.ts.map

package/popover/body.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"body.d.ts","sourceRoot":"","sources":["../../../src/popover/body.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAsB,MAAM,OAAO,CAAC;AAM3C,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAGnD,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAG5C,MAAM,WAAW,gBAAgB;IAC/B,IAAI,EAAE,YAAY,CAAC,IAAI,CAAC;IACxB,UAAU,EAAE,OAAO,CAAC;IACpB,aAAa,EAAE,OAAO,CAAC;IACvB,gBAAgB,EAAE,MAAM,GAAG,SAAS,CAAC;IACrC,SAAS,EAAE,MAAM,IAAI,CAAC;IAEtB,MAAM,EAAE,KAAK,CAAC,SAAS,GAAG,SAAS,CAAC;IACpC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,eAAe,CAAC,EAAE,SAAS,GAAG,MAAM,CAAC;IAErC,gBAAgB,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC;IAE9C,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAClC,IAAI,EACJ,UAAU,EACV,aAAa,EAAE,iBAAiB,EAChC,gBAAgB,EAChB,MAAM,EACN,QAAQ,EACR,SAAS,EACT,OAAO,EACP,WAAkB,EAClB,eAAe,EACf,gBAAgB,EAChB,SAAS,GACV,EAAE,gBAAgB,eAwDlB"}

package/popover/body.js

@@ -0,0 +1,35 @@
+// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+// SPDX-License-Identifier: Apache-2.0
+import React, { useCallback } from 'react';
+import clsx from 'clsx';
+import FocusLock from 'react-focus-lock';
+import { KeyCode } from '../internal/keycode';
+import { useUniqueId } from '../internal/hooks/use-unique-id';
+import { InternalButton } from '../button/internal';
+import styles from './styles.css.js';
+export default function PopoverBody(_a) {
+    var _b, _c;
+    var size = _a.size, fixedWidth = _a.fixedWidth, showDismissButton = _a.dismissButton, dismissAriaLabel = _a.dismissAriaLabel, header = _a.header, children = _a.children, onDismiss = _a.onDismiss, variant = _a.variant, _d = _a.returnFocus, returnFocus = _d === void 0 ? true : _d, overflowVisible = _a.overflowVisible, dismissButtonRef = _a.dismissButtonRef, className = _a.className;
+    var labelledById = useUniqueId('awsui-popover-');
+    var onKeyDown = useCallback(function (event) {
+        if (event.keyCode === KeyCode.escape) {
+            onDismiss();
+        }
+    }, [onDismiss]);
+    var dismissButton = (showDismissButton !== null && showDismissButton !== void 0 ? showDismissButton : null) && (React.createElement("div", { className: styles.dismiss },
+        React.createElement(InternalButton, { variant: "icon", formAction: "none", iconName: "close", className: styles['dismiss-control'], ariaLabel: dismissAriaLabel, onClick: function () { return onDismiss(); }, ref: dismissButtonRef })));
+    return (React.createElement("div", { className: clsx(styles.body, className, styles["body-size-".concat(size)], (_b = {},
+            _b[styles['fixed-width']] = fixedWidth,
+            _b[styles["variant-".concat(variant)]] = variant,
+            _b[styles['body-overflow-visible']] = overflowVisible === 'both',
+            _b)), role: header ? 'dialog' : undefined, onKeyDown: onKeyDown, "aria-modal": showDismissButton && variant !== 'annotation' ? true : undefined, "aria-labelledby": header ? labelledById : undefined },
+        React.createElement(FocusLock, { disabled: variant === 'annotation' || !showDismissButton, autoFocus: true, returnFocus: returnFocus },
+            header && (React.createElement("div", { className: clsx(styles['header-row'], showDismissButton && styles['has-dismiss']) },
+                dismissButton,
+                React.createElement("div", { className: styles.header, id: labelledById },
+                    React.createElement("h2", null, header)))),
+            React.createElement("div", { className: !header && showDismissButton ? styles['has-dismiss'] : undefined },
+                !header && dismissButton,
+                React.createElement("div", { className: clsx(styles.content, (_c = {}, _c[styles['content-overflow-visible']] = !!overflowVisible, _c)) }, children)))));
+}
+//# sourceMappingURL=body.js.map

package/popover/body.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"body.js","sourceRoot":"","sources":["../../../src/popover/body.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, { useCallback } from 'react';\nimport clsx from 'clsx';\nimport FocusLock from 'react-focus-lock';\n\nimport { KeyCode } from '../internal/keycode';\nimport { useUniqueId } from '../internal/hooks/use-unique-id';\nimport { ButtonProps } from '../button/interfaces';\nimport { InternalButton } from '../button/internal';\n\nimport { PopoverProps } from './interfaces';\nimport styles from './styles.css.js';\n\nexport interface PopoverBodyProps {\n  size: PopoverProps.Size;\n  fixedWidth: boolean;\n  dismissButton: boolean;\n  dismissAriaLabel: string | undefined;\n  onDismiss: () => void;\n\n  header: React.ReactNode | undefined;\n  children: React.ReactNode;\n  variant?: 'annotation';\n  returnFocus?: boolean;\n  overflowVisible?: 'content' | 'both';\n\n  dismissButtonRef?: React.Ref<ButtonProps.Ref>;\n\n  className?: string;\n}\n\nexport default function PopoverBody({\n  size,\n  fixedWidth,\n  dismissButton: showDismissButton,\n  dismissAriaLabel,\n  header,\n  children,\n  onDismiss,\n  variant,\n  returnFocus = true,\n  overflowVisible,\n  dismissButtonRef,\n  className,\n}: PopoverBodyProps) {\n  const labelledById = useUniqueId('awsui-popover-');\n\n  const onKeyDown = useCallback(\n    (event: React.KeyboardEvent) => {\n      if (event.keyCode === KeyCode.escape) {\n        onDismiss();\n      }\n    },\n    [onDismiss]\n  );\n\n  const dismissButton = (showDismissButton ?? null) && (\n    <div className={styles.dismiss}>\n      <InternalButton\n        variant=\"icon\"\n        formAction=\"none\"\n        iconName=\"close\"\n        className={styles['dismiss-control']}\n        ariaLabel={dismissAriaLabel}\n        onClick={() => onDismiss()}\n        ref={dismissButtonRef}\n      />\n    </div>\n  );\n\n  return (\n    <div\n      className={clsx(styles.body, className, styles[`body-size-${size}`], {\n        [styles['fixed-width']]: fixedWidth,\n        [styles[`variant-${variant}`]]: variant,\n        [styles['body-overflow-visible']]: overflowVisible === 'both',\n      })}\n      role={header ? 'dialog' : undefined}\n      onKeyDown={onKeyDown}\n      aria-modal={showDismissButton && variant !== 'annotation' ? true : undefined}\n      aria-labelledby={header ? labelledById : undefined}\n    >\n      <FocusLock disabled={variant === 'annotation' || !showDismissButton} autoFocus={true} returnFocus={returnFocus}>\n        {header && (\n          <div className={clsx(styles['header-row'], showDismissButton && styles['has-dismiss'])}>\n            {dismissButton}\n            <div className={styles.header} id={labelledById}>\n              <h2>{header}</h2>\n            </div>\n          </div>\n        )}\n        <div className={!header && showDismissButton ? styles['has-dismiss'] : undefined}>\n          {!header && dismissButton}\n          <div className={clsx(styles.content, { [styles['content-overflow-visible']]: !!overflowVisible })}>\n            {children}\n          </div>\n        </div>\n      </FocusLock>\n    </div>\n  );\n}\n"]}