@cloudscape-design/components-themeable 3.0.0

package/internal/template/package.json

@@ -0,0 +1,114 @@
+{
+  "name": "@cloudscape-design/components",
+  "files": [
+    "*"
+  ],
+  "main": "./index.js",
+  "exports": {
+    ".": "./index.js",
+    "./package.json": "./package.json",
+    "./theming": "./theming/index.js",
+    "./test-utils/dom": "./test-utils/dom/index.js",
+    "./test-utils/selectors": "./test-utils/selectors/index.js",
+    "./interfaces": "./interfaces.js",
+    "./contexts/form-field": "./contexts/form-field.js",
+    "./alert": "./alert/index.js",
+    "./annotation-context": "./annotation-context/index.js",
+    "./app-layout": "./app-layout/index.js",
+    "./area-chart": "./area-chart/index.js",
+    "./attribute-editor": "./attribute-editor/index.js",
+    "./autosuggest": "./autosuggest/index.js",
+    "./badge": "./badge/index.js",
+    "./bar-chart": "./bar-chart/index.js",
+    "./box": "./box/index.js",
+    "./breadcrumb-group": "./breadcrumb-group/index.js",
+    "./button": "./button/index.js",
+    "./button-dropdown": "./button-dropdown/index.js",
+    "./cards": "./cards/index.js",
+    "./checkbox": "./checkbox/index.js",
+    "./code-editor": "./code-editor/index.js",
+    "./collection-preferences": "./collection-preferences/index.js",
+    "./column-layout": "./column-layout/index.js",
+    "./container": "./container/index.js",
+    "./date-picker": "./date-picker/index.js",
+    "./date-range-picker": "./date-range-picker/index.js",
+    "./expandable-section": "./expandable-section/index.js",
+    "./flashbar": "./flashbar/index.js",
+    "./form": "./form/index.js",
+    "./form-field": "./form-field/index.js",
+    "./grid": "./grid/index.js",
+    "./header": "./header/index.js",
+    "./help-panel": "./help-panel/index.js",
+    "./hotspot": "./hotspot/index.js",
+    "./icon": "./icon/index.js",
+    "./input": "./input/index.js",
+    "./line-chart": "./line-chart/index.js",
+    "./link": "./link/index.js",
+    "./mixed-line-bar-chart": "./mixed-line-bar-chart/index.js",
+    "./modal": "./modal/index.js",
+    "./multiselect": "./multiselect/index.js",
+    "./pagination": "./pagination/index.js",
+    "./pie-chart": "./pie-chart/index.js",
+    "./popover": "./popover/index.js",
+    "./progress-bar": "./progress-bar/index.js",
+    "./property-filter": "./property-filter/index.js",
+    "./radio-group": "./radio-group/index.js",
+    "./s3-resource-selector": "./s3-resource-selector/index.js",
+    "./segmented-control": "./segmented-control/index.js",
+    "./select": "./select/index.js",
+    "./side-navigation": "./side-navigation/index.js",
+    "./space-between": "./space-between/index.js",
+    "./spinner": "./spinner/index.js",
+    "./split-panel": "./split-panel/index.js",
+    "./status-indicator": "./status-indicator/index.js",
+    "./table": "./table/index.js",
+    "./tabs": "./tabs/index.js",
+    "./tag-editor": "./tag-editor/index.js",
+    "./text-content": "./text-content/index.js",
+    "./text-filter": "./text-filter/index.js",
+    "./textarea": "./textarea/index.js",
+    "./tiles": "./tiles/index.js",
+    "./time-input": "./time-input/index.js",
+    "./toggle": "./toggle/index.js",
+    "./token-group": "./token-group/index.js",
+    "./top-navigation": "./top-navigation/index.js",
+    "./tutorial-panel": "./tutorial-panel/index.js",
+    "./wizard": "./wizard/index.js",
+    "./top-navigation/1.0-beta": "./top-navigation/1.0-beta/index.js"
+  },
+  "sideEffects": [
+    "*.css",
+    "./internal/base-component/index.js",
+    "./internal/base-component/styles.css.js"
+  ],
+  "version": "3.0.0",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/cloudscape-design/components.git"
+  },
+  "homepage": "https://cloudscape.design",
+  "dependencies": {
+    "@cloudscape-design/collection-hooks": "^1.0.0",
+    "@cloudscape-design/test-utils-core": "^1.0.0",
+    "@cloudscape-design/theming-runtime": "^1.0.0",
+    "@juggle/resize-observer": "^3.3.1",
+    "ace-builds": "^1.4.13",
+    "balanced-match": "^1.0.2",
+    "clsx": "^1.1.0",
+    "d3-scale": "^2.2.2",
+    "d3-shape": "^1.3.7",
+    "date-fns": "^2.25.0",
+    "mnth": "^2.0.0",
+    "react-focus-lock": "~2.8.1",
+    "react-keyed-flatten-children": "^1.3.0",
+    "react-resizable": "^1.11.1",
+    "react-transition-group": "^4.4.2",
+    "react-virtual": "^2.8.2",
+    "tslib": "^2.4.0",
+    "weekstart": "^1.1.0"
+  },
+  "peerDependencies": {
+    "react": "^16.8 || ^17 || ^18",
+    "react-dom": "^16.8 || ^17 || ^18"
+  }
+}

package/internal/template/pagination/index.d.ts

@@ -0,0 +1,4 @@
+import { PaginationProps } from './interfaces';
+export { PaginationProps };
+export default function Pagination(props: PaginationProps): JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/internal/template/pagination/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/pagination/index.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAG/C,OAAO,EAAE,eAAe,EAAE,CAAC;AAE3B,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,KAAK,EAAE,eAAe,eAGxD"}

package/internal/template/pagination/index.js

@@ -0,0 +1,13 @@
+import { __assign } from "tslib";
+// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+// SPDX-License-Identifier: Apache-2.0
+import React from 'react';
+import { applyDisplayName } from '../internal/utils/apply-display-name';
+import useBaseComponent from '../internal/hooks/use-base-component';
+import InternalPagination from './internal';
+export default function Pagination(props) {
+    var baseComponentProps = useBaseComponent('Pagination');
+    return React.createElement(InternalPagination, __assign({}, props, baseComponentProps));
+}
+applyDisplayName(Pagination, 'Pagination');
+//# sourceMappingURL=index.js.map

package/internal/template/pagination/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/pagination/index.tsx"],"names":[],"mappings":";AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,gBAAgB,EAAE,MAAM,sCAAsC,CAAC;AACxE,OAAO,gBAAgB,MAAM,sCAAsC,CAAC;AAEpE,OAAO,kBAAkB,MAAM,YAAY,CAAC;AAI5C,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,KAAsB;IACvD,IAAM,kBAAkB,GAAG,gBAAgB,CAAC,YAAY,CAAC,CAAC;IAC1D,OAAO,oBAAC,kBAAkB,eAAK,KAAK,EAAM,kBAAkB,EAAI,CAAC;AACnE,CAAC;AAED,gBAAgB,CAAC,UAAU,EAAE,YAAY,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 { applyDisplayName } from '../internal/utils/apply-display-name';\nimport useBaseComponent from '../internal/hooks/use-base-component';\nimport { PaginationProps } from './interfaces';\nimport InternalPagination from './internal';\n\nexport { PaginationProps };\n\nexport default function Pagination(props: PaginationProps) {\n  const baseComponentProps = useBaseComponent('Pagination');\n  return <InternalPagination {...props} {...baseComponentProps} />;\n}\n\napplyDisplayName(Pagination, 'Pagination');\n"]}

package/internal/template/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/internal/template/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/internal/template/pagination/interfaces.js

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

package/internal/template/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/internal/template/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/internal/template/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/internal/template/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/internal/template/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/internal/template/pagination/styles.css.js

@@ -0,0 +1,14 @@
+
+    import './styles.scoped.css';
+    export default {
+  "root": "awsui_root_fvjdu_ofto5_93",
+  "button": "awsui_button_fvjdu_ofto5_111",
+  "dots": "awsui_dots_fvjdu_ofto5_112",
+  "button-disabled": "awsui_button-disabled_fvjdu_ofto5_134",
+  "arrow": "awsui_arrow_fvjdu_ofto5_139",
+  "page-number": "awsui_page-number_fvjdu_ofto5_149",
+  "button-current": "awsui_button-current_fvjdu_ofto5_155",
+  "page-item": "awsui_page-item_fvjdu_ofto5_170",
+  "root-disabled": "awsui_root-disabled_fvjdu_ofto5_186"
+};
+  

package/internal/template/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_ofto5_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: #16191f;
+  color: var(--color-text-body-default-7m2b3r, #16191f);
+  font-weight: 400;
+  font-family: "Noto Sans", "Helvetica Neue", Roboto, Arial, sans-serif;
+  font-family: var(--font-family-base-mylvzb, "Noto 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_ofto5_111:not(#\9),
+.awsui_dots_fvjdu_ofto5_112:not(#\9) {
+  min-width: 20px;
+  min-width: var(--space-l-4vl6xu, 20px);
+  border: 1px solid transparent;
+  border: var(--border-field-width-y6x4sn, 1px) solid transparent;
+}
+
+.awsui_button_fvjdu_ofto5_111:not(#\9) {
+  cursor: pointer;
+  text-align: center;
+  box-sizing: border-box;
+  background: transparent;
+  line-height: inherit;
+  padding: 0;
+}
+.awsui_button_fvjdu_ofto5_111:not(#\9):focus {
+  outline: none;
+}
+.awsui_button_fvjdu_ofto5_111[data-awsui-focus-visible=true]:not(#\9):focus {
+  outline: 2px dotted transparent;
+  border: 1px solid #00a1c9;
+  border: var(--border-field-width-y6x4sn, 1px) solid var(--color-border-item-focused-bs10w5, #00a1c9);
+  border-radius: 2px;
+  border-radius: var(--border-control-focus-ring-radius-default-9royjh, 2px);
+  box-shadow: 0 0 0 1px #00a1c9;
+  box-shadow: 0 0 0 var(--border-control-focus-ring-shadow-spread-glnuoy, 1px) var(--color-border-item-focused-bs10w5, #00a1c9);
+}
+.awsui_button-disabled_fvjdu_ofto5_134:not(#\9) {
+  cursor: default;
+  color: #aab7b8;
+  color: var(--color-text-interactive-disabled-jcikk2, #aab7b8);
+}
+
+.awsui_arrow_fvjdu_ofto5_139:not(#\9) {
+  color: #545b64;
+  color: var(--color-text-interactive-default-9me1cm, #545b64);
+}
+.awsui_arrow_fvjdu_ofto5_139:not(#\9):not(.awsui_button-disabled_fvjdu_ofto5_134):hover {
+  color: #16191f;
+  color: var(--color-text-interactive-hover-79wpl9, #16191f);
+}
+.awsui_arrow_fvjdu_ofto5_139.awsui_button-disabled_fvjdu_ofto5_134:not(#\9) {
+  color: #aab7b8;
+  color: var(--color-text-interactive-disabled-jcikk2, #aab7b8);
+}
+
+.awsui_page-number_fvjdu_ofto5_149:not(#\9) {
+  color: #545b64;
+  color: var(--color-text-pagination-page-number-default-xf8q73, #545b64);
+}
+.awsui_page-number_fvjdu_ofto5_149:not(#\9):not(.awsui_button-disabled_fvjdu_ofto5_134):hover {
+  color: #16191f;
+  color: var(--color-text-interactive-hover-79wpl9, #16191f);
+}
+.awsui_page-number_fvjdu_ofto5_149.awsui_button-current_fvjdu_ofto5_155:not(#\9) {
+  font-weight: 700;
+  font-weight: var(--font-wayfinding-link-active-weight-r40wpo, 700);
+  color: #16191f;
+  color: var(--color-text-interactive-active-i5elzx, #16191f);
+}
+.awsui_page-number_fvjdu_ofto5_149.awsui_button-current_fvjdu_ofto5_155.awsui_button-disabled_fvjdu_ofto5_134:not(#\9) {
+  color: #545b64;
+  color: var(--color-text-pagination-page-number-active-disabled-nidnvc, #545b64);
+}
+.awsui_page-number_fvjdu_ofto5_149.awsui_button-disabled_fvjdu_ofto5_134:not(#\9) {
+  color: #aab7b8;
+  color: var(--color-text-interactive-disabled-jcikk2, #aab7b8);
+}
+
+.awsui_dots_fvjdu_ofto5_112:not(#\9) {
+  color: #545b64;
+  color: var(--color-text-interactive-default-9me1cm, #545b64);
+}
+
+.awsui_page-item_fvjdu_ofto5_170:not(#\9),
+.awsui_dots_fvjdu_ofto5_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_ofto5_170:not(#\9):first-child,
+.awsui_dots_fvjdu_ofto5_112:not(#\9):first-child {
+  margin-left: 0;
+}
+.awsui_page-item_fvjdu_ofto5_170:not(#\9):last-child,
+.awsui_dots_fvjdu_ofto5_112:not(#\9):last-child {
+  margin-right: 0;
+}
+
+.awsui_root-disabled_fvjdu_ofto5_186 > .awsui_dots_fvjdu_ofto5_112:not(#\9) {
+  color: #aab7b8;
+  color: var(--color-text-interactive-disabled-jcikk2, #aab7b8);
+}

package/internal/template/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_ofto5_93",
+  "button": "awsui_button_fvjdu_ofto5_111",
+  "dots": "awsui_dots_fvjdu_ofto5_112",
+  "button-disabled": "awsui_button-disabled_fvjdu_ofto5_134",
+  "arrow": "awsui_arrow_fvjdu_ofto5_139",
+  "page-number": "awsui_page-number_fvjdu_ofto5_149",
+  "button-current": "awsui_button-current_fvjdu_ofto5_155",
+  "page-item": "awsui_page-item_fvjdu_ofto5_170",
+  "root-disabled": "awsui_root-disabled_fvjdu_ofto5_186"
+};
+  

package/internal/template/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/internal/template/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"}