@cloudscape-design/components 3.0.0

package/pagination/interfaces.d.ts

@@ -0,0 +1,72 @@
+import { NonCancelableEventHandler } from '../internal/events';
+export interface PaginationProps {
+    /**
+     * Index of the current page. The first page has an index of 1.
+     */
+    currentPageIndex: number;
+    /**
+     * Sets the total number of pages. Only positive integers are allowed.
+     */
+    pagesCount: number;
+    /**
+     * Sets the pagination variant. It can be either default (when setting it to `false`) or open ended (when setting it
+     * to `true`). Default pagination navigates you through the items list. The open-end variant enables you
+     * to lazy-load your items because it always displays three dots before the next page icon. The next page button is
+     * never disabled. When the user clicks on it but there are no more items to show, the
+     * `onNextPageClick` handler is called with `requestedPageAvailable: false` in the event detail.
+     */
+    openEnd?: boolean;
+    /**
+     * If set to `true`, the pagination links will be disabled. Use it, for example, if you want to prevent the user
+     * from changing page before items are loaded.
+     */
+    disabled?: boolean;
+    /**
+     * Adds aria-labels to the pagination buttons:
+     * * `previousPageLabel` (string) - Previous page button.
+     * * `pageLabel` (number => string) - Individual page button, this function is called for every page number that's rendered.
+     * * `nextPageLabel` (string) - Next page button
+     *
+     * Example:
+     * ```
+     * {
+     *   nextPageLabel: 'Next page',
+     *   previousPageLabel: 'Previous page',
+     *   pageLabel: pageNumber => `Page ${pageNumber}`
+     * }
+     * ```
+     */
+    ariaLabels?: PaginationProps.Labels;
+    /**
+     * Called when a user interaction causes a pagination change. The event `detail` contains the new `currentPageIndex`.
+     */
+    onChange?: NonCancelableEventHandler<PaginationProps.ChangeDetail>;
+    /**
+     * Called when the previous page arrow is clicked. The event `detail` contains the following:
+     * * `requestedPageAvailable` (boolean) - Always set to `true`.
+     * * `requestedPageIndex` (integer) - The index of the requested page.
+     */
+    onPreviousPageClick?: NonCancelableEventHandler<PaginationProps.PageClickDetail>;
+    /**
+     * Called when the next page arrow is clicked. The event `detail` contains the following:
+     * * `requestedPageAvailable` (boolean) - Indicates whether the requested page is available for display.
+     *   The value can be `false` when the `openEnd` property is set to `true`.
+     * * `requestedPageIndex` (integer) - The index of the requested page.
+     */
+    onNextPageClick?: NonCancelableEventHandler<PaginationProps.PageClickDetail>;
+}
+export declare namespace PaginationProps {
+    interface Labels {
+        nextPageLabel?: string;
+        previousPageLabel?: string;
+        pageLabel?: (pageNumber: number) => string;
+    }
+    interface PageClickDetail {
+        requestedPageAvailable: boolean;
+        requestedPageIndex: number;
+    }
+    interface ChangeDetail {
+        currentPageIndex: number;
+    }
+}
+//# sourceMappingURL=interfaces.d.ts.map

package/pagination/interfaces.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../../src/pagination/interfaces.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,yBAAyB,EAAE,MAAM,oBAAoB,CAAC;AAE/D,MAAM,WAAW,eAAe;IAC9B;;OAEG;IACH,gBAAgB,EAAE,MAAM,CAAC;IAEzB;;OAEG;IACH,UAAU,EAAE,MAAM,CAAC;IAEnB;;;;;;OAMG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;;;;;;;;;;;;OAcG;IACH,UAAU,CAAC,EAAE,eAAe,CAAC,MAAM,CAAC;IAEpC;;OAEG;IACH,QAAQ,CAAC,EAAE,yBAAyB,CAAC,eAAe,CAAC,YAAY,CAAC,CAAC;IAEnE;;;;OAIG;IACH,mBAAmB,CAAC,EAAE,yBAAyB,CAAC,eAAe,CAAC,eAAe,CAAC,CAAC;IAEjF;;;;;OAKG;IACH,eAAe,CAAC,EAAE,yBAAyB,CAAC,eAAe,CAAC,eAAe,CAAC,CAAC;CAC9E;AAED,yBAAiB,eAAe,CAAC;IAC/B,UAAiB,MAAM;QACrB,aAAa,CAAC,EAAE,MAAM,CAAC;QACvB,iBAAiB,CAAC,EAAE,MAAM,CAAC;QAC3B,SAAS,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,MAAM,CAAC;KAC5C;IAED,UAAiB,eAAe;QAC9B,sBAAsB,EAAE,OAAO,CAAC;QAChC,kBAAkB,EAAE,MAAM,CAAC;KAC5B;IAED,UAAiB,YAAY;QAC3B,gBAAgB,EAAE,MAAM,CAAC;KAC1B;CACF"}

package/pagination/interfaces.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=interfaces.js.map

package/pagination/interfaces.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../src/pagination/interfaces.ts"],"names":[],"mappings":"","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { NonCancelableEventHandler } from '../internal/events';\n\nexport interface PaginationProps {\n  /**\n   * Index of the current page. The first page has an index of 1.\n   */\n  currentPageIndex: number;\n\n  /**\n   * Sets the total number of pages. Only positive integers are allowed.\n   */\n  pagesCount: number;\n\n  /**\n   * Sets the pagination variant. It can be either default (when setting it to `false`) or open ended (when setting it\n   * to `true`). Default pagination navigates you through the items list. The open-end variant enables you\n   * to lazy-load your items because it always displays three dots before the next page icon. The next page button is\n   * never disabled. When the user clicks on it but there are no more items to show, the\n   * `onNextPageClick` handler is called with `requestedPageAvailable: false` in the event detail.\n   */\n  openEnd?: boolean;\n\n  /**\n   * If set to `true`, the pagination links will be disabled. Use it, for example, if you want to prevent the user\n   * from changing page before items are loaded.\n   */\n  disabled?: boolean;\n\n  /**\n   * Adds aria-labels to the pagination buttons:\n   * * `previousPageLabel` (string) - Previous page button.\n   * * `pageLabel` (number => string) - Individual page button, this function is called for every page number that's rendered.\n   * * `nextPageLabel` (string) - Next page button\n   *\n   * Example:\n   * ```\n   * {\n   *   nextPageLabel: 'Next page',\n   *   previousPageLabel: 'Previous page',\n   *   pageLabel: pageNumber => `Page ${pageNumber}`\n   * }\n   * ```\n   */\n  ariaLabels?: PaginationProps.Labels;\n\n  /**\n   * Called when a user interaction causes a pagination change. The event `detail` contains the new `currentPageIndex`.\n   */\n  onChange?: NonCancelableEventHandler<PaginationProps.ChangeDetail>;\n\n  /**\n   * Called when the previous page arrow is clicked. The event `detail` contains the following:\n   * * `requestedPageAvailable` (boolean) - Always set to `true`.\n   * * `requestedPageIndex` (integer) - The index of the requested page.\n   */\n  onPreviousPageClick?: NonCancelableEventHandler<PaginationProps.PageClickDetail>;\n\n  /**\n   * Called when the next page arrow is clicked. The event `detail` contains the following:\n   * * `requestedPageAvailable` (boolean) - Indicates whether the requested page is available for display.\n   *   The value can be `false` when the `openEnd` property is set to `true`.\n   * * `requestedPageIndex` (integer) - The index of the requested page.\n   */\n  onNextPageClick?: NonCancelableEventHandler<PaginationProps.PageClickDetail>;\n}\n\nexport namespace PaginationProps {\n  export interface Labels {\n    nextPageLabel?: string;\n    previousPageLabel?: string;\n    pageLabel?: (pageNumber: number) => string;\n  }\n\n  export interface PageClickDetail {\n    requestedPageAvailable: boolean;\n    requestedPageIndex: number;\n  }\n\n  export interface ChangeDetail {\n    currentPageIndex: number;\n  }\n}\n"]}

package/pagination/internal.d.ts

@@ -0,0 +1,6 @@
+import { InternalBaseComponentProps } from '../internal/hooks/use-base-component';
+import { PaginationProps } from './interfaces';
+declare type InternalPaginationProps = PaginationProps & InternalBaseComponentProps;
+export default function InternalPagination({ openEnd, currentPageIndex, ariaLabels, pagesCount, disabled, onChange, onNextPageClick, onPreviousPageClick, __internalRootRef, ...rest }: InternalPaginationProps): JSX.Element;
+export {};
+//# sourceMappingURL=internal.d.ts.map

package/pagination/internal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"internal.d.ts","sourceRoot":"","sources":["../../../src/pagination/internal.tsx"],"names":[],"mappings":"AAUA,OAAO,EAAE,0BAA0B,EAAE,MAAM,sCAAsC,CAAC;AAClF,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AA+D/C,aAAK,uBAAuB,GAAG,eAAe,GAAG,0BAA0B,CAAC;AAE5E,MAAM,CAAC,OAAO,UAAU,kBAAkB,CAAC,EACzC,OAAO,EACP,gBAAgB,EAChB,UAAU,EACV,UAAU,EACV,QAAQ,EACR,QAAQ,EACR,eAAe,EACf,mBAAmB,EACnB,iBAAwB,EACxB,GAAG,IAAI,EACR,EAAE,uBAAuB,eA+EzB"}

package/pagination/internal.js

@@ -0,0 +1,65 @@
+import { __assign, __rest } from "tslib";
+// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+// SPDX-License-Identifier: Apache-2.0
+import clsx from 'clsx';
+import React from 'react';
+import InternalIcon from '../icon/internal';
+import { fireNonCancelableEvent } from '../internal/events';
+import { getBaseProps } from '../internal/base-component';
+import useFocusVisible from '../internal/hooks/focus-visible';
+import styles from './styles.css.js';
+import { getPaginationState, range } from './utils';
+var defaultAriaLabels = {
+    nextPageLabel: '',
+    previousPageLabel: '',
+    pageLabel: function (pageNumber) { return "".concat(pageNumber); }
+};
+function PageButton(_a) {
+    var className = _a.className, ariaLabel = _a.ariaLabel, disabled = _a.disabled, pageIndex = _a.pageIndex, _b = _a.isCurrent, isCurrent = _b === void 0 ? false : _b, children = _a.children, onClick = _a.onClick;
+    var focusVisible = useFocusVisible();
+    function handleClick(event) {
+        event.preventDefault();
+        onClick(pageIndex);
+    }
+    return (React.createElement("li", { className: styles['page-item'] },
+        React.createElement("button", __assign({}, focusVisible, { className: clsx(className, styles.button, disabled && styles['button-disabled'], isCurrent && styles['button-current']), type: "button", "aria-label": ariaLabel, tabIndex: disabled ? -1 : 0, disabled: disabled, onClick: handleClick, "aria-current": isCurrent }), children)));
+}
+function PageNumber(_a) {
+    var pageIndex = _a.pageIndex, rest = __rest(_a, ["pageIndex"]);
+    return (React.createElement(PageButton, __assign({ className: styles['page-number'], pageIndex: pageIndex }, rest), pageIndex));
+}
+export default function InternalPagination(_a) {
+    var _b, _c, _d;
+    var openEnd = _a.openEnd, currentPageIndex = _a.currentPageIndex, ariaLabels = _a.ariaLabels, pagesCount = _a.pagesCount, disabled = _a.disabled, onChange = _a.onChange, onNextPageClick = _a.onNextPageClick, onPreviousPageClick = _a.onPreviousPageClick, _e = _a.__internalRootRef, __internalRootRef = _e === void 0 ? null : _e, rest = __rest(_a, ["openEnd", "currentPageIndex", "ariaLabels", "pagesCount", "disabled", "onChange", "onNextPageClick", "onPreviousPageClick", "__internalRootRef"]);
+    var baseProps = getBaseProps(rest);
+    var pageNumberLabelFn = (_b = ariaLabels === null || ariaLabels === void 0 ? void 0 : ariaLabels.pageLabel) !== null && _b !== void 0 ? _b : defaultAriaLabels.pageLabel;
+    var _f = getPaginationState(currentPageIndex, pagesCount, openEnd), leftDots = _f.leftDots, leftIndex = _f.leftIndex, rightIndex = _f.rightIndex, rightDots = _f.rightDots;
+    function handlePrevPageClick(requestedPageIndex) {
+        handlePageClick(requestedPageIndex);
+        fireNonCancelableEvent(onPreviousPageClick, {
+            requestedPageAvailable: true,
+            requestedPageIndex: requestedPageIndex
+        });
+    }
+    function handleNextPageClick(requestedPageIndex) {
+        handlePageClick(requestedPageIndex);
+        fireNonCancelableEvent(onNextPageClick, {
+            requestedPageAvailable: currentPageIndex < pagesCount,
+            requestedPageIndex: requestedPageIndex
+        });
+    }
+    function handlePageClick(requestedPageIndex) {
+        fireNonCancelableEvent(onChange, { currentPageIndex: requestedPageIndex });
+    }
+    return (React.createElement("ul", __assign({}, baseProps, { className: clsx(baseProps.className, styles.root, disabled && styles['root-disabled']), ref: __internalRootRef }),
+        React.createElement(PageButton, { className: styles.arrow, pageIndex: currentPageIndex - 1, ariaLabel: (_c = ariaLabels === null || ariaLabels === void 0 ? void 0 : ariaLabels.previousPageLabel) !== null && _c !== void 0 ? _c : defaultAriaLabels.nextPageLabel, disabled: disabled || currentPageIndex === 1, onClick: handlePrevPageClick },
+            React.createElement(InternalIcon, { name: "angle-left", variant: disabled ? 'disabled' : 'normal' })),
+        React.createElement(PageNumber, { pageIndex: 1, isCurrent: currentPageIndex === 1, disabled: disabled, ariaLabel: pageNumberLabelFn(1), onClick: handlePageClick }),
+        leftDots && React.createElement("li", { className: styles.dots }, "..."),
+        range(leftIndex, rightIndex).map(function (pageIndex) { return (React.createElement(PageNumber, { key: pageIndex, isCurrent: currentPageIndex === pageIndex, pageIndex: pageIndex, disabled: disabled, ariaLabel: pageNumberLabelFn(pageIndex), onClick: handlePageClick })); }),
+        rightDots && React.createElement("li", { className: styles.dots }, "..."),
+        !openEnd && pagesCount > 1 && (React.createElement(PageNumber, { isCurrent: currentPageIndex === pagesCount, pageIndex: pagesCount, disabled: disabled, ariaLabel: pageNumberLabelFn(pagesCount), onClick: handlePageClick })),
+        React.createElement(PageButton, { className: styles.arrow, pageIndex: currentPageIndex + 1, ariaLabel: (_d = ariaLabels === null || ariaLabels === void 0 ? void 0 : ariaLabels.nextPageLabel) !== null && _d !== void 0 ? _d : defaultAriaLabels.nextPageLabel, disabled: disabled || (!openEnd && (pagesCount === 0 || currentPageIndex === pagesCount)), onClick: handleNextPageClick },
+            React.createElement(InternalIcon, { name: "angle-right", variant: disabled ? 'disabled' : 'normal' }))));
+}
+//# sourceMappingURL=internal.js.map

package/pagination/internal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"internal.js","sourceRoot":"","sources":["../../../src/pagination/internal.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 clsx from 'clsx';\nimport React from 'react';\nimport InternalIcon from '../icon/internal';\nimport { fireNonCancelableEvent } from '../internal/events';\nimport { getBaseProps } from '../internal/base-component';\nimport useFocusVisible from '../internal/hooks/focus-visible';\nimport styles from './styles.css.js';\nimport { getPaginationState, range } from './utils';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\nimport { PaginationProps } from './interfaces';\n\nconst defaultAriaLabels: Required<PaginationProps.Labels> = {\n  nextPageLabel: '',\n  previousPageLabel: '',\n  pageLabel: pageNumber => `${pageNumber}`,\n};\n\ninterface PageButtonProps {\n  className?: string;\n  ariaLabel: string;\n  disabled?: boolean;\n  pageIndex: number;\n  isCurrent?: boolean;\n  children?: React.ReactNode;\n  onClick: (requestedIndex: number) => void;\n}\n\nfunction PageButton({\n  className,\n  ariaLabel,\n  disabled,\n  pageIndex,\n  isCurrent = false,\n  children,\n  onClick,\n}: PageButtonProps) {\n  const focusVisible = useFocusVisible();\n  function handleClick(event: React.MouseEvent) {\n    event.preventDefault();\n    onClick(pageIndex);\n  }\n  return (\n    <li className={styles['page-item']}>\n      <button\n        {...focusVisible}\n        className={clsx(\n          className,\n          styles.button,\n          disabled && styles['button-disabled'],\n          isCurrent && styles['button-current']\n        )}\n        type=\"button\"\n        aria-label={ariaLabel}\n        tabIndex={disabled ? -1 : 0}\n        disabled={disabled}\n        onClick={handleClick}\n        aria-current={isCurrent}\n      >\n        {children}\n      </button>\n    </li>\n  );\n}\n\nfunction PageNumber({ pageIndex, ...rest }: PageButtonProps) {\n  return (\n    <PageButton className={styles['page-number']} pageIndex={pageIndex} {...rest}>\n      {pageIndex}\n    </PageButton>\n  );\n}\n\ntype InternalPaginationProps = PaginationProps & InternalBaseComponentProps;\n\nexport default function InternalPagination({\n  openEnd,\n  currentPageIndex,\n  ariaLabels,\n  pagesCount,\n  disabled,\n  onChange,\n  onNextPageClick,\n  onPreviousPageClick,\n  __internalRootRef = null,\n  ...rest\n}: InternalPaginationProps) {\n  const baseProps = getBaseProps(rest);\n  const pageNumberLabelFn = ariaLabels?.pageLabel ?? defaultAriaLabels.pageLabel;\n  const { leftDots, leftIndex, rightIndex, rightDots } = getPaginationState(currentPageIndex, pagesCount, openEnd);\n\n  function handlePrevPageClick(requestedPageIndex: number) {\n    handlePageClick(requestedPageIndex);\n    fireNonCancelableEvent(onPreviousPageClick, {\n      requestedPageAvailable: true,\n      requestedPageIndex: requestedPageIndex,\n    });\n  }\n\n  function handleNextPageClick(requestedPageIndex: number) {\n    handlePageClick(requestedPageIndex);\n    fireNonCancelableEvent(onNextPageClick, {\n      requestedPageAvailable: currentPageIndex < pagesCount,\n      requestedPageIndex: requestedPageIndex,\n    });\n  }\n\n  function handlePageClick(requestedPageIndex: number) {\n    fireNonCancelableEvent(onChange, { currentPageIndex: requestedPageIndex });\n  }\n\n  return (\n    <ul\n      {...baseProps}\n      className={clsx(baseProps.className, styles.root, disabled && styles['root-disabled'])}\n      ref={__internalRootRef}\n    >\n      <PageButton\n        className={styles.arrow}\n        pageIndex={currentPageIndex - 1}\n        ariaLabel={ariaLabels?.previousPageLabel ?? defaultAriaLabels.nextPageLabel}\n        disabled={disabled || currentPageIndex === 1}\n        onClick={handlePrevPageClick}\n      >\n        <InternalIcon name=\"angle-left\" variant={disabled ? 'disabled' : 'normal'} />\n      </PageButton>\n      <PageNumber\n        pageIndex={1}\n        isCurrent={currentPageIndex === 1}\n        disabled={disabled}\n        ariaLabel={pageNumberLabelFn(1)}\n        onClick={handlePageClick}\n      />\n      {leftDots && <li className={styles.dots}>...</li>}\n      {range(leftIndex, rightIndex).map(pageIndex => (\n        <PageNumber\n          key={pageIndex}\n          isCurrent={currentPageIndex === pageIndex}\n          pageIndex={pageIndex}\n          disabled={disabled}\n          ariaLabel={pageNumberLabelFn(pageIndex)}\n          onClick={handlePageClick}\n        />\n      ))}\n      {rightDots && <li className={styles.dots}>...</li>}\n      {!openEnd && pagesCount > 1 && (\n        <PageNumber\n          isCurrent={currentPageIndex === pagesCount}\n          pageIndex={pagesCount}\n          disabled={disabled}\n          ariaLabel={pageNumberLabelFn(pagesCount)}\n          onClick={handlePageClick}\n        />\n      )}\n      <PageButton\n        className={styles.arrow}\n        pageIndex={currentPageIndex + 1}\n        ariaLabel={ariaLabels?.nextPageLabel ?? defaultAriaLabels.nextPageLabel}\n        disabled={disabled || (!openEnd && (pagesCount === 0 || currentPageIndex === pagesCount))}\n        onClick={handleNextPageClick}\n      >\n        <InternalIcon name=\"angle-right\" variant={disabled ? 'disabled' : 'normal'} />\n      </PageButton>\n    </ul>\n  );\n}\n"]}

package/pagination/styles.css.js

@@ -0,0 +1,14 @@
+
+    import './styles.scoped.css';
+    export default {
+  "root": "awsui_root_fvjdu_v8203_93",
+  "button": "awsui_button_fvjdu_v8203_111",
+  "dots": "awsui_dots_fvjdu_v8203_112",
+  "button-disabled": "awsui_button-disabled_fvjdu_v8203_134",
+  "arrow": "awsui_arrow_fvjdu_v8203_139",
+  "page-number": "awsui_page-number_fvjdu_v8203_149",
+  "button-current": "awsui_button-current_fvjdu_v8203_155",
+  "page-item": "awsui_page-item_fvjdu_v8203_170",
+  "root-disabled": "awsui_root-disabled_fvjdu_v8203_186"
+};
+  

package/pagination/styles.scoped.css

@@ -0,0 +1,237 @@
+/*
+ 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
+*/
+.awsui_root_fvjdu_v8203_93: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: flex;
+  flex-direction: row;
+  flex-wrap: wrap;
+  box-sizing: border-box;
+  padding-left: 0;
+  margin: 0;
+  list-style: none;
+}
+
+.awsui_button_fvjdu_v8203_111:not(#\9),
+.awsui_dots_fvjdu_v8203_112:not(#\9) {
+  min-width: 20px;
+  min-width: var(--space-l-4vl6xu, 20px);
+  border: 2px solid transparent;
+  border: var(--border-field-width-idlekx, 2px) solid transparent;
+}
+
+.awsui_button_fvjdu_v8203_111:not(#\9) {
+  cursor: pointer;
+  text-align: center;
+  box-sizing: border-box;
+  background: transparent;
+  line-height: inherit;
+  padding: 0;
+}
+.awsui_button_fvjdu_v8203_111:not(#\9):focus {
+  outline: none;
+}
+.awsui_button_fvjdu_v8203_111[data-awsui-focus-visible=true]:not(#\9):focus {
+  outline: 2px dotted transparent;
+  border: 2px solid #0972d3;
+  border: var(--border-field-width-idlekx, 2px) solid var(--color-border-item-focused-ap3b6s, #0972d3);
+  border-radius: 4px;
+  border-radius: var(--border-control-focus-ring-radius-default-6g2tnn, 4px);
+  box-shadow: 0 0 0 0px #0972d3;
+  box-shadow: 0 0 0 var(--border-control-focus-ring-shadow-spread-srzyiu, 0px) var(--color-border-item-focused-ap3b6s, #0972d3);
+}
+.awsui_button-disabled_fvjdu_v8203_134:not(#\9) {
+  cursor: default;
+  color: #9ba7b6;
+  color: var(--color-text-interactive-disabled-3pbb07, #9ba7b6);
+}
+
+.awsui_arrow_fvjdu_v8203_139:not(#\9) {
+  color: #414d5c;
+  color: var(--color-text-interactive-default-eg5fsa, #414d5c);
+}
+.awsui_arrow_fvjdu_v8203_139:not(#\9):not(.awsui_button-disabled_fvjdu_v8203_134):hover {
+  color: #000716;
+  color: var(--color-text-interactive-hover-v3lasm, #000716);
+}
+.awsui_arrow_fvjdu_v8203_139.awsui_button-disabled_fvjdu_v8203_134:not(#\9) {
+  color: #9ba7b6;
+  color: var(--color-text-interactive-disabled-3pbb07, #9ba7b6);
+}
+
+.awsui_page-number_fvjdu_v8203_149:not(#\9) {
+  color: #414d5c;
+  color: var(--color-text-pagination-page-number-default-z6gnaa, #414d5c);
+}
+.awsui_page-number_fvjdu_v8203_149:not(#\9):not(.awsui_button-disabled_fvjdu_v8203_134):hover {
+  color: #000716;
+  color: var(--color-text-interactive-hover-v3lasm, #000716);
+}
+.awsui_page-number_fvjdu_v8203_149.awsui_button-current_fvjdu_v8203_155:not(#\9) {
+  font-weight: 800;
+  font-weight: var(--font-wayfinding-link-active-weight-l3fid7, 800);
+  color: #000716;
+  color: var(--color-text-interactive-active-vol84d, #000716);
+}
+.awsui_page-number_fvjdu_v8203_149.awsui_button-current_fvjdu_v8203_155.awsui_button-disabled_fvjdu_v8203_134:not(#\9) {
+  color: #9ba7b6;
+  color: var(--color-text-pagination-page-number-active-disabled-sjs1t5, #9ba7b6);
+}
+.awsui_page-number_fvjdu_v8203_149.awsui_button-disabled_fvjdu_v8203_134:not(#\9) {
+  color: #9ba7b6;
+  color: var(--color-text-interactive-disabled-3pbb07, #9ba7b6);
+}
+
+.awsui_dots_fvjdu_v8203_112:not(#\9) {
+  color: #414d5c;
+  color: var(--color-text-interactive-default-eg5fsa, #414d5c);
+}
+
+.awsui_page-item_fvjdu_v8203_170:not(#\9),
+.awsui_dots_fvjdu_v8203_112:not(#\9) {
+  margin: 4px 4px;
+  margin: var(--space-scaled-xxs-95dhkm, 4px) var(--space-xxs-ynfts5, 4px);
+  text-align: center;
+  box-sizing: border-box;
+  padding: 0;
+}
+.awsui_page-item_fvjdu_v8203_170:not(#\9):first-child,
+.awsui_dots_fvjdu_v8203_112:not(#\9):first-child {
+  margin-left: 0;
+}
+.awsui_page-item_fvjdu_v8203_170:not(#\9):last-child,
+.awsui_dots_fvjdu_v8203_112:not(#\9):last-child {
+  margin-right: 0;
+}
+
+.awsui_root-disabled_fvjdu_v8203_186 > .awsui_dots_fvjdu_v8203_112:not(#\9) {
+  color: #9ba7b6;
+  color: var(--color-text-interactive-disabled-3pbb07, #9ba7b6);
+}

package/pagination/styles.selectors.js

@@ -0,0 +1,15 @@
+
+    // es-module interop with Babel and Typescript
+    Object.defineProperty(exports, "__esModule", { value: true });
+    module.exports.default = {
+  "root": "awsui_root_fvjdu_v8203_93",
+  "button": "awsui_button_fvjdu_v8203_111",
+  "dots": "awsui_dots_fvjdu_v8203_112",
+  "button-disabled": "awsui_button-disabled_fvjdu_v8203_134",
+  "arrow": "awsui_arrow_fvjdu_v8203_139",
+  "page-number": "awsui_page-number_fvjdu_v8203_149",
+  "button-current": "awsui_button-current_fvjdu_v8203_155",
+  "page-item": "awsui_page-item_fvjdu_v8203_170",
+  "root-disabled": "awsui_root-disabled_fvjdu_v8203_186"
+};
+  

package/pagination/utils.d.ts

@@ -0,0 +1,8 @@
+export declare function range(from: number, to: number): number[];
+export declare function getPaginationState(currentPageIndex: number, totalPagesCount: number, isOpenEnd?: boolean): {
+    leftDots: boolean;
+    rightDots: boolean;
+    leftIndex: number;
+    rightIndex: number;
+};
+//# sourceMappingURL=utils.d.ts.map

package/pagination/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/pagination/utils.ts"],"names":[],"mappings":"AAIA,wBAAgB,KAAK,CAAC,IAAI,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,YAM7C;AAED,wBAAgB,kBAAkB,CAAC,gBAAgB,EAAE,MAAM,EAAE,eAAe,EAAE,MAAM,EAAE,SAAS,CAAC,EAAE,OAAO;;;;;EAiDxG"}

package/pagination/utils.js

@@ -0,0 +1,52 @@
+// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+// SPDX-License-Identifier: Apache-2.0
+// TODO [mjawors] _.range
+export function range(from, to) {
+    var result = [];
+    for (var i = from; i <= to; i++) {
+        result.push(i);
+    }
+    return result;
+}
+export function getPaginationState(currentPageIndex, totalPagesCount, isOpenEnd) {
+    // Total number of elements handled here
+    var numberOfControls = 7;
+    // Max number of controls that can be displayed on the left and right hand side of the current page.
+    // Works only for odd numbers
+    var leftDelta = Math.floor(numberOfControls / 2);
+    var rightDelta = leftDelta;
+    // upper and lower limits for pages range
+    var lowerLimit = 2;
+    var upperLimit = totalPagesCount - 1;
+    if (isOpenEnd) {
+        rightDelta++;
+        upperLimit = totalPagesCount + 1;
+    }
+    // Left and right indices based on delta calculation
+    var leftIndex = currentPageIndex - leftDelta;
+    var rightIndex = currentPageIndex + rightDelta;
+    // adjust page indexes if page index is too small
+    if (leftIndex < lowerLimit) {
+        rightIndex += lowerLimit - leftIndex;
+        leftIndex = lowerLimit;
+    }
+    // adjust page indexes if page index is to big
+    if (rightIndex > upperLimit) {
+        leftIndex -= rightIndex - upperLimit;
+        rightIndex = upperLimit;
+    }
+    // adjust indexes one more time to avoid out of range errors
+    leftIndex = Math.max(leftIndex, 2);
+    rightIndex = Math.min(rightIndex, upperLimit);
+    // consider adding dots
+    var leftDots = leftIndex > 2;
+    var rightDots = isOpenEnd || rightIndex < upperLimit;
+    if (leftDots) {
+        leftIndex++;
+    }
+    if (rightDots) {
+        rightIndex--;
+    }
+    return { leftDots: leftDots, rightDots: rightDots, leftIndex: leftIndex, rightIndex: rightIndex };
+}
+//# sourceMappingURL=utils.js.map

package/pagination/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../src/pagination/utils.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AAEtC,yBAAyB;AACzB,MAAM,UAAU,KAAK,CAAC,IAAY,EAAE,EAAU;IAC5C,IAAM,MAAM,GAAG,EAAE,CAAC;IAClB,KAAK,IAAI,CAAC,GAAG,IAAI,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,EAAE,EAAE;QAC/B,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;KAChB;IACD,OAAO,MAAM,CAAC;AAChB,CAAC;AAED,MAAM,UAAU,kBAAkB,CAAC,gBAAwB,EAAE,eAAuB,EAAE,SAAmB;IACvG,wCAAwC;IACxC,IAAM,gBAAgB,GAAG,CAAC,CAAC;IAC3B,oGAAoG;IACpG,6BAA6B;IAC7B,IAAM,SAAS,GAAG,IAAI,CAAC,KAAK,CAAC,gBAAgB,GAAG,CAAC,CAAC,CAAC;IACnD,IAAI,UAAU,GAAG,SAAS,CAAC;IAC3B,yCAAyC;IACzC,IAAM,UAAU,GAAG,CAAC,CAAC;IACrB,IAAI,UAAU,GAAG,eAAe,GAAG,CAAC,CAAC;IAErC,IAAI,SAAS,EAAE;QACb,UAAU,EAAE,CAAC;QACb,UAAU,GAAG,eAAe,GAAG,CAAC,CAAC;KAClC;IAED,oDAAoD;IACpD,IAAI,SAAS,GAAG,gBAAgB,GAAG,SAAS,CAAC;IAC7C,IAAI,UAAU,GAAG,gBAAgB,GAAG,UAAU,CAAC;IAE/C,iDAAiD;IACjD,IAAI,SAAS,GAAG,UAAU,EAAE;QAC1B,UAAU,IAAI,UAAU,GAAG,SAAS,CAAC;QACrC,SAAS,GAAG,UAAU,CAAC;KACxB;IAED,8CAA8C;IAC9C,IAAI,UAAU,GAAG,UAAU,EAAE;QAC3B,SAAS,IAAI,UAAU,GAAG,UAAU,CAAC;QACrC,UAAU,GAAG,UAAU,CAAC;KACzB;IAED,4DAA4D;IAC5D,SAAS,GAAG,IAAI,CAAC,GAAG,CAAC,SAAS,EAAE,CAAC,CAAC,CAAC;IACnC,UAAU,GAAG,IAAI,CAAC,GAAG,CAAC,UAAU,EAAE,UAAU,CAAC,CAAC;IAE9C,uBAAuB;IACvB,IAAM,QAAQ,GAAG,SAAS,GAAG,CAAC,CAAC;IAC/B,IAAM,SAAS,GAAG,SAAS,IAAI,UAAU,GAAG,UAAU,CAAC;IAEvD,IAAI,QAAQ,EAAE;QACZ,SAAS,EAAE,CAAC;KACb;IAED,IAAI,SAAS,EAAE;QACb,UAAU,EAAE,CAAC;KACd;IAED,OAAO,EAAE,QAAQ,UAAA,EAAE,SAAS,WAAA,EAAE,SAAS,WAAA,EAAE,UAAU,YAAA,EAAE,CAAC;AACxD,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\n// TODO [mjawors] _.range\nexport function range(from: number, to: number) {\n  const result = [];\n  for (let i = from; i <= to; i++) {\n    result.push(i);\n  }\n  return result;\n}\n\nexport function getPaginationState(currentPageIndex: number, totalPagesCount: number, isOpenEnd?: boolean) {\n  // Total number of elements handled here\n  const numberOfControls = 7;\n  // Max number of controls that can be displayed on the left and right hand side of the current page.\n  // Works only for odd numbers\n  const leftDelta = Math.floor(numberOfControls / 2);\n  let rightDelta = leftDelta;\n  // upper and lower limits for pages range\n  const lowerLimit = 2;\n  let upperLimit = totalPagesCount - 1;\n\n  if (isOpenEnd) {\n    rightDelta++;\n    upperLimit = totalPagesCount + 1;\n  }\n\n  // Left and right indices based on delta calculation\n  let leftIndex = currentPageIndex - leftDelta;\n  let rightIndex = currentPageIndex + rightDelta;\n\n  // adjust page indexes if page index is too small\n  if (leftIndex < lowerLimit) {\n    rightIndex += lowerLimit - leftIndex;\n    leftIndex = lowerLimit;\n  }\n\n  // adjust page indexes if page index is to big\n  if (rightIndex > upperLimit) {\n    leftIndex -= rightIndex - upperLimit;\n    rightIndex = upperLimit;\n  }\n\n  // adjust indexes one more time to avoid out of range errors\n  leftIndex = Math.max(leftIndex, 2);\n  rightIndex = Math.min(rightIndex, upperLimit);\n\n  // consider adding dots\n  const leftDots = leftIndex > 2;\n  const rightDots = isOpenEnd || rightIndex < upperLimit;\n\n  if (leftDots) {\n    leftIndex++;\n  }\n\n  if (rightDots) {\n    rightIndex--;\n  }\n\n  return { leftDots, rightDots, leftIndex, rightIndex };\n}\n"]}

package/pie-chart/index.d.ts

@@ -0,0 +1,5 @@
+import { PieChartProps } from './interfaces';
+export { PieChartProps };
+declare const PieChart: <T extends PieChartProps.Datum = PieChartProps.Datum>({ variant, size, hideTitles, hideDescriptions, hideLegend, hideFilter, statusType, data: externalData, i18nStrings, highlightedSegment: controlledHighlightedSegment, visibleSegments: controlledVisibleSegments, onHighlightChange: controlledOnHighlightChange, onFilterChange, additionalFilters, legendTitle, detailPopoverSize, ...props }: PieChartProps<T>) => JSX.Element;
+export default PieChart;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/pie-chart/index.tsx"],"names":[],"mappings":"AAcA,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAS7C,OAAO,EAAE,aAAa,EAAE,CAAC;AAEzB,QAAA,MAAM,QAAQ,yaA4Kb,CAAC;AAGF,eAAe,QAAQ,CAAC"}

package/pie-chart/index.js

@@ -0,0 +1,95 @@
+import { __assign, __rest } from "tslib";
+// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+// SPDX-License-Identifier: Apache-2.0
+import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';
+import clsx from 'clsx';
+import { getBaseProps } from '../internal/base-component';
+import { useControllable } from '../internal/hooks/use-controllable';
+import { fireNonCancelableEvent } from '../internal/events';
+import Legend from '../internal/components/chart-legend';
+import Filter from '../internal/components/chart-filter';
+import InternalSpaceBetween from '../space-between/internal';
+import InternalBox from '../box/internal';
+import InternalPieChart from './pie-chart';
+import styles from './styles.css.js';
+import { applyDisplayName } from '../internal/utils/apply-display-name';
+import useBaseComponent from '../internal/hooks/use-base-component';
+import { useMergeRefs } from '../internal/hooks/use-merge-refs';
+import createCategoryColorScale from '../internal/utils/create-category-color-scale';
+import useContainerWidth from '../internal/utils/use-container-width';
+import { nodeContains } from '../internal/utils/dom';
+var PieChart = function PieChart(_a) {
+    var _b;
+    var _c = _a.variant, variant = _c === void 0 ? 'pie' : _c, _d = _a.size, size = _d === void 0 ? 'medium' : _d, _e = _a.hideTitles, hideTitles = _e === void 0 ? false : _e, _f = _a.hideDescriptions, hideDescriptions = _f === void 0 ? false : _f, _g = _a.hideLegend, hideLegend = _g === void 0 ? false : _g, _h = _a.hideFilter, hideFilter = _h === void 0 ? false : _h, _j = _a.statusType, statusType = _j === void 0 ? 'finished' : _j, _k = _a.data, externalData = _k === void 0 ? [] : _k, _l = _a.i18nStrings, i18nStrings = _l === void 0 ? {} : _l, controlledHighlightedSegment = _a.highlightedSegment, controlledVisibleSegments = _a.visibleSegments, controlledOnHighlightChange = _a.onHighlightChange, onFilterChange = _a.onFilterChange, additionalFilters = _a.additionalFilters, legendTitle = _a.legendTitle, _m = _a.detailPopoverSize, detailPopoverSize = _m === void 0 ? 'medium' : _m, props = __rest(_a, ["variant", "size", "hideTitles", "hideDescriptions", "hideLegend", "hideFilter", "statusType", "data", "i18nStrings", "highlightedSegment", "visibleSegments", "onHighlightChange", "onFilterChange", "additionalFilters", "legendTitle", "detailPopoverSize"]);
+    var _o = useBaseComponent('PieChart').__internalRootRef, __internalRootRef = _o === void 0 ? null : _o;
+    var baseProps = getBaseProps(props);
+    var isEmpty = !externalData || externalData.length === 0;
+    var containerAttr = __assign(__assign({}, baseProps), { className: clsx(baseProps.className, styles.root) });
+    var containerRef = useRef(null);
+    var _p = useContainerWidth(), containerWidth = _p[0], measureRef = _p[1];
+    var data = useMemo(function () {
+        var colors = createCategoryColorScale(externalData, undefined, function (it) { return it.color || null; });
+        return externalData.map(function (datum, i) { return ({
+            index: i,
+            color: colors[i],
+            datum: datum
+        }); });
+    }, [externalData]);
+    var _q = useControllable(controlledHighlightedSegment, controlledOnHighlightChange, null, {
+        componentName: 'PieChart',
+        controlledProp: 'highlightedSegment',
+        changeHandler: 'onHighlightChange'
+    }), _r = _q[0], highlightedSegment = _r === void 0 ? null : _r, setHighlightedSegment = _q[1];
+    var _s = useState(highlightedSegment), legendSegment = _s[0], setLegendSegment = _s[1];
+    useEffect(function () {
+        setLegendSegment(controlledHighlightedSegment || null);
+    }, [controlledHighlightedSegment]);
+    var _t = useControllable(controlledVisibleSegments, onFilterChange, externalData, {
+        componentName: 'PieChart',
+        controlledProp: 'visibleSegments',
+        changeHandler: 'onFilterChange'
+    }), visibleSegments = _t[0], setVisibleSegments = _t[1];
+    var _u = useState(null), pinnedSegment = _u[0], setPinnedSegment = _u[1];
+    var visibleData = useMemo(function () { return data.filter(function (d) { return (visibleSegments === null || visibleSegments === void 0 ? void 0 : visibleSegments.indexOf(d.datum)) !== -1; }); }, [data, visibleSegments]);
+    var filterItems = data === null || data === void 0 ? void 0 : data.map(function (data) { return ({
+        label: data.datum.title,
+        color: data.color,
+        type: 'rectangle',
+        datum: data.datum
+    }); });
+    var legendItems = filterItems.filter(function (d) { return (visibleSegments === null || visibleSegments === void 0 ? void 0 : visibleSegments.indexOf(d.datum)) !== -1; });
+    var filterChange = useCallback(function (selectedSeries) {
+        setVisibleSegments(selectedSeries);
+        fireNonCancelableEvent(onFilterChange, {
+            visibleSegments: selectedSeries
+        });
+    }, [setVisibleSegments, onFilterChange]);
+    var onHighlightChange = useCallback(function (segment) {
+        if (pinnedSegment !== null) {
+            return;
+        }
+        setLegendSegment(segment);
+        setHighlightedSegment(segment);
+        fireNonCancelableEvent(controlledOnHighlightChange, { highlightedSegment: segment });
+    }, [pinnedSegment, controlledOnHighlightChange, setHighlightedSegment]);
+    var onBlur = function (event) {
+        if (event.relatedTarget && !nodeContains(containerRef.current, event.relatedTarget)) {
+            highlightedSegment && onHighlightChange(null);
+            setLegendSegment(null);
+        }
+    };
+    var mergedRef = useMergeRefs(containerRef, measureRef, __internalRootRef);
+    return (React.createElement("div", __assign({}, containerAttr, { ref: mergedRef, onBlur: onBlur }),
+        statusType === 'finished' && !isEmpty && (React.createElement(InternalBox, { className: styles['filter-container'], margin: { bottom: 'l' } },
+            React.createElement(InternalSpaceBetween, { size: "l", direction: "horizontal", className: clsx((_b = {},
+                    _b[styles['has-default-filter']] = !hideFilter,
+                    _b)) },
+                !hideFilter && (React.createElement(Filter, { series: filterItems, onChange: filterChange, selectedSeries: visibleSegments, i18nStrings: i18nStrings })),
+                additionalFilters))),
+        React.createElement(InternalPieChart, __assign({}, props, { variant: variant, size: size, data: externalData, visibleData: visibleData, width: containerWidth, statusType: statusType, hideTitles: hideTitles, hideDescriptions: hideDescriptions, hideLegend: hideLegend, hideFilter: hideFilter, additionalFilters: additionalFilters, i18nStrings: i18nStrings, onHighlightChange: onHighlightChange, highlightedSegment: highlightedSegment, legendSegment: legendSegment, pinnedSegment: pinnedSegment, setPinnedSegment: setPinnedSegment, detailPopoverSize: detailPopoverSize })),
+        !hideLegend && !isEmpty && statusType === 'finished' && (React.createElement(InternalBox, { margin: { top: 'm' } },
+            React.createElement(Legend, { series: legendItems, highlightedSeries: legendSegment, legendTitle: legendTitle, ariaLabel: i18nStrings === null || i18nStrings === void 0 ? void 0 : i18nStrings.legendAriaLabel, onHighlightChange: onHighlightChange, plotContainerRef: containerRef })))));
+};
+applyDisplayName(PieChart, 'PieChart');
+export default PieChart;
+//# sourceMappingURL=index.js.map