@amboss/design-system 3.21.0 → 3.21.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/build/cjs/components/Pagination/-types.d.ts +11 -10
- package/build/cjs/components/Pagination/CompactPagination.js +1 -1
- package/build/cjs/components/Pagination/NumberedPagination.d.ts +1 -1
- package/build/cjs/components/Pagination/NumberedPagination.js +1 -1
- package/build/cjs/components/UserHighlightTooltip/-types.d.ts +5 -0
- package/build/cjs/components/UserHighlightTooltip/-types.js +1 -0
- package/build/cjs/components/UserHighlightTooltip/-utils.ts/TooltipRegistry.d.ts +35 -0
- package/build/cjs/components/UserHighlightTooltip/-utils.ts/TooltipRegistry.js +1 -0
- package/build/cjs/components/UserHighlightTooltip/-utils.ts/findOverlappingTooltips.d.ts +15 -0
- package/build/cjs/components/UserHighlightTooltip/-utils.ts/findOverlappingTooltips.js +1 -0
- package/build/cjs/components/UserHighlightTooltip/-utils.ts/getTopmostElement.d.ts +8 -0
- package/build/cjs/components/UserHighlightTooltip/-utils.ts/getTopmostElement.js +1 -0
- package/build/cjs/components/UserHighlightTooltip/UserHighlightTooltip.js +1 -1
- package/build/esm/components/Pagination/-types.d.ts +11 -10
- package/build/esm/components/Pagination/CompactPagination.js +1 -1
- package/build/esm/components/Pagination/NumberedPagination.d.ts +1 -1
- package/build/esm/components/Pagination/NumberedPagination.js +1 -1
- package/build/esm/components/UserHighlightTooltip/-types.d.ts +5 -0
- package/build/esm/components/UserHighlightTooltip/-types.js +1 -0
- package/build/esm/components/UserHighlightTooltip/-utils.ts/TooltipRegistry.d.ts +35 -0
- package/build/esm/components/UserHighlightTooltip/-utils.ts/TooltipRegistry.js +1 -0
- package/build/esm/components/UserHighlightTooltip/-utils.ts/findOverlappingTooltips.d.ts +15 -0
- package/build/esm/components/UserHighlightTooltip/-utils.ts/findOverlappingTooltips.js +1 -0
- package/build/esm/components/UserHighlightTooltip/-utils.ts/getTopmostElement.d.ts +8 -0
- package/build/esm/components/UserHighlightTooltip/-utils.ts/getTopmostElement.js +1 -0
- package/build/esm/components/UserHighlightTooltip/UserHighlightTooltip.js +1 -1
- package/package.json +1 -1
|
@@ -1,6 +1,15 @@
|
|
|
1
1
|
type PaginationBaseProps = {
|
|
2
|
-
/** Total number of items
|
|
2
|
+
/** Total number of items in the collection (or pages if not using numOfItemsPerPage) */
|
|
3
3
|
numOfItems: number;
|
|
4
|
+
/**
|
|
5
|
+
* Number of items per page
|
|
6
|
+
*
|
|
7
|
+
* Component calculates total pages as: Math.ceil(numOfItems / numOfItemsPerPage)
|
|
8
|
+
* If not provided, defaults to 1 (numOfItems = page count for backwards compatibility)
|
|
9
|
+
*
|
|
10
|
+
* @default 1
|
|
11
|
+
*/
|
|
12
|
+
numOfItemsPerPage?: number;
|
|
4
13
|
/** Current page number (1-indexed) */
|
|
5
14
|
currentPage: number;
|
|
6
15
|
/**
|
|
@@ -39,14 +48,6 @@ export type CompactVariantProps = PaginationBaseProps & {
|
|
|
39
48
|
* **"compact"**: Shows prev/next icon buttons with a center label displaying item range
|
|
40
49
|
*/
|
|
41
50
|
variant: "compact";
|
|
42
|
-
/**
|
|
43
|
-
* Number of items per page
|
|
44
|
-
*
|
|
45
|
-
* **Note**: Only applies to **compact** variant. Used to calculate item range display (e.g., "1-10 of 100").
|
|
46
|
-
*
|
|
47
|
-
* @default 1
|
|
48
|
-
*/
|
|
49
|
-
numOfItemsPerPage?: number;
|
|
50
51
|
/**
|
|
51
52
|
* Label alignment
|
|
52
53
|
*
|
|
@@ -78,7 +79,7 @@ export type NumberedVariantProps = PaginationBaseProps & {
|
|
|
78
79
|
*
|
|
79
80
|
* @param page - Selected page number
|
|
80
81
|
*/
|
|
81
|
-
onPageClick
|
|
82
|
+
onPageClick: (page: number, firstItemIndex?: number, lastItemIndex?: number) => void;
|
|
82
83
|
/**
|
|
83
84
|
* Show/hide text labels on Previous/Next buttons
|
|
84
85
|
*
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"CompactPagination",{enumerable:!0,get:function(){return CompactPagination}});const _react=/*#__PURE__*/require("@swc/helpers/_/_interop_require_default")._(require("react")),_Inline=require("../Inline/Inline"),_PictogramButton=require("../PictogramButton/PictogramButton"),_Text=require("../Typography/Text/Text"),_getItemIndices=require("./-utils/getItemIndices");function CompactPagination({numOfItems,currentPage,numOfItemsPerPage=1,formatLabel,alignLabel="center","data-e2e-test-id":dataE2eTestId,onPrevClick,onNextClick,nextButtonAriaLabel="Go to next page",prevButtonAriaLabel="Go to prev page"}){let label,itemsPerPage=numOfItems>numOfItemsPerPage?numOfItemsPerPage:numOfItems,numOfPages=Math.ceil(numOfItems/itemsPerPage);if(itemsPerPage>1){let[firstItemIndex,lastItemIndex]=(0,_getItemIndices.getItemIndices)(currentPage,itemsPerPage,numOfItems);label=formatLabel?formatLabel(firstItemIndex,lastItemIndex,numOfItems):firstItemIndex===lastItemIndex?`${firstItemIndex} of ${numOfItems}`:`${firstItemIndex} - ${lastItemIndex} of ${numOfItems}`}else label=formatLabel?formatLabel(currentPage,numOfPages,numOfPages):`${currentPage} of ${numOfPages}`;let leftButton=_react.default.createElement(_PictogramButton.PictogramButton,{size:"s",icon:"chevron-left",disabled:1===currentPage,onClick:()=>{if(itemsPerPage>1){let[firstItemIndex,lastItemIndex]=(0,_getItemIndices.getItemIndices)(currentPage-1,itemsPerPage,numOfItems);onPrevClick(currentPage-1,firstItemIndex,lastItemIndex)}else onPrevClick(currentPage-1)},"aria-label":prevButtonAriaLabel}),rightButton=_react.default.createElement(_PictogramButton.PictogramButton,{size:"s",icon:"chevron-right",disabled:currentPage===numOfPages,onClick:()=>{if(itemsPerPage>1){let[firstItemIndex,lastItemIndex]=(0,_getItemIndices.getItemIndices)(currentPage+1,itemsPerPage,numOfItems);onNextClick(currentPage+1,firstItemIndex,lastItemIndex)}else onNextClick(currentPage+1)},"aria-label":nextButtonAriaLabel}),labelElm=_react.default.createElement(_Text.Text,{size:"s"},label),content="left"===alignLabel?_react.default.createElement(_react.default.Fragment,null,labelElm,leftButton,rightButton):_react.default.createElement(_react.default.Fragment,null,leftButton,labelElm,rightButton);return _react.default.createElement(_Inline.Inline,{vAlignItems:"center","data-e2e-test-id":dataE2eTestId,"data-ds-id":"Pagination"},content)}
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"CompactPagination",{enumerable:!0,get:function(){return CompactPagination}});const _react=/*#__PURE__*/require("@swc/helpers/_/_interop_require_default")._(require("react")),_Inline=require("../Inline/Inline"),_PictogramButton=require("../PictogramButton/PictogramButton"),_Text=require("../Typography/Text/Text"),_getItemIndices=require("./-utils/getItemIndices");function CompactPagination({numOfItems,currentPage,numOfItemsPerPage=1,formatLabel,alignLabel="center","data-e2e-test-id":dataE2eTestId,onPrevClick,onNextClick,nextButtonAriaLabel="Go to next page",prevButtonAriaLabel="Go to prev page"}){let label,itemsPerPage=numOfItems>numOfItemsPerPage?numOfItemsPerPage:numOfItems,numOfPages=Math.ceil(numOfItems/itemsPerPage);if(itemsPerPage>1){let[firstItemIndex,lastItemIndex]=(0,_getItemIndices.getItemIndices)(currentPage,itemsPerPage,numOfItems);label=formatLabel?formatLabel(firstItemIndex,lastItemIndex,numOfItems):firstItemIndex===lastItemIndex?`${firstItemIndex} of ${numOfItems}`:`${firstItemIndex} - ${lastItemIndex} of ${numOfItems}`}else label=formatLabel?formatLabel(currentPage,numOfPages,numOfPages):`${currentPage} of ${numOfPages}`;let leftButton=_react.default.createElement(_PictogramButton.PictogramButton,{size:"s",icon:"chevron-left",disabled:1===currentPage,onClick:()=>{if(!(currentPage<=1))if(itemsPerPage>1){let[firstItemIndex,lastItemIndex]=(0,_getItemIndices.getItemIndices)(currentPage-1,itemsPerPage,numOfItems);onPrevClick(currentPage-1,firstItemIndex,lastItemIndex)}else onPrevClick(currentPage-1)},"aria-label":prevButtonAriaLabel}),rightButton=_react.default.createElement(_PictogramButton.PictogramButton,{size:"s",icon:"chevron-right",disabled:currentPage===numOfPages,onClick:()=>{if(!(currentPage>=numOfPages))if(itemsPerPage>1){let[firstItemIndex,lastItemIndex]=(0,_getItemIndices.getItemIndices)(currentPage+1,itemsPerPage,numOfItems);onNextClick(currentPage+1,firstItemIndex,lastItemIndex)}else onNextClick(currentPage+1)},"aria-label":nextButtonAriaLabel}),labelElm=_react.default.createElement(_Text.Text,{size:"s"},label),content="left"===alignLabel?_react.default.createElement(_react.default.Fragment,null,labelElm,leftButton,rightButton):_react.default.createElement(_react.default.Fragment,null,leftButton,labelElm,rightButton);return _react.default.createElement(_Inline.Inline,{vAlignItems:"center","data-e2e-test-id":dataE2eTestId,"data-ds-id":"Pagination"},content)}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import type { NumberedVariantProps } from "./-types";
|
|
3
|
-
export declare function NumberedPagination({ numOfItems, currentPage, formatLabel, showNavButtonLabels, prevButtonLabel, nextButtonLabel, onPageClick, "data-e2e-test-id": dataE2eTestId, onPrevClick, onNextClick, prevButtonAriaLabel, nextButtonAriaLabel, formatPageButtonAriaLabel, }: NumberedVariantProps): React.ReactElement;
|
|
3
|
+
export declare function NumberedPagination({ numOfItems, numOfItemsPerPage, currentPage, formatLabel, showNavButtonLabels, prevButtonLabel, nextButtonLabel, onPageClick, "data-e2e-test-id": dataE2eTestId, onPrevClick, onNextClick, prevButtonAriaLabel, nextButtonAriaLabel, formatPageButtonAriaLabel, }: NumberedVariantProps): React.ReactElement;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"NumberedPagination",{enumerable:!0,get:function(){return NumberedPagination}});const _interop_require_default=require("@swc/helpers/_/_interop_require_default"),_react=/*#__PURE__*/_interop_require_default._(require("react")),_styled=/*#__PURE__*/_interop_require_default._(require("@emotion/styled")),_Inline=require("../Inline/Inline"),_PictogramButton=require("../PictogramButton/PictogramButton"),_Button=require("../Button/Button"),_Text=require("../Typography/Text/Text"),_SelectableButton=require("../../shared/components/SelectableButton"),_useIsMobile=require("../../shared/useIsMobile"),_generatePageNumbers=require("./-utils/generatePageNumbers"),StyledPageButton=(0,_styled.default)(_SelectableButton.SelectableButton,{target:"e1qpolej0",label:"StyledPageButton"})(({theme,isActive})=>({width:"32px",height:"32px",padding:0,margin:0,display:"flex",justifyContent:"center",alignItems:"center",border:"1px solid transparent",background:"transparent",...isActive&&{border:`1px solid ${theme.values.color.border.accent.default}`,paddingBottom:0,marginBottom:0,backgroundColor:theme.values.color.background.accentSubtle.default}}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvUGFnaW5hdGlvbi9OdW1iZXJlZFBhZ2luYXRpb24udHN4Iiwic291cmNlcyI6WyJzcmMvY29tcG9uZW50cy9QYWdpbmF0aW9uL051bWJlcmVkUGFnaW5hdGlvbi50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBJbmxpbmUgfSBmcm9tIFwiLi4vSW5saW5lL0lubGluZVwiO1xuaW1wb3J0IHsgUGljdG9ncmFtQnV0dG9uIH0gZnJvbSBcIi4uL1BpY3RvZ3JhbUJ1dHRvbi9QaWN0b2dyYW1CdXR0b25cIjtcbmltcG9ydCB7IEJ1dHRvbiB9IGZyb20gXCIuLi9CdXR0b24vQnV0dG9uXCI7XG5pbXBvcnQgeyBUZXh0IH0gZnJvbSBcIi4uL1R5cG9ncmFwaHkvVGV4dC9UZXh0XCI7XG5pbXBvcnQgeyBTZWxlY3RhYmxlQnV0dG9uIH0gZnJvbSBcIi4uLy4uL3NoYXJlZC9jb21wb25lbnRzL1NlbGVjdGFibGVCdXR0b25cIjtcbmltcG9ydCB7IHVzZUlzTW9iaWxlIH0gZnJvbSBcIi4uLy4uL3NoYXJlZC91c2VJc01vYmlsZVwiO1xuaW1wb3J0IHR5cGUgeyBOdW1iZXJlZFZhcmlhbnRQcm9wcyB9IGZyb20gXCIuLy10eXBlc1wiO1xuaW1wb3J0IHsgZ2VuZXJhdGVQYWdlTnVtYmVycyB9IGZyb20gXCIuLy11dGlscy9nZW5lcmF0ZVBhZ2VOdW1iZXJzXCI7XG5cbi8qKlxuICogU3R5bGVkUGFnZUJ1dHRvbiAtIFNxdWFyZSBidXR0b24gZm9yIHBhZ2luYXRpb24gcGFnZSBudW1iZXJzXG4gKiBFeHRlbmRzIFNlbGVjdGFibGVCdXR0b24gd2l0aCBwYWdpbmF0aW9uLXNwZWNpZmljIHN0eWxpbmdcbiAqL1xuY29uc3QgU3R5bGVkUGFnZUJ1dHRvbiA9IHN0eWxlZChTZWxlY3RhYmxlQnV0dG9uKTx7IGlzQWN0aXZlPzogYm9vbGVhbiB9PihcbiAgKHsgdGhlbWUsIGlzQWN0aXZlIH0pID0+ICh7XG4gICAgLy8gVE9ETzogQWRkIHRva2VuIGZvciBmaXhlZCBidXR0b24gZGltZW5zaW9ucyAoMzJ4MzJweClcbiAgICAvLyBGaXhlZCAzMngzMnB4IHNxdWFyZSBkaW1lbnNpb25zXG4gICAgd2lkdGg6IFwiMzJweFwiLFxuICAgIGhlaWdodDogXCIzMnB4XCIsXG4gICAgcGFkZGluZzogMCxcbiAgICBtYXJnaW46IDAsXG5cbiAgICAvLyBDZW50ZXIgY29udGVudFxuICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICAgIGp1c3RpZnlDb250ZW50OiBcImNlbnRlclwiLFxuICAgIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG5cbiAgICBib3JkZXI6IGAxcHggc29saWQgdHJhbnNwYXJlbnRgLFxuICAgIC8vIEVuc3VyZSBiYWNrZ3JvdW5kIGNhbiBiZSBzZXQgYnkgcGFyZW50IHN0eWxlc1xuICAgIGJhY2tncm91bmQ6IFwidHJhbnNwYXJlbnRcIixcblxuICAgIC4uLihpc0FjdGl2ZSAmJiB7XG4gICAgICAvLyBBY2NlbnQgYm9yZGVyIHdoZW4gc2VsZWN0ZWRcbiAgICAgIGJvcmRlcjogYDFweCBzb2xpZCAke3RoZW1lLnZhbHVlcy5jb2xvci5ib3JkZXIuYWNjZW50LmRlZmF1bHR9YCxcbiAgICAgIC8vIE92ZXJyaWRlIGJhc2UgcGFkZGluZ0JvdHRvbS9tYXJnaW5Cb3R0b20gZnJvbSBTZWxlY3RhYmxlQnV0dG9uXG4gICAgICBwYWRkaW5nQm90dG9tOiAwLFxuICAgICAgbWFyZ2luQm90dG9tOiAwLFxuICAgICAgLy8gUHJlc2VydmUgU2VsZWN0YWJsZUJ1dHRvbidzIGJhY2tncm91bmQgY29sb3IgZm9yIGFjdGl2ZSBzdGF0ZVxuICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC5hY2NlbnRTdWJ0bGUuZGVmYXVsdCxcbiAgICB9KSxcbiAgfSlcbik7XG5cbi8qKlxuICogU3R5bGVkRWxsaXBzaXMgLSBGaXhlZC13aWR0aCBlbGxpcHNpcyB0byBwcmV2ZW50IGxheW91dCBzaGlmdFxuICogU2FtZSB3aWR0aCBhcyBwYWdlIGJ1dHRvbnMgdG8gbWFpbnRhaW4gY29uc2lzdGVudCBwYWdpbmF0aW9uIHdpZHRoXG4gKi9cbmNvbnN0IFN0eWxlZEVsbGlwc2lzID0gc3R5bGVkLnNwYW4oe1xuICAvLyBUT0RPOiBBZGQgdG9rZW4gZm9yIGZpeGVkIGJ1dHRvbiBkaW1lbnNpb25zICgzMngzMnB4KVxuICAvLyBNYXRjaCBwYWdlIGJ1dHRvbiB3aWR0aCB0byBwcmV2ZW50IGxheW91dCBzaGlmdFxuICB3aWR0aDogXCIzMnB4XCIsXG4gIGRpc3BsYXk6IFwiaW5saW5lLWZsZXhcIixcbiAganVzdGlmeUNvbnRlbnQ6IFwiY2VudGVyXCIsXG4gIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG59KTtcblxuLy8gTnVtYmVyZWQgdmFyaWFudDogU2hvd3MgcGFnZSBudW1iZXIgYnV0dG9ucyB3aXRoIGRpcmVjdCBuYXZpZ2F0aW9uXG5leHBvcnQgZnVuY3Rpb24gTnVtYmVyZWRQYWdpbmF0aW9uKHtcbiAgbnVtT2ZJdGVtcyxcbiAgY3VycmVudFBhZ2UsXG4gIGZvcm1hdExhYmVsLFxuICBzaG93TmF2QnV0dG9uTGFiZWxzID0gdHJ1ZSxcbiAgcHJldkJ1dHRvbkxhYmVsID0gXCJQcmV2aW91c1wiLFxuICBuZXh0QnV0dG9uTGFiZWwgPSBcIk5leHRcIixcbiAgb25QYWdlQ2xpY2ssXG4gIFwiZGF0YS1lMmUtdGVzdC1pZFwiOiBkYXRhRTJlVGVzdElkLFxuICBvblByZXZDbGljayxcbiAgb25OZXh0Q2xpY2ssXG4gIHByZXZCdXR0b25BcmlhTGFiZWwgPSBcIkdvIHRvIHByZXYgcGFnZVwiLFxuICBuZXh0QnV0dG9uQXJpYUxhYmVsID0gXCJHbyB0byBuZXh0IHBhZ2VcIixcbiAgZm9ybWF0UGFnZUJ1dHRvbkFyaWFMYWJlbCxcbn06IE51bWJlcmVkVmFyaWFudFByb3BzKTogUmVhY3QuUmVhY3RFbGVtZW50IHtcbiAgY29uc3QgbnVtT2ZQYWdlcyA9IG51bU9mSXRlbXM7XG4gIGNvbnN0IGlzRmlyc3RQYWdlID0gY3VycmVudFBhZ2UgPT09IDE7XG4gIGNvbnN0IGlzTGFzdFBhZ2UgPSBjdXJyZW50UGFnZSA9PT0gbnVtT2ZQYWdlcztcbiAgY29uc3QgaXNNb2JpbGUgPSB1c2VJc01vYmlsZSgpO1xuXG4gIC8vIEhhbmRsZSBjbGljayBldmVudHNcbiAgY29uc3QgaGFuZGxlUHJldkNsaWNrID0gKCkgPT4ge1xuICAgIG9uUHJldkNsaWNrKGN1cnJlbnRQYWdlIC0gMSk7XG4gIH07XG5cbiAgY29uc3QgaGFuZGxlTmV4dENsaWNrID0gKCkgPT4ge1xuICAgIG9uTmV4dENsaWNrKGN1cnJlbnRQYWdlICsgMSk7XG4gIH07XG5cbiAgY29uc3QgaGFuZGxlUGFnZUNsaWNrID0gKHBhZ2U6IG51bWJlcikgPT4ge1xuICAgIGlmIChwYWdlID09PSBjdXJyZW50UGFnZSkgcmV0dXJuO1xuICAgIG9uUGFnZUNsaWNrPy4ocGFnZSk7XG4gIH07XG5cbiAgLy8gR2VuZXJhdGUgcGFnZSBudW1iZXJzXG4gIGNvbnN0IHBhZ2VOdW1iZXJzID0gZ2VuZXJhdGVQYWdlTnVtYmVycyhjdXJyZW50UGFnZSwgbnVtT2ZQYWdlcyk7XG4gIGNvbnN0IG1vYmlsZUxhYmVsID0gZm9ybWF0TGFiZWxcbiAgICA/IGZvcm1hdExhYmVsKClcbiAgICA6IGAke2N1cnJlbnRQYWdlfS8ke251bU9mUGFnZXN9YDtcblxuICAvLyBSZW5kZXIgbmF2aWdhdGlvbiBidXR0b25zXG4gIGNvbnN0IGxlZnRCdXR0b24gPSBzaG93TmF2QnV0dG9uTGFiZWxzID8gKFxuICAgIDxCdXR0b25cbiAgICAgIHNpemU9XCJzXCJcbiAgICAgIHZhcmlhbnQ9XCJ0ZXJ0aWFyeVwiXG4gICAgICBsZWZ0SWNvbj1cImNoZXZyb24tbGVmdFwiXG4gICAgICBkaXNhYmxlZD17aXNGaXJzdFBhZ2V9XG4gICAgICBvbkNsaWNrPXtoYW5kbGVQcmV2Q2xpY2t9XG4gICAgICBhcmlhQXR0cmlidXRlcz17eyBcImFyaWEtbGFiZWxcIjogcHJldkJ1dHRvbkFyaWFMYWJlbCB9fVxuICAgID5cbiAgICAgIHtwcmV2QnV0dG9uTGFiZWx9XG4gICAgPC9CdXR0b24+XG4gICkgOiAoXG4gICAgPFBpY3RvZ3JhbUJ1dHRvblxuICAgICAgc2l6ZT1cInNcIlxuICAgICAgaWNvbj1cImNoZXZyb24tbGVmdFwiXG4gICAgICBkaXNhYmxlZD17aXNGaXJzdFBhZ2V9XG4gICAgICBvbkNsaWNrPXtoYW5kbGVQcmV2Q2xpY2t9XG4gICAgICBhcmlhLWxhYmVsPXtwcmV2QnV0dG9uQXJpYUxhYmVsfVxuICAgIC8+XG4gICk7XG5cbiAgY29uc3QgcmlnaHRCdXR0b24gPSBzaG93TmF2QnV0dG9uTGFiZWxzID8gKFxuICAgIDxCdXR0b25cbiAgICAgIHNpemU9XCJzXCJcbiAgICAgIHZhcmlhbnQ9XCJ0ZXJ0aWFyeVwiXG4gICAgICByaWdodEljb249XCJjaGV2cm9uLXJpZ2h0XCJcbiAgICAgIGRpc2FibGVkPXtpc0xhc3RQYWdlfVxuICAgICAgb25DbGljaz17aGFuZGxlTmV4dENsaWNrfVxuICAgICAgYXJpYUF0dHJpYnV0ZXM9e3sgXCJhcmlhLWxhYmVsXCI6IG5leHRCdXR0b25BcmlhTGFiZWwgfX1cbiAgICA+XG4gICAgICB7bmV4dEJ1dHRvbkxhYmVsfVxuICAgIDwvQnV0dG9uPlxuICApIDogKFxuICAgIDxQaWN0b2dyYW1CdXR0b25cbiAgICAgIHNpemU9XCJzXCJcbiAgICAgIGljb249XCJjaGV2cm9uLXJpZ2h0XCJcbiAgICAgIGRpc2FibGVkPXtpc0xhc3RQYWdlfVxuICAgICAgb25DbGljaz17aGFuZGxlTmV4dENsaWNrfVxuICAgICAgYXJpYS1sYWJlbD17bmV4dEJ1dHRvbkFyaWFMYWJlbH1cbiAgICAvPlxuICApO1xuXG4gIHJldHVybiAoXG4gICAgPElubGluZVxuICAgICAgdkFsaWduSXRlbXM9XCJjZW50ZXJcIlxuICAgICAgZGF0YS1lMmUtdGVzdC1pZD17ZGF0YUUyZVRlc3RJZH1cbiAgICAgIGRhdGEtZHMtaWQ9XCJQYWdpbmF0aW9uXCJcbiAgICAgIHNwYWNlPXtbXCJ4c1wiLCBcInplcm9cIiwgXCJ6ZXJvXCJdfVxuICAgID5cbiAgICAgIHtsZWZ0QnV0dG9ufVxuICAgICAgey8qIE1vYmlsZTogc2hvdyBcIlgvWVwiIGZvcm1hdCB3aXRoIHNwYWNpbmcgKi99XG4gICAgICB7aXNNb2JpbGUgJiYgKFxuICAgICAgICA8VGV4dCBzaXplPVwic1wiIGNvbG9yPVwic2Vjb25kYXJ5XCI+XG4gICAgICAgICAge21vYmlsZUxhYmVsfVxuICAgICAgICA8L1RleHQ+XG4gICAgICApfVxuICAgICAgey8qIERlc2t0b3A6IHNob3cgcGFnZSBudW1iZXJzIHdpdGggc3BhY2luZyBiZXR3ZWVuIHRoZW0gb25seSAqL31cbiAgICAgIHshaXNNb2JpbGUgJiYgKFxuICAgICAgICA8SW5saW5lIHZBbGlnbkl0ZW1zPVwiY2VudGVyXCIgc3BhY2U9XCJ6ZXJvXCI+XG4gICAgICAgICAge3BhZ2VOdW1iZXJzLm1hcCgocGFnZSwgaW5kZXgpID0+IHtcbiAgICAgICAgICAgIGlmIChwYWdlID09PSBcImVsbGlwc2lzXCIpIHtcbiAgICAgICAgICAgICAgLy8gVXNlIGFkamFjZW50IHBhZ2UgbnVtYmVycyBmb3IgdW5pcXVlIGtleSBpbnN0ZWFkIG9mIGluZGV4XG4gICAgICAgICAgICAgIGNvbnN0IHByZXZQYWdlID0gaW5kZXggPiAwID8gcGFnZU51bWJlcnNbaW5kZXggLSAxXSA6IFwic3RhcnRcIjtcbiAgICAgICAgICAgICAgY29uc3QgbmV4dFBhZ2UgPVxuICAgICAgICAgICAgICAgIGluZGV4IDwgcGFnZU51bWJlcnMubGVuZ3RoIC0gMSA/IHBhZ2VOdW1iZXJzW2luZGV4ICsgMV0gOiBcImVuZFwiO1xuICAgICAgICAgICAgICByZXR1cm4gKFxuICAgICAgICAgICAgICAgIDxTdHlsZWRFbGxpcHNpc1xuICAgICAgICAgICAgICAgICAga2V5PXtgZWxsaXBzaXMtJHtwcmV2UGFnZX0tJHtuZXh0UGFnZX1gfVxuICAgICAgICAgICAgICAgICAgYXJpYS1oaWRkZW49XCJ0cnVlXCJcbiAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICA8VGV4dCBzaXplPVwic1wiPuKApjwvVGV4dD5cbiAgICAgICAgICAgICAgICA8L1N0eWxlZEVsbGlwc2lzPlxuICAgICAgICAgICAgICApO1xuICAgICAgICAgICAgfVxuXG4gICAgICAgICAgICBjb25zdCBpc0FjdGl2ZSA9IHBhZ2UgPT09IGN1cnJlbnRQYWdlO1xuICAgICAgICAgICAgY29uc3QgYXJpYUxhYmVsID0gZm9ybWF0UGFnZUJ1dHRvbkFyaWFMYWJlbFxuICAgICAgICAgICAgICA/IGZvcm1hdFBhZ2VCdXR0b25BcmlhTGFiZWwocGFnZSlcbiAgICAgICAgICAgICAgOiBgUGFnZSAke3BhZ2V9YDtcbiAgICAgICAgICAgIHJldHVybiAoXG4gICAgICAgICAgICAgIDxTdHlsZWRQYWdlQnV0dG9uXG4gICAgICAgICAgICAgICAga2V5PXtwYWdlfVxuICAgICAgICAgICAgICAgIGlzQWN0aXZlPXtpc0FjdGl2ZX1cbiAgICAgICAgICAgICAgICBvbkNsaWNrPXsoKSA9PiBoYW5kbGVQYWdlQ2xpY2socGFnZSl9XG4gICAgICAgICAgICAgICAgYXJpYS1sYWJlbD17YXJpYUxhYmVsfVxuICAgICAgICAgICAgICAgIGFyaWEtY3VycmVudD17aXNBY3RpdmUgPyBcInBhZ2VcIiA6IHVuZGVmaW5lZH1cbiAgICAgICAgICAgICAgICBhcmlhLWRpc2FibGVkPXtpc0FjdGl2ZX1cbiAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgIHtwYWdlfVxuICAgICAgICAgICAgICA8L1N0eWxlZFBhZ2VCdXR0b24+XG4gICAgICAgICAgICApO1xuICAgICAgICAgIH0pfVxuICAgICAgICA8L0lubGluZT5cbiAgICAgICl9XG4gICAgICB7cmlnaHRCdXR0b259XG4gICAgPC9JbmxpbmU+XG4gICk7XG59XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZXlCIn0= */"),StyledEllipsis=(0,_styled.default)("span",{target:"e1qpolej1",label:"StyledEllipsis"})({width:"32px",display:"inline-flex",justifyContent:"center",alignItems:"center"},"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvUGFnaW5hdGlvbi9OdW1iZXJlZFBhZ2luYXRpb24udHN4Iiwic291cmNlcyI6WyJzcmMvY29tcG9uZW50cy9QYWdpbmF0aW9uL051bWJlcmVkUGFnaW5hdGlvbi50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBJbmxpbmUgfSBmcm9tIFwiLi4vSW5saW5lL0lubGluZVwiO1xuaW1wb3J0IHsgUGljdG9ncmFtQnV0dG9uIH0gZnJvbSBcIi4uL1BpY3RvZ3JhbUJ1dHRvbi9QaWN0b2dyYW1CdXR0b25cIjtcbmltcG9ydCB7IEJ1dHRvbiB9IGZyb20gXCIuLi9CdXR0b24vQnV0dG9uXCI7XG5pbXBvcnQgeyBUZXh0IH0gZnJvbSBcIi4uL1R5cG9ncmFwaHkvVGV4dC9UZXh0XCI7XG5pbXBvcnQgeyBTZWxlY3RhYmxlQnV0dG9uIH0gZnJvbSBcIi4uLy4uL3NoYXJlZC9jb21wb25lbnRzL1NlbGVjdGFibGVCdXR0b25cIjtcbmltcG9ydCB7IHVzZUlzTW9iaWxlIH0gZnJvbSBcIi4uLy4uL3NoYXJlZC91c2VJc01vYmlsZVwiO1xuaW1wb3J0IHR5cGUgeyBOdW1iZXJlZFZhcmlhbnRQcm9wcyB9IGZyb20gXCIuLy10eXBlc1wiO1xuaW1wb3J0IHsgZ2VuZXJhdGVQYWdlTnVtYmVycyB9IGZyb20gXCIuLy11dGlscy9nZW5lcmF0ZVBhZ2VOdW1iZXJzXCI7XG5cbi8qKlxuICogU3R5bGVkUGFnZUJ1dHRvbiAtIFNxdWFyZSBidXR0b24gZm9yIHBhZ2luYXRpb24gcGFnZSBudW1iZXJzXG4gKiBFeHRlbmRzIFNlbGVjdGFibGVCdXR0b24gd2l0aCBwYWdpbmF0aW9uLXNwZWNpZmljIHN0eWxpbmdcbiAqL1xuY29uc3QgU3R5bGVkUGFnZUJ1dHRvbiA9IHN0eWxlZChTZWxlY3RhYmxlQnV0dG9uKTx7IGlzQWN0aXZlPzogYm9vbGVhbiB9PihcbiAgKHsgdGhlbWUsIGlzQWN0aXZlIH0pID0+ICh7XG4gICAgLy8gVE9ETzogQWRkIHRva2VuIGZvciBmaXhlZCBidXR0b24gZGltZW5zaW9ucyAoMzJ4MzJweClcbiAgICAvLyBGaXhlZCAzMngzMnB4IHNxdWFyZSBkaW1lbnNpb25zXG4gICAgd2lkdGg6IFwiMzJweFwiLFxuICAgIGhlaWdodDogXCIzMnB4XCIsXG4gICAgcGFkZGluZzogMCxcbiAgICBtYXJnaW46IDAsXG5cbiAgICAvLyBDZW50ZXIgY29udGVudFxuICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICAgIGp1c3RpZnlDb250ZW50OiBcImNlbnRlclwiLFxuICAgIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG5cbiAgICBib3JkZXI6IGAxcHggc29saWQgdHJhbnNwYXJlbnRgLFxuICAgIC8vIEVuc3VyZSBiYWNrZ3JvdW5kIGNhbiBiZSBzZXQgYnkgcGFyZW50IHN0eWxlc1xuICAgIGJhY2tncm91bmQ6IFwidHJhbnNwYXJlbnRcIixcblxuICAgIC4uLihpc0FjdGl2ZSAmJiB7XG4gICAgICAvLyBBY2NlbnQgYm9yZGVyIHdoZW4gc2VsZWN0ZWRcbiAgICAgIGJvcmRlcjogYDFweCBzb2xpZCAke3RoZW1lLnZhbHVlcy5jb2xvci5ib3JkZXIuYWNjZW50LmRlZmF1bHR9YCxcbiAgICAgIC8vIE92ZXJyaWRlIGJhc2UgcGFkZGluZ0JvdHRvbS9tYXJnaW5Cb3R0b20gZnJvbSBTZWxlY3RhYmxlQnV0dG9uXG4gICAgICBwYWRkaW5nQm90dG9tOiAwLFxuICAgICAgbWFyZ2luQm90dG9tOiAwLFxuICAgICAgLy8gUHJlc2VydmUgU2VsZWN0YWJsZUJ1dHRvbidzIGJhY2tncm91bmQgY29sb3IgZm9yIGFjdGl2ZSBzdGF0ZVxuICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC5hY2NlbnRTdWJ0bGUuZGVmYXVsdCxcbiAgICB9KSxcbiAgfSlcbik7XG5cbi8qKlxuICogU3R5bGVkRWxsaXBzaXMgLSBGaXhlZC13aWR0aCBlbGxpcHNpcyB0byBwcmV2ZW50IGxheW91dCBzaGlmdFxuICogU2FtZSB3aWR0aCBhcyBwYWdlIGJ1dHRvbnMgdG8gbWFpbnRhaW4gY29uc2lzdGVudCBwYWdpbmF0aW9uIHdpZHRoXG4gKi9cbmNvbnN0IFN0eWxlZEVsbGlwc2lzID0gc3R5bGVkLnNwYW4oe1xuICAvLyBUT0RPOiBBZGQgdG9rZW4gZm9yIGZpeGVkIGJ1dHRvbiBkaW1lbnNpb25zICgzMngzMnB4KVxuICAvLyBNYXRjaCBwYWdlIGJ1dHRvbiB3aWR0aCB0byBwcmV2ZW50IGxheW91dCBzaGlmdFxuICB3aWR0aDogXCIzMnB4XCIsXG4gIGRpc3BsYXk6IFwiaW5saW5lLWZsZXhcIixcbiAganVzdGlmeUNvbnRlbnQ6IFwiY2VudGVyXCIsXG4gIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG59KTtcblxuLy8gTnVtYmVyZWQgdmFyaWFudDogU2hvd3MgcGFnZSBudW1iZXIgYnV0dG9ucyB3aXRoIGRpcmVjdCBuYXZpZ2F0aW9uXG5leHBvcnQgZnVuY3Rpb24gTnVtYmVyZWRQYWdpbmF0aW9uKHtcbiAgbnVtT2ZJdGVtcyxcbiAgY3VycmVudFBhZ2UsXG4gIGZvcm1hdExhYmVsLFxuICBzaG93TmF2QnV0dG9uTGFiZWxzID0gdHJ1ZSxcbiAgcHJldkJ1dHRvbkxhYmVsID0gXCJQcmV2aW91c1wiLFxuICBuZXh0QnV0dG9uTGFiZWwgPSBcIk5leHRcIixcbiAgb25QYWdlQ2xpY2ssXG4gIFwiZGF0YS1lMmUtdGVzdC1pZFwiOiBkYXRhRTJlVGVzdElkLFxuICBvblByZXZDbGljayxcbiAgb25OZXh0Q2xpY2ssXG4gIHByZXZCdXR0b25BcmlhTGFiZWwgPSBcIkdvIHRvIHByZXYgcGFnZVwiLFxuICBuZXh0QnV0dG9uQXJpYUxhYmVsID0gXCJHbyB0byBuZXh0IHBhZ2VcIixcbiAgZm9ybWF0UGFnZUJ1dHRvbkFyaWFMYWJlbCxcbn06IE51bWJlcmVkVmFyaWFudFByb3BzKTogUmVhY3QuUmVhY3RFbGVtZW50IHtcbiAgY29uc3QgbnVtT2ZQYWdlcyA9IG51bU9mSXRlbXM7XG4gIGNvbnN0IGlzRmlyc3RQYWdlID0gY3VycmVudFBhZ2UgPT09IDE7XG4gIGNvbnN0IGlzTGFzdFBhZ2UgPSBjdXJyZW50UGFnZSA9PT0gbnVtT2ZQYWdlcztcbiAgY29uc3QgaXNNb2JpbGUgPSB1c2VJc01vYmlsZSgpO1xuXG4gIC8vIEhhbmRsZSBjbGljayBldmVudHNcbiAgY29uc3QgaGFuZGxlUHJldkNsaWNrID0gKCkgPT4ge1xuICAgIG9uUHJldkNsaWNrKGN1cnJlbnRQYWdlIC0gMSk7XG4gIH07XG5cbiAgY29uc3QgaGFuZGxlTmV4dENsaWNrID0gKCkgPT4ge1xuICAgIG9uTmV4dENsaWNrKGN1cnJlbnRQYWdlICsgMSk7XG4gIH07XG5cbiAgY29uc3QgaGFuZGxlUGFnZUNsaWNrID0gKHBhZ2U6IG51bWJlcikgPT4ge1xuICAgIGlmIChwYWdlID09PSBjdXJyZW50UGFnZSkgcmV0dXJuO1xuICAgIG9uUGFnZUNsaWNrPy4ocGFnZSk7XG4gIH07XG5cbiAgLy8gR2VuZXJhdGUgcGFnZSBudW1iZXJzXG4gIGNvbnN0IHBhZ2VOdW1iZXJzID0gZ2VuZXJhdGVQYWdlTnVtYmVycyhjdXJyZW50UGFnZSwgbnVtT2ZQYWdlcyk7XG4gIGNvbnN0IG1vYmlsZUxhYmVsID0gZm9ybWF0TGFiZWxcbiAgICA/IGZvcm1hdExhYmVsKClcbiAgICA6IGAke2N1cnJlbnRQYWdlfS8ke251bU9mUGFnZXN9YDtcblxuICAvLyBSZW5kZXIgbmF2aWdhdGlvbiBidXR0b25zXG4gIGNvbnN0IGxlZnRCdXR0b24gPSBzaG93TmF2QnV0dG9uTGFiZWxzID8gKFxuICAgIDxCdXR0b25cbiAgICAgIHNpemU9XCJzXCJcbiAgICAgIHZhcmlhbnQ9XCJ0ZXJ0aWFyeVwiXG4gICAgICBsZWZ0SWNvbj1cImNoZXZyb24tbGVmdFwiXG4gICAgICBkaXNhYmxlZD17aXNGaXJzdFBhZ2V9XG4gICAgICBvbkNsaWNrPXtoYW5kbGVQcmV2Q2xpY2t9XG4gICAgICBhcmlhQXR0cmlidXRlcz17eyBcImFyaWEtbGFiZWxcIjogcHJldkJ1dHRvbkFyaWFMYWJlbCB9fVxuICAgID5cbiAgICAgIHtwcmV2QnV0dG9uTGFiZWx9XG4gICAgPC9CdXR0b24+XG4gICkgOiAoXG4gICAgPFBpY3RvZ3JhbUJ1dHRvblxuICAgICAgc2l6ZT1cInNcIlxuICAgICAgaWNvbj1cImNoZXZyb24tbGVmdFwiXG4gICAgICBkaXNhYmxlZD17aXNGaXJzdFBhZ2V9XG4gICAgICBvbkNsaWNrPXtoYW5kbGVQcmV2Q2xpY2t9XG4gICAgICBhcmlhLWxhYmVsPXtwcmV2QnV0dG9uQXJpYUxhYmVsfVxuICAgIC8+XG4gICk7XG5cbiAgY29uc3QgcmlnaHRCdXR0b24gPSBzaG93TmF2QnV0dG9uTGFiZWxzID8gKFxuICAgIDxCdXR0b25cbiAgICAgIHNpemU9XCJzXCJcbiAgICAgIHZhcmlhbnQ9XCJ0ZXJ0aWFyeVwiXG4gICAgICByaWdodEljb249XCJjaGV2cm9uLXJpZ2h0XCJcbiAgICAgIGRpc2FibGVkPXtpc0xhc3RQYWdlfVxuICAgICAgb25DbGljaz17aGFuZGxlTmV4dENsaWNrfVxuICAgICAgYXJpYUF0dHJpYnV0ZXM9e3sgXCJhcmlhLWxhYmVsXCI6IG5leHRCdXR0b25BcmlhTGFiZWwgfX1cbiAgICA+XG4gICAgICB7bmV4dEJ1dHRvbkxhYmVsfVxuICAgIDwvQnV0dG9uPlxuICApIDogKFxuICAgIDxQaWN0b2dyYW1CdXR0b25cbiAgICAgIHNpemU9XCJzXCJcbiAgICAgIGljb249XCJjaGV2cm9uLXJpZ2h0XCJcbiAgICAgIGRpc2FibGVkPXtpc0xhc3RQYWdlfVxuICAgICAgb25DbGljaz17aGFuZGxlTmV4dENsaWNrfVxuICAgICAgYXJpYS1sYWJlbD17bmV4dEJ1dHRvbkFyaWFMYWJlbH1cbiAgICAvPlxuICApO1xuXG4gIHJldHVybiAoXG4gICAgPElubGluZVxuICAgICAgdkFsaWduSXRlbXM9XCJjZW50ZXJcIlxuICAgICAgZGF0YS1lMmUtdGVzdC1pZD17ZGF0YUUyZVRlc3RJZH1cbiAgICAgIGRhdGEtZHMtaWQ9XCJQYWdpbmF0aW9uXCJcbiAgICAgIHNwYWNlPXtbXCJ4c1wiLCBcInplcm9cIiwgXCJ6ZXJvXCJdfVxuICAgID5cbiAgICAgIHtsZWZ0QnV0dG9ufVxuICAgICAgey8qIE1vYmlsZTogc2hvdyBcIlgvWVwiIGZvcm1hdCB3aXRoIHNwYWNpbmcgKi99XG4gICAgICB7aXNNb2JpbGUgJiYgKFxuICAgICAgICA8VGV4dCBzaXplPVwic1wiIGNvbG9yPVwic2Vjb25kYXJ5XCI+XG4gICAgICAgICAge21vYmlsZUxhYmVsfVxuICAgICAgICA8L1RleHQ+XG4gICAgICApfVxuICAgICAgey8qIERlc2t0b3A6IHNob3cgcGFnZSBudW1iZXJzIHdpdGggc3BhY2luZyBiZXR3ZWVuIHRoZW0gb25seSAqL31cbiAgICAgIHshaXNNb2JpbGUgJiYgKFxuICAgICAgICA8SW5saW5lIHZBbGlnbkl0ZW1zPVwiY2VudGVyXCIgc3BhY2U9XCJ6ZXJvXCI+XG4gICAgICAgICAge3BhZ2VOdW1iZXJzLm1hcCgocGFnZSwgaW5kZXgpID0+IHtcbiAgICAgICAgICAgIGlmIChwYWdlID09PSBcImVsbGlwc2lzXCIpIHtcbiAgICAgICAgICAgICAgLy8gVXNlIGFkamFjZW50IHBhZ2UgbnVtYmVycyBmb3IgdW5pcXVlIGtleSBpbnN0ZWFkIG9mIGluZGV4XG4gICAgICAgICAgICAgIGNvbnN0IHByZXZQYWdlID0gaW5kZXggPiAwID8gcGFnZU51bWJlcnNbaW5kZXggLSAxXSA6IFwic3RhcnRcIjtcbiAgICAgICAgICAgICAgY29uc3QgbmV4dFBhZ2UgPVxuICAgICAgICAgICAgICAgIGluZGV4IDwgcGFnZU51bWJlcnMubGVuZ3RoIC0gMSA/IHBhZ2VOdW1iZXJzW2luZGV4ICsgMV0gOiBcImVuZFwiO1xuICAgICAgICAgICAgICByZXR1cm4gKFxuICAgICAgICAgICAgICAgIDxTdHlsZWRFbGxpcHNpc1xuICAgICAgICAgICAgICAgICAga2V5PXtgZWxsaXBzaXMtJHtwcmV2UGFnZX0tJHtuZXh0UGFnZX1gfVxuICAgICAgICAgICAgICAgICAgYXJpYS1oaWRkZW49XCJ0cnVlXCJcbiAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICA8VGV4dCBzaXplPVwic1wiPuKApjwvVGV4dD5cbiAgICAgICAgICAgICAgICA8L1N0eWxlZEVsbGlwc2lzPlxuICAgICAgICAgICAgICApO1xuICAgICAgICAgICAgfVxuXG4gICAgICAgICAgICBjb25zdCBpc0FjdGl2ZSA9IHBhZ2UgPT09IGN1cnJlbnRQYWdlO1xuICAgICAgICAgICAgY29uc3QgYXJpYUxhYmVsID0gZm9ybWF0UGFnZUJ1dHRvbkFyaWFMYWJlbFxuICAgICAgICAgICAgICA/IGZvcm1hdFBhZ2VCdXR0b25BcmlhTGFiZWwocGFnZSlcbiAgICAgICAgICAgICAgOiBgUGFnZSAke3BhZ2V9YDtcbiAgICAgICAgICAgIHJldHVybiAoXG4gICAgICAgICAgICAgIDxTdHlsZWRQYWdlQnV0dG9uXG4gICAgICAgICAgICAgICAga2V5PXtwYWdlfVxuICAgICAgICAgICAgICAgIGlzQWN0aXZlPXtpc0FjdGl2ZX1cbiAgICAgICAgICAgICAgICBvbkNsaWNrPXsoKSA9PiBoYW5kbGVQYWdlQ2xpY2socGFnZSl9XG4gICAgICAgICAgICAgICAgYXJpYS1sYWJlbD17YXJpYUxhYmVsfVxuICAgICAgICAgICAgICAgIGFyaWEtY3VycmVudD17aXNBY3RpdmUgPyBcInBhZ2VcIiA6IHVuZGVmaW5lZH1cbiAgICAgICAgICAgICAgICBhcmlhLWRpc2FibGVkPXtpc0FjdGl2ZX1cbiAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgIHtwYWdlfVxuICAgICAgICAgICAgICA8L1N0eWxlZFBhZ2VCdXR0b24+XG4gICAgICAgICAgICApO1xuICAgICAgICAgIH0pfVxuICAgICAgICA8L0lubGluZT5cbiAgICAgICl9XG4gICAgICB7cmlnaHRCdXR0b259XG4gICAgPC9JbmxpbmU+XG4gICk7XG59XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBaUR1QiJ9 */");function NumberedPagination({numOfItems,currentPage,formatLabel,showNavButtonLabels=!0,prevButtonLabel="Previous",nextButtonLabel="Next",onPageClick,"data-e2e-test-id":dataE2eTestId,onPrevClick,onNextClick,prevButtonAriaLabel="Go to prev page",nextButtonAriaLabel="Go to next page",formatPageButtonAriaLabel}){let isFirstPage=1===currentPage,isLastPage=currentPage===numOfItems,isMobile=(0,_useIsMobile.useIsMobile)(),handlePrevClick=()=>{onPrevClick(currentPage-1)},handleNextClick=()=>{onNextClick(currentPage+1)},handlePageClick=page=>{page!==currentPage&&onPageClick?.(page)},pageNumbers=(0,_generatePageNumbers.generatePageNumbers)(currentPage,numOfItems),mobileLabel=formatLabel?formatLabel():`${currentPage}/${numOfItems}`,leftButton=showNavButtonLabels?_react.default.createElement(_Button.Button,{size:"s",variant:"tertiary",leftIcon:"chevron-left",disabled:isFirstPage,onClick:handlePrevClick,ariaAttributes:{"aria-label":prevButtonAriaLabel}},prevButtonLabel):_react.default.createElement(_PictogramButton.PictogramButton,{size:"s",icon:"chevron-left",disabled:isFirstPage,onClick:handlePrevClick,"aria-label":prevButtonAriaLabel}),rightButton=showNavButtonLabels?_react.default.createElement(_Button.Button,{size:"s",variant:"tertiary",rightIcon:"chevron-right",disabled:isLastPage,onClick:handleNextClick,ariaAttributes:{"aria-label":nextButtonAriaLabel}},nextButtonLabel):_react.default.createElement(_PictogramButton.PictogramButton,{size:"s",icon:"chevron-right",disabled:isLastPage,onClick:handleNextClick,"aria-label":nextButtonAriaLabel});return _react.default.createElement(_Inline.Inline,{vAlignItems:"center","data-e2e-test-id":dataE2eTestId,"data-ds-id":"Pagination",space:["xs","zero","zero"]},leftButton,isMobile&&_react.default.createElement(_Text.Text,{size:"s",color:"secondary"},mobileLabel),!isMobile&&_react.default.createElement(_Inline.Inline,{vAlignItems:"center",space:"zero"},pageNumbers.map((page,index)=>{if("ellipsis"===page){let prevPage=index>0?pageNumbers[index-1]:"start",nextPage=index<pageNumbers.length-1?pageNumbers[index+1]:"end";return _react.default.createElement(StyledEllipsis,{key:`ellipsis-${prevPage}-${nextPage}`,"aria-hidden":"true"},_react.default.createElement(_Text.Text,{size:"s"},"…"))}let isActive=page===currentPage,ariaLabel=formatPageButtonAriaLabel?formatPageButtonAriaLabel(page):`Page ${page}`;return _react.default.createElement(StyledPageButton,{key:page,isActive:isActive,onClick:()=>handlePageClick(page),"aria-label":ariaLabel,"aria-current":isActive?"page":void 0,"aria-disabled":isActive},page)})),rightButton)}
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"NumberedPagination",{enumerable:!0,get:function(){return NumberedPagination}});const _interop_require_default=require("@swc/helpers/_/_interop_require_default"),_react=/*#__PURE__*/_interop_require_default._(require("react")),_styled=/*#__PURE__*/_interop_require_default._(require("@emotion/styled")),_Inline=require("../Inline/Inline"),_PictogramButton=require("../PictogramButton/PictogramButton"),_Button=require("../Button/Button"),_Text=require("../Typography/Text/Text"),_SelectableButton=require("../../shared/components/SelectableButton"),_useIsMobile=require("../../shared/useIsMobile"),_generatePageNumbers=require("./-utils/generatePageNumbers"),StyledPageButton=(0,_styled.default)(_SelectableButton.SelectableButton,{target:"e14ovy8w0",label:"StyledPageButton"})(({theme,isActive})=>({width:"32px",height:"32px",padding:0,margin:0,display:"flex",justifyContent:"center",alignItems:"center",border:"1px solid transparent",background:"transparent",...isActive&&{border:`1px solid ${theme.values.color.border.accent.default}`,paddingBottom:0,marginBottom:0,backgroundColor:theme.values.color.background.accentSubtle.default}}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvUGFnaW5hdGlvbi9OdW1iZXJlZFBhZ2luYXRpb24udHN4Iiwic291cmNlcyI6WyJzcmMvY29tcG9uZW50cy9QYWdpbmF0aW9uL051bWJlcmVkUGFnaW5hdGlvbi50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBJbmxpbmUgfSBmcm9tIFwiLi4vSW5saW5lL0lubGluZVwiO1xuaW1wb3J0IHsgUGljdG9ncmFtQnV0dG9uIH0gZnJvbSBcIi4uL1BpY3RvZ3JhbUJ1dHRvbi9QaWN0b2dyYW1CdXR0b25cIjtcbmltcG9ydCB7IEJ1dHRvbiB9IGZyb20gXCIuLi9CdXR0b24vQnV0dG9uXCI7XG5pbXBvcnQgeyBUZXh0IH0gZnJvbSBcIi4uL1R5cG9ncmFwaHkvVGV4dC9UZXh0XCI7XG5pbXBvcnQgeyBTZWxlY3RhYmxlQnV0dG9uIH0gZnJvbSBcIi4uLy4uL3NoYXJlZC9jb21wb25lbnRzL1NlbGVjdGFibGVCdXR0b25cIjtcbmltcG9ydCB7IHVzZUlzTW9iaWxlIH0gZnJvbSBcIi4uLy4uL3NoYXJlZC91c2VJc01vYmlsZVwiO1xuaW1wb3J0IHR5cGUgeyBOdW1iZXJlZFZhcmlhbnRQcm9wcyB9IGZyb20gXCIuLy10eXBlc1wiO1xuaW1wb3J0IHsgZ2VuZXJhdGVQYWdlTnVtYmVycyB9IGZyb20gXCIuLy11dGlscy9nZW5lcmF0ZVBhZ2VOdW1iZXJzXCI7XG5cbi8qKlxuICogU3R5bGVkUGFnZUJ1dHRvbiAtIFNxdWFyZSBidXR0b24gZm9yIHBhZ2luYXRpb24gcGFnZSBudW1iZXJzXG4gKiBFeHRlbmRzIFNlbGVjdGFibGVCdXR0b24gd2l0aCBwYWdpbmF0aW9uLXNwZWNpZmljIHN0eWxpbmdcbiAqL1xuY29uc3QgU3R5bGVkUGFnZUJ1dHRvbiA9IHN0eWxlZChTZWxlY3RhYmxlQnV0dG9uKTx7IGlzQWN0aXZlPzogYm9vbGVhbiB9PihcbiAgKHsgdGhlbWUsIGlzQWN0aXZlIH0pID0+ICh7XG4gICAgLy8gVE9ETzogQWRkIHRva2VuIGZvciBmaXhlZCBidXR0b24gZGltZW5zaW9ucyAoMzJ4MzJweClcbiAgICAvLyBGaXhlZCAzMngzMnB4IHNxdWFyZSBkaW1lbnNpb25zXG4gICAgd2lkdGg6IFwiMzJweFwiLFxuICAgIGhlaWdodDogXCIzMnB4XCIsXG4gICAgcGFkZGluZzogMCxcbiAgICBtYXJnaW46IDAsXG5cbiAgICAvLyBDZW50ZXIgY29udGVudFxuICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICAgIGp1c3RpZnlDb250ZW50OiBcImNlbnRlclwiLFxuICAgIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG5cbiAgICBib3JkZXI6IGAxcHggc29saWQgdHJhbnNwYXJlbnRgLFxuICAgIC8vIEVuc3VyZSBiYWNrZ3JvdW5kIGNhbiBiZSBzZXQgYnkgcGFyZW50IHN0eWxlc1xuICAgIGJhY2tncm91bmQ6IFwidHJhbnNwYXJlbnRcIixcblxuICAgIC4uLihpc0FjdGl2ZSAmJiB7XG4gICAgICAvLyBBY2NlbnQgYm9yZGVyIHdoZW4gc2VsZWN0ZWRcbiAgICAgIGJvcmRlcjogYDFweCBzb2xpZCAke3RoZW1lLnZhbHVlcy5jb2xvci5ib3JkZXIuYWNjZW50LmRlZmF1bHR9YCxcbiAgICAgIC8vIE92ZXJyaWRlIGJhc2UgcGFkZGluZ0JvdHRvbS9tYXJnaW5Cb3R0b20gZnJvbSBTZWxlY3RhYmxlQnV0dG9uXG4gICAgICBwYWRkaW5nQm90dG9tOiAwLFxuICAgICAgbWFyZ2luQm90dG9tOiAwLFxuICAgICAgLy8gUHJlc2VydmUgU2VsZWN0YWJsZUJ1dHRvbidzIGJhY2tncm91bmQgY29sb3IgZm9yIGFjdGl2ZSBzdGF0ZVxuICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC5hY2NlbnRTdWJ0bGUuZGVmYXVsdCxcbiAgICB9KSxcbiAgfSlcbik7XG5cbi8qKlxuICogU3R5bGVkRWxsaXBzaXMgLSBGaXhlZC13aWR0aCBlbGxpcHNpcyB0byBwcmV2ZW50IGxheW91dCBzaGlmdFxuICogU2FtZSB3aWR0aCBhcyBwYWdlIGJ1dHRvbnMgdG8gbWFpbnRhaW4gY29uc2lzdGVudCBwYWdpbmF0aW9uIHdpZHRoXG4gKi9cbmNvbnN0IFN0eWxlZEVsbGlwc2lzID0gc3R5bGVkLnNwYW4oe1xuICAvLyBUT0RPOiBBZGQgdG9rZW4gZm9yIGZpeGVkIGJ1dHRvbiBkaW1lbnNpb25zICgzMngzMnB4KVxuICAvLyBNYXRjaCBwYWdlIGJ1dHRvbiB3aWR0aCB0byBwcmV2ZW50IGxheW91dCBzaGlmdFxuICB3aWR0aDogXCIzMnB4XCIsXG4gIGRpc3BsYXk6IFwiaW5saW5lLWZsZXhcIixcbiAganVzdGlmeUNvbnRlbnQ6IFwiY2VudGVyXCIsXG4gIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG59KTtcblxuLy8gTnVtYmVyZWQgdmFyaWFudDogU2hvd3MgcGFnZSBudW1iZXIgYnV0dG9ucyB3aXRoIGRpcmVjdCBuYXZpZ2F0aW9uXG5leHBvcnQgZnVuY3Rpb24gTnVtYmVyZWRQYWdpbmF0aW9uKHtcbiAgbnVtT2ZJdGVtcyxcbiAgbnVtT2ZJdGVtc1BlclBhZ2UgPSAxLFxuICBjdXJyZW50UGFnZSxcbiAgZm9ybWF0TGFiZWwsXG4gIHNob3dOYXZCdXR0b25MYWJlbHMgPSB0cnVlLFxuICBwcmV2QnV0dG9uTGFiZWwgPSBcIlByZXZpb3VzXCIsXG4gIG5leHRCdXR0b25MYWJlbCA9IFwiTmV4dFwiLFxuICBvblBhZ2VDbGljayxcbiAgXCJkYXRhLWUyZS10ZXN0LWlkXCI6IGRhdGFFMmVUZXN0SWQsXG4gIG9uUHJldkNsaWNrLFxuICBvbk5leHRDbGljayxcbiAgcHJldkJ1dHRvbkFyaWFMYWJlbCA9IFwiR28gdG8gcHJldiBwYWdlXCIsXG4gIG5leHRCdXR0b25BcmlhTGFiZWwgPSBcIkdvIHRvIG5leHQgcGFnZVwiLFxuICBmb3JtYXRQYWdlQnV0dG9uQXJpYUxhYmVsLFxufTogTnVtYmVyZWRWYXJpYW50UHJvcHMpOiBSZWFjdC5SZWFjdEVsZW1lbnQge1xuICAvLyBDYWxjdWxhdGUgdG90YWwgcGFnZXMgZnJvbSBudW1PZkl0ZW1zIGFuZCBudW1PZkl0ZW1zUGVyUGFnZVxuICAvLyBJZiBudW1PZkl0ZW1zUGVyUGFnZT0xIChkZWZhdWx0KSwgbnVtT2ZQYWdlcyA9IG51bU9mSXRlbXMgKGJhY2t3YXJkcyBjb21wYXRpYmxlKVxuICBjb25zdCBudW1PZlBhZ2VzID0gTWF0aC5jZWlsKG51bU9mSXRlbXMgLyBudW1PZkl0ZW1zUGVyUGFnZSk7XG4gIGNvbnN0IGlzRmlyc3RQYWdlID0gY3VycmVudFBhZ2UgPT09IDE7XG4gIGNvbnN0IGlzTGFzdFBhZ2UgPSBjdXJyZW50UGFnZSA9PT0gbnVtT2ZQYWdlcztcbiAgY29uc3QgaXNNb2JpbGUgPSB1c2VJc01vYmlsZSgpO1xuXG4gIC8vIEhhbmRsZSBjbGljayBldmVudHNcbiAgY29uc3QgaGFuZGxlUHJldkNsaWNrID0gKCkgPT4ge1xuICAgIGlmIChjdXJyZW50UGFnZSA+IDEpIHtcbiAgICAgIG9uUHJldkNsaWNrKGN1cnJlbnRQYWdlIC0gMSk7XG4gICAgfVxuICB9O1xuXG4gIGNvbnN0IGhhbmRsZU5leHRDbGljayA9ICgpID0+IHtcbiAgICBpZiAoY3VycmVudFBhZ2UgPCBudW1PZlBhZ2VzKSB7XG4gICAgICBvbk5leHRDbGljayhjdXJyZW50UGFnZSArIDEpO1xuICAgIH1cbiAgfTtcblxuICBjb25zdCBoYW5kbGVQYWdlQ2xpY2sgPSAocGFnZTogbnVtYmVyKSA9PiB7XG4gICAgaWYgKHBhZ2UgPT09IGN1cnJlbnRQYWdlKSByZXR1cm47XG4gICAgaWYgKHBhZ2UgPCAxIHx8IHBhZ2UgPiBudW1PZlBhZ2VzKSByZXR1cm47XG4gICAgb25QYWdlQ2xpY2s/LihwYWdlKTtcbiAgfTtcblxuICAvLyBHZW5lcmF0ZSBwYWdlIG51bWJlcnNcbiAgY29uc3QgcGFnZU51bWJlcnMgPSBnZW5lcmF0ZVBhZ2VOdW1iZXJzKGN1cnJlbnRQYWdlLCBudW1PZlBhZ2VzKTtcbiAgY29uc3QgbW9iaWxlTGFiZWwgPSBmb3JtYXRMYWJlbFxuICAgID8gZm9ybWF0TGFiZWwoKVxuICAgIDogYCR7Y3VycmVudFBhZ2V9LyR7bnVtT2ZQYWdlc31gO1xuXG4gIC8vIFJlbmRlciBuYXZpZ2F0aW9uIGJ1dHRvbnNcbiAgY29uc3QgbGVmdEJ1dHRvbiA9IHNob3dOYXZCdXR0b25MYWJlbHMgPyAoXG4gICAgPEJ1dHRvblxuICAgICAgc2l6ZT1cInNcIlxuICAgICAgdmFyaWFudD1cInRlcnRpYXJ5XCJcbiAgICAgIGxlZnRJY29uPVwiY2hldnJvbi1sZWZ0XCJcbiAgICAgIGRpc2FibGVkPXtpc0ZpcnN0UGFnZX1cbiAgICAgIG9uQ2xpY2s9e2hhbmRsZVByZXZDbGlja31cbiAgICAgIGFyaWFBdHRyaWJ1dGVzPXt7IFwiYXJpYS1sYWJlbFwiOiBwcmV2QnV0dG9uQXJpYUxhYmVsIH19XG4gICAgPlxuICAgICAge3ByZXZCdXR0b25MYWJlbH1cbiAgICA8L0J1dHRvbj5cbiAgKSA6IChcbiAgICA8UGljdG9ncmFtQnV0dG9uXG4gICAgICBzaXplPVwic1wiXG4gICAgICBpY29uPVwiY2hldnJvbi1sZWZ0XCJcbiAgICAgIGRpc2FibGVkPXtpc0ZpcnN0UGFnZX1cbiAgICAgIG9uQ2xpY2s9e2hhbmRsZVByZXZDbGlja31cbiAgICAgIGFyaWEtbGFiZWw9e3ByZXZCdXR0b25BcmlhTGFiZWx9XG4gICAgLz5cbiAgKTtcblxuICBjb25zdCByaWdodEJ1dHRvbiA9IHNob3dOYXZCdXR0b25MYWJlbHMgPyAoXG4gICAgPEJ1dHRvblxuICAgICAgc2l6ZT1cInNcIlxuICAgICAgdmFyaWFudD1cInRlcnRpYXJ5XCJcbiAgICAgIHJpZ2h0SWNvbj1cImNoZXZyb24tcmlnaHRcIlxuICAgICAgZGlzYWJsZWQ9e2lzTGFzdFBhZ2V9XG4gICAgICBvbkNsaWNrPXtoYW5kbGVOZXh0Q2xpY2t9XG4gICAgICBhcmlhQXR0cmlidXRlcz17eyBcImFyaWEtbGFiZWxcIjogbmV4dEJ1dHRvbkFyaWFMYWJlbCB9fVxuICAgID5cbiAgICAgIHtuZXh0QnV0dG9uTGFiZWx9XG4gICAgPC9CdXR0b24+XG4gICkgOiAoXG4gICAgPFBpY3RvZ3JhbUJ1dHRvblxuICAgICAgc2l6ZT1cInNcIlxuICAgICAgaWNvbj1cImNoZXZyb24tcmlnaHRcIlxuICAgICAgZGlzYWJsZWQ9e2lzTGFzdFBhZ2V9XG4gICAgICBvbkNsaWNrPXtoYW5kbGVOZXh0Q2xpY2t9XG4gICAgICBhcmlhLWxhYmVsPXtuZXh0QnV0dG9uQXJpYUxhYmVsfVxuICAgIC8+XG4gICk7XG5cbiAgcmV0dXJuIChcbiAgICA8SW5saW5lXG4gICAgICB2QWxpZ25JdGVtcz1cImNlbnRlclwiXG4gICAgICBkYXRhLWUyZS10ZXN0LWlkPXtkYXRhRTJlVGVzdElkfVxuICAgICAgZGF0YS1kcy1pZD1cIlBhZ2luYXRpb25cIlxuICAgICAgc3BhY2U9e1tcInhzXCIsIFwiemVyb1wiLCBcInplcm9cIl19XG4gICAgPlxuICAgICAge2xlZnRCdXR0b259XG4gICAgICB7LyogTW9iaWxlOiBzaG93IFwiWC9ZXCIgZm9ybWF0IHdpdGggc3BhY2luZyAqL31cbiAgICAgIHtpc01vYmlsZSAmJiAoXG4gICAgICAgIDxUZXh0IHNpemU9XCJzXCIgY29sb3I9XCJzZWNvbmRhcnlcIj5cbiAgICAgICAgICB7bW9iaWxlTGFiZWx9XG4gICAgICAgIDwvVGV4dD5cbiAgICAgICl9XG4gICAgICB7LyogRGVza3RvcDogc2hvdyBwYWdlIG51bWJlcnMgd2l0aCBzcGFjaW5nIGJldHdlZW4gdGhlbSBvbmx5ICovfVxuICAgICAgeyFpc01vYmlsZSAmJiAoXG4gICAgICAgIDxJbmxpbmUgdkFsaWduSXRlbXM9XCJjZW50ZXJcIiBzcGFjZT1cInplcm9cIj5cbiAgICAgICAgICB7cGFnZU51bWJlcnMubWFwKChwYWdlLCBpbmRleCkgPT4ge1xuICAgICAgICAgICAgaWYgKHBhZ2UgPT09IFwiZWxsaXBzaXNcIikge1xuICAgICAgICAgICAgICAvLyBVc2UgYWRqYWNlbnQgcGFnZSBudW1iZXJzIGZvciB1bmlxdWUga2V5IGluc3RlYWQgb2YgaW5kZXhcbiAgICAgICAgICAgICAgY29uc3QgcHJldlBhZ2UgPSBpbmRleCA+IDAgPyBwYWdlTnVtYmVyc1tpbmRleCAtIDFdIDogXCJzdGFydFwiO1xuICAgICAgICAgICAgICBjb25zdCBuZXh0UGFnZSA9XG4gICAgICAgICAgICAgICAgaW5kZXggPCBwYWdlTnVtYmVycy5sZW5ndGggLSAxID8gcGFnZU51bWJlcnNbaW5kZXggKyAxXSA6IFwiZW5kXCI7XG4gICAgICAgICAgICAgIHJldHVybiAoXG4gICAgICAgICAgICAgICAgPFN0eWxlZEVsbGlwc2lzXG4gICAgICAgICAgICAgICAgICBrZXk9e2BlbGxpcHNpcy0ke3ByZXZQYWdlfS0ke25leHRQYWdlfWB9XG4gICAgICAgICAgICAgICAgICBhcmlhLWhpZGRlbj1cInRydWVcIlxuICAgICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICAgIDxUZXh0IHNpemU9XCJzXCI+4oCmPC9UZXh0PlxuICAgICAgICAgICAgICAgIDwvU3R5bGVkRWxsaXBzaXM+XG4gICAgICAgICAgICAgICk7XG4gICAgICAgICAgICB9XG5cbiAgICAgICAgICAgIGNvbnN0IGlzQWN0aXZlID0gcGFnZSA9PT0gY3VycmVudFBhZ2U7XG4gICAgICAgICAgICBjb25zdCBhcmlhTGFiZWwgPSBmb3JtYXRQYWdlQnV0dG9uQXJpYUxhYmVsXG4gICAgICAgICAgICAgID8gZm9ybWF0UGFnZUJ1dHRvbkFyaWFMYWJlbChwYWdlKVxuICAgICAgICAgICAgICA6IGBQYWdlICR7cGFnZX1gO1xuICAgICAgICAgICAgcmV0dXJuIChcbiAgICAgICAgICAgICAgPFN0eWxlZFBhZ2VCdXR0b25cbiAgICAgICAgICAgICAgICBrZXk9e3BhZ2V9XG4gICAgICAgICAgICAgICAgaXNBY3RpdmU9e2lzQWN0aXZlfVxuICAgICAgICAgICAgICAgIG9uQ2xpY2s9eygpID0+IGhhbmRsZVBhZ2VDbGljayhwYWdlKX1cbiAgICAgICAgICAgICAgICBhcmlhLWxhYmVsPXthcmlhTGFiZWx9XG4gICAgICAgICAgICAgICAgYXJpYS1jdXJyZW50PXtpc0FjdGl2ZSA/IFwicGFnZVwiIDogdW5kZWZpbmVkfVxuICAgICAgICAgICAgICAgIGFyaWEtZGlzYWJsZWQ9e2lzQWN0aXZlfVxuICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAge3BhZ2V9XG4gICAgICAgICAgICAgIDwvU3R5bGVkUGFnZUJ1dHRvbj5cbiAgICAgICAgICAgICk7XG4gICAgICAgICAgfSl9XG4gICAgICAgIDwvSW5saW5lPlxuICAgICAgKX1cbiAgICAgIHtyaWdodEJ1dHRvbn1cbiAgICA8L0lubGluZT5cbiAgKTtcbn1cbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFleUIifQ== */"),StyledEllipsis=(0,_styled.default)("span",{target:"e14ovy8w1",label:"StyledEllipsis"})({width:"32px",display:"inline-flex",justifyContent:"center",alignItems:"center"},"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvUGFnaW5hdGlvbi9OdW1iZXJlZFBhZ2luYXRpb24udHN4Iiwic291cmNlcyI6WyJzcmMvY29tcG9uZW50cy9QYWdpbmF0aW9uL051bWJlcmVkUGFnaW5hdGlvbi50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBJbmxpbmUgfSBmcm9tIFwiLi4vSW5saW5lL0lubGluZVwiO1xuaW1wb3J0IHsgUGljdG9ncmFtQnV0dG9uIH0gZnJvbSBcIi4uL1BpY3RvZ3JhbUJ1dHRvbi9QaWN0b2dyYW1CdXR0b25cIjtcbmltcG9ydCB7IEJ1dHRvbiB9IGZyb20gXCIuLi9CdXR0b24vQnV0dG9uXCI7XG5pbXBvcnQgeyBUZXh0IH0gZnJvbSBcIi4uL1R5cG9ncmFwaHkvVGV4dC9UZXh0XCI7XG5pbXBvcnQgeyBTZWxlY3RhYmxlQnV0dG9uIH0gZnJvbSBcIi4uLy4uL3NoYXJlZC9jb21wb25lbnRzL1NlbGVjdGFibGVCdXR0b25cIjtcbmltcG9ydCB7IHVzZUlzTW9iaWxlIH0gZnJvbSBcIi4uLy4uL3NoYXJlZC91c2VJc01vYmlsZVwiO1xuaW1wb3J0IHR5cGUgeyBOdW1iZXJlZFZhcmlhbnRQcm9wcyB9IGZyb20gXCIuLy10eXBlc1wiO1xuaW1wb3J0IHsgZ2VuZXJhdGVQYWdlTnVtYmVycyB9IGZyb20gXCIuLy11dGlscy9nZW5lcmF0ZVBhZ2VOdW1iZXJzXCI7XG5cbi8qKlxuICogU3R5bGVkUGFnZUJ1dHRvbiAtIFNxdWFyZSBidXR0b24gZm9yIHBhZ2luYXRpb24gcGFnZSBudW1iZXJzXG4gKiBFeHRlbmRzIFNlbGVjdGFibGVCdXR0b24gd2l0aCBwYWdpbmF0aW9uLXNwZWNpZmljIHN0eWxpbmdcbiAqL1xuY29uc3QgU3R5bGVkUGFnZUJ1dHRvbiA9IHN0eWxlZChTZWxlY3RhYmxlQnV0dG9uKTx7IGlzQWN0aXZlPzogYm9vbGVhbiB9PihcbiAgKHsgdGhlbWUsIGlzQWN0aXZlIH0pID0+ICh7XG4gICAgLy8gVE9ETzogQWRkIHRva2VuIGZvciBmaXhlZCBidXR0b24gZGltZW5zaW9ucyAoMzJ4MzJweClcbiAgICAvLyBGaXhlZCAzMngzMnB4IHNxdWFyZSBkaW1lbnNpb25zXG4gICAgd2lkdGg6IFwiMzJweFwiLFxuICAgIGhlaWdodDogXCIzMnB4XCIsXG4gICAgcGFkZGluZzogMCxcbiAgICBtYXJnaW46IDAsXG5cbiAgICAvLyBDZW50ZXIgY29udGVudFxuICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICAgIGp1c3RpZnlDb250ZW50OiBcImNlbnRlclwiLFxuICAgIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG5cbiAgICBib3JkZXI6IGAxcHggc29saWQgdHJhbnNwYXJlbnRgLFxuICAgIC8vIEVuc3VyZSBiYWNrZ3JvdW5kIGNhbiBiZSBzZXQgYnkgcGFyZW50IHN0eWxlc1xuICAgIGJhY2tncm91bmQ6IFwidHJhbnNwYXJlbnRcIixcblxuICAgIC4uLihpc0FjdGl2ZSAmJiB7XG4gICAgICAvLyBBY2NlbnQgYm9yZGVyIHdoZW4gc2VsZWN0ZWRcbiAgICAgIGJvcmRlcjogYDFweCBzb2xpZCAke3RoZW1lLnZhbHVlcy5jb2xvci5ib3JkZXIuYWNjZW50LmRlZmF1bHR9YCxcbiAgICAgIC8vIE92ZXJyaWRlIGJhc2UgcGFkZGluZ0JvdHRvbS9tYXJnaW5Cb3R0b20gZnJvbSBTZWxlY3RhYmxlQnV0dG9uXG4gICAgICBwYWRkaW5nQm90dG9tOiAwLFxuICAgICAgbWFyZ2luQm90dG9tOiAwLFxuICAgICAgLy8gUHJlc2VydmUgU2VsZWN0YWJsZUJ1dHRvbidzIGJhY2tncm91bmQgY29sb3IgZm9yIGFjdGl2ZSBzdGF0ZVxuICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC5hY2NlbnRTdWJ0bGUuZGVmYXVsdCxcbiAgICB9KSxcbiAgfSlcbik7XG5cbi8qKlxuICogU3R5bGVkRWxsaXBzaXMgLSBGaXhlZC13aWR0aCBlbGxpcHNpcyB0byBwcmV2ZW50IGxheW91dCBzaGlmdFxuICogU2FtZSB3aWR0aCBhcyBwYWdlIGJ1dHRvbnMgdG8gbWFpbnRhaW4gY29uc2lzdGVudCBwYWdpbmF0aW9uIHdpZHRoXG4gKi9cbmNvbnN0IFN0eWxlZEVsbGlwc2lzID0gc3R5bGVkLnNwYW4oe1xuICAvLyBUT0RPOiBBZGQgdG9rZW4gZm9yIGZpeGVkIGJ1dHRvbiBkaW1lbnNpb25zICgzMngzMnB4KVxuICAvLyBNYXRjaCBwYWdlIGJ1dHRvbiB3aWR0aCB0byBwcmV2ZW50IGxheW91dCBzaGlmdFxuICB3aWR0aDogXCIzMnB4XCIsXG4gIGRpc3BsYXk6IFwiaW5saW5lLWZsZXhcIixcbiAganVzdGlmeUNvbnRlbnQ6IFwiY2VudGVyXCIsXG4gIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG59KTtcblxuLy8gTnVtYmVyZWQgdmFyaWFudDogU2hvd3MgcGFnZSBudW1iZXIgYnV0dG9ucyB3aXRoIGRpcmVjdCBuYXZpZ2F0aW9uXG5leHBvcnQgZnVuY3Rpb24gTnVtYmVyZWRQYWdpbmF0aW9uKHtcbiAgbnVtT2ZJdGVtcyxcbiAgbnVtT2ZJdGVtc1BlclBhZ2UgPSAxLFxuICBjdXJyZW50UGFnZSxcbiAgZm9ybWF0TGFiZWwsXG4gIHNob3dOYXZCdXR0b25MYWJlbHMgPSB0cnVlLFxuICBwcmV2QnV0dG9uTGFiZWwgPSBcIlByZXZpb3VzXCIsXG4gIG5leHRCdXR0b25MYWJlbCA9IFwiTmV4dFwiLFxuICBvblBhZ2VDbGljayxcbiAgXCJkYXRhLWUyZS10ZXN0LWlkXCI6IGRhdGFFMmVUZXN0SWQsXG4gIG9uUHJldkNsaWNrLFxuICBvbk5leHRDbGljayxcbiAgcHJldkJ1dHRvbkFyaWFMYWJlbCA9IFwiR28gdG8gcHJldiBwYWdlXCIsXG4gIG5leHRCdXR0b25BcmlhTGFiZWwgPSBcIkdvIHRvIG5leHQgcGFnZVwiLFxuICBmb3JtYXRQYWdlQnV0dG9uQXJpYUxhYmVsLFxufTogTnVtYmVyZWRWYXJpYW50UHJvcHMpOiBSZWFjdC5SZWFjdEVsZW1lbnQge1xuICAvLyBDYWxjdWxhdGUgdG90YWwgcGFnZXMgZnJvbSBudW1PZkl0ZW1zIGFuZCBudW1PZkl0ZW1zUGVyUGFnZVxuICAvLyBJZiBudW1PZkl0ZW1zUGVyUGFnZT0xIChkZWZhdWx0KSwgbnVtT2ZQYWdlcyA9IG51bU9mSXRlbXMgKGJhY2t3YXJkcyBjb21wYXRpYmxlKVxuICBjb25zdCBudW1PZlBhZ2VzID0gTWF0aC5jZWlsKG51bU9mSXRlbXMgLyBudW1PZkl0ZW1zUGVyUGFnZSk7XG4gIGNvbnN0IGlzRmlyc3RQYWdlID0gY3VycmVudFBhZ2UgPT09IDE7XG4gIGNvbnN0IGlzTGFzdFBhZ2UgPSBjdXJyZW50UGFnZSA9PT0gbnVtT2ZQYWdlcztcbiAgY29uc3QgaXNNb2JpbGUgPSB1c2VJc01vYmlsZSgpO1xuXG4gIC8vIEhhbmRsZSBjbGljayBldmVudHNcbiAgY29uc3QgaGFuZGxlUHJldkNsaWNrID0gKCkgPT4ge1xuICAgIGlmIChjdXJyZW50UGFnZSA+IDEpIHtcbiAgICAgIG9uUHJldkNsaWNrKGN1cnJlbnRQYWdlIC0gMSk7XG4gICAgfVxuICB9O1xuXG4gIGNvbnN0IGhhbmRsZU5leHRDbGljayA9ICgpID0+IHtcbiAgICBpZiAoY3VycmVudFBhZ2UgPCBudW1PZlBhZ2VzKSB7XG4gICAgICBvbk5leHRDbGljayhjdXJyZW50UGFnZSArIDEpO1xuICAgIH1cbiAgfTtcblxuICBjb25zdCBoYW5kbGVQYWdlQ2xpY2sgPSAocGFnZTogbnVtYmVyKSA9PiB7XG4gICAgaWYgKHBhZ2UgPT09IGN1cnJlbnRQYWdlKSByZXR1cm47XG4gICAgaWYgKHBhZ2UgPCAxIHx8IHBhZ2UgPiBudW1PZlBhZ2VzKSByZXR1cm47XG4gICAgb25QYWdlQ2xpY2s/LihwYWdlKTtcbiAgfTtcblxuICAvLyBHZW5lcmF0ZSBwYWdlIG51bWJlcnNcbiAgY29uc3QgcGFnZU51bWJlcnMgPSBnZW5lcmF0ZVBhZ2VOdW1iZXJzKGN1cnJlbnRQYWdlLCBudW1PZlBhZ2VzKTtcbiAgY29uc3QgbW9iaWxlTGFiZWwgPSBmb3JtYXRMYWJlbFxuICAgID8gZm9ybWF0TGFiZWwoKVxuICAgIDogYCR7Y3VycmVudFBhZ2V9LyR7bnVtT2ZQYWdlc31gO1xuXG4gIC8vIFJlbmRlciBuYXZpZ2F0aW9uIGJ1dHRvbnNcbiAgY29uc3QgbGVmdEJ1dHRvbiA9IHNob3dOYXZCdXR0b25MYWJlbHMgPyAoXG4gICAgPEJ1dHRvblxuICAgICAgc2l6ZT1cInNcIlxuICAgICAgdmFyaWFudD1cInRlcnRpYXJ5XCJcbiAgICAgIGxlZnRJY29uPVwiY2hldnJvbi1sZWZ0XCJcbiAgICAgIGRpc2FibGVkPXtpc0ZpcnN0UGFnZX1cbiAgICAgIG9uQ2xpY2s9e2hhbmRsZVByZXZDbGlja31cbiAgICAgIGFyaWFBdHRyaWJ1dGVzPXt7IFwiYXJpYS1sYWJlbFwiOiBwcmV2QnV0dG9uQXJpYUxhYmVsIH19XG4gICAgPlxuICAgICAge3ByZXZCdXR0b25MYWJlbH1cbiAgICA8L0J1dHRvbj5cbiAgKSA6IChcbiAgICA8UGljdG9ncmFtQnV0dG9uXG4gICAgICBzaXplPVwic1wiXG4gICAgICBpY29uPVwiY2hldnJvbi1sZWZ0XCJcbiAgICAgIGRpc2FibGVkPXtpc0ZpcnN0UGFnZX1cbiAgICAgIG9uQ2xpY2s9e2hhbmRsZVByZXZDbGlja31cbiAgICAgIGFyaWEtbGFiZWw9e3ByZXZCdXR0b25BcmlhTGFiZWx9XG4gICAgLz5cbiAgKTtcblxuICBjb25zdCByaWdodEJ1dHRvbiA9IHNob3dOYXZCdXR0b25MYWJlbHMgPyAoXG4gICAgPEJ1dHRvblxuICAgICAgc2l6ZT1cInNcIlxuICAgICAgdmFyaWFudD1cInRlcnRpYXJ5XCJcbiAgICAgIHJpZ2h0SWNvbj1cImNoZXZyb24tcmlnaHRcIlxuICAgICAgZGlzYWJsZWQ9e2lzTGFzdFBhZ2V9XG4gICAgICBvbkNsaWNrPXtoYW5kbGVOZXh0Q2xpY2t9XG4gICAgICBhcmlhQXR0cmlidXRlcz17eyBcImFyaWEtbGFiZWxcIjogbmV4dEJ1dHRvbkFyaWFMYWJlbCB9fVxuICAgID5cbiAgICAgIHtuZXh0QnV0dG9uTGFiZWx9XG4gICAgPC9CdXR0b24+XG4gICkgOiAoXG4gICAgPFBpY3RvZ3JhbUJ1dHRvblxuICAgICAgc2l6ZT1cInNcIlxuICAgICAgaWNvbj1cImNoZXZyb24tcmlnaHRcIlxuICAgICAgZGlzYWJsZWQ9e2lzTGFzdFBhZ2V9XG4gICAgICBvbkNsaWNrPXtoYW5kbGVOZXh0Q2xpY2t9XG4gICAgICBhcmlhLWxhYmVsPXtuZXh0QnV0dG9uQXJpYUxhYmVsfVxuICAgIC8+XG4gICk7XG5cbiAgcmV0dXJuIChcbiAgICA8SW5saW5lXG4gICAgICB2QWxpZ25JdGVtcz1cImNlbnRlclwiXG4gICAgICBkYXRhLWUyZS10ZXN0LWlkPXtkYXRhRTJlVGVzdElkfVxuICAgICAgZGF0YS1kcy1pZD1cIlBhZ2luYXRpb25cIlxuICAgICAgc3BhY2U9e1tcInhzXCIsIFwiemVyb1wiLCBcInplcm9cIl19XG4gICAgPlxuICAgICAge2xlZnRCdXR0b259XG4gICAgICB7LyogTW9iaWxlOiBzaG93IFwiWC9ZXCIgZm9ybWF0IHdpdGggc3BhY2luZyAqL31cbiAgICAgIHtpc01vYmlsZSAmJiAoXG4gICAgICAgIDxUZXh0IHNpemU9XCJzXCIgY29sb3I9XCJzZWNvbmRhcnlcIj5cbiAgICAgICAgICB7bW9iaWxlTGFiZWx9XG4gICAgICAgIDwvVGV4dD5cbiAgICAgICl9XG4gICAgICB7LyogRGVza3RvcDogc2hvdyBwYWdlIG51bWJlcnMgd2l0aCBzcGFjaW5nIGJldHdlZW4gdGhlbSBvbmx5ICovfVxuICAgICAgeyFpc01vYmlsZSAmJiAoXG4gICAgICAgIDxJbmxpbmUgdkFsaWduSXRlbXM9XCJjZW50ZXJcIiBzcGFjZT1cInplcm9cIj5cbiAgICAgICAgICB7cGFnZU51bWJlcnMubWFwKChwYWdlLCBpbmRleCkgPT4ge1xuICAgICAgICAgICAgaWYgKHBhZ2UgPT09IFwiZWxsaXBzaXNcIikge1xuICAgICAgICAgICAgICAvLyBVc2UgYWRqYWNlbnQgcGFnZSBudW1iZXJzIGZvciB1bmlxdWUga2V5IGluc3RlYWQgb2YgaW5kZXhcbiAgICAgICAgICAgICAgY29uc3QgcHJldlBhZ2UgPSBpbmRleCA+IDAgPyBwYWdlTnVtYmVyc1tpbmRleCAtIDFdIDogXCJzdGFydFwiO1xuICAgICAgICAgICAgICBjb25zdCBuZXh0UGFnZSA9XG4gICAgICAgICAgICAgICAgaW5kZXggPCBwYWdlTnVtYmVycy5sZW5ndGggLSAxID8gcGFnZU51bWJlcnNbaW5kZXggKyAxXSA6IFwiZW5kXCI7XG4gICAgICAgICAgICAgIHJldHVybiAoXG4gICAgICAgICAgICAgICAgPFN0eWxlZEVsbGlwc2lzXG4gICAgICAgICAgICAgICAgICBrZXk9e2BlbGxpcHNpcy0ke3ByZXZQYWdlfS0ke25leHRQYWdlfWB9XG4gICAgICAgICAgICAgICAgICBhcmlhLWhpZGRlbj1cInRydWVcIlxuICAgICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICAgIDxUZXh0IHNpemU9XCJzXCI+4oCmPC9UZXh0PlxuICAgICAgICAgICAgICAgIDwvU3R5bGVkRWxsaXBzaXM+XG4gICAgICAgICAgICAgICk7XG4gICAgICAgICAgICB9XG5cbiAgICAgICAgICAgIGNvbnN0IGlzQWN0aXZlID0gcGFnZSA9PT0gY3VycmVudFBhZ2U7XG4gICAgICAgICAgICBjb25zdCBhcmlhTGFiZWwgPSBmb3JtYXRQYWdlQnV0dG9uQXJpYUxhYmVsXG4gICAgICAgICAgICAgID8gZm9ybWF0UGFnZUJ1dHRvbkFyaWFMYWJlbChwYWdlKVxuICAgICAgICAgICAgICA6IGBQYWdlICR7cGFnZX1gO1xuICAgICAgICAgICAgcmV0dXJuIChcbiAgICAgICAgICAgICAgPFN0eWxlZFBhZ2VCdXR0b25cbiAgICAgICAgICAgICAgICBrZXk9e3BhZ2V9XG4gICAgICAgICAgICAgICAgaXNBY3RpdmU9e2lzQWN0aXZlfVxuICAgICAgICAgICAgICAgIG9uQ2xpY2s9eygpID0+IGhhbmRsZVBhZ2VDbGljayhwYWdlKX1cbiAgICAgICAgICAgICAgICBhcmlhLWxhYmVsPXthcmlhTGFiZWx9XG4gICAgICAgICAgICAgICAgYXJpYS1jdXJyZW50PXtpc0FjdGl2ZSA/IFwicGFnZVwiIDogdW5kZWZpbmVkfVxuICAgICAgICAgICAgICAgIGFyaWEtZGlzYWJsZWQ9e2lzQWN0aXZlfVxuICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAge3BhZ2V9XG4gICAgICAgICAgICAgIDwvU3R5bGVkUGFnZUJ1dHRvbj5cbiAgICAgICAgICAgICk7XG4gICAgICAgICAgfSl9XG4gICAgICAgIDwvSW5saW5lPlxuICAgICAgKX1cbiAgICAgIHtyaWdodEJ1dHRvbn1cbiAgICA8L0lubGluZT5cbiAgKTtcbn1cbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFpRHVCIn0= */");function NumberedPagination({numOfItems,numOfItemsPerPage=1,currentPage,formatLabel,showNavButtonLabels=!0,prevButtonLabel="Previous",nextButtonLabel="Next",onPageClick,"data-e2e-test-id":dataE2eTestId,onPrevClick,onNextClick,prevButtonAriaLabel="Go to prev page",nextButtonAriaLabel="Go to next page",formatPageButtonAriaLabel}){let numOfPages=Math.ceil(numOfItems/numOfItemsPerPage),isFirstPage=1===currentPage,isLastPage=currentPage===numOfPages,isMobile=(0,_useIsMobile.useIsMobile)(),handlePrevClick=()=>{currentPage>1&&onPrevClick(currentPage-1)},handleNextClick=()=>{currentPage<numOfPages&&onNextClick(currentPage+1)},handlePageClick=page=>{page!==currentPage&&(page<1||page>numOfPages||onPageClick?.(page))},pageNumbers=(0,_generatePageNumbers.generatePageNumbers)(currentPage,numOfPages),mobileLabel=formatLabel?formatLabel():`${currentPage}/${numOfPages}`,leftButton=showNavButtonLabels?_react.default.createElement(_Button.Button,{size:"s",variant:"tertiary",leftIcon:"chevron-left",disabled:isFirstPage,onClick:handlePrevClick,ariaAttributes:{"aria-label":prevButtonAriaLabel}},prevButtonLabel):_react.default.createElement(_PictogramButton.PictogramButton,{size:"s",icon:"chevron-left",disabled:isFirstPage,onClick:handlePrevClick,"aria-label":prevButtonAriaLabel}),rightButton=showNavButtonLabels?_react.default.createElement(_Button.Button,{size:"s",variant:"tertiary",rightIcon:"chevron-right",disabled:isLastPage,onClick:handleNextClick,ariaAttributes:{"aria-label":nextButtonAriaLabel}},nextButtonLabel):_react.default.createElement(_PictogramButton.PictogramButton,{size:"s",icon:"chevron-right",disabled:isLastPage,onClick:handleNextClick,"aria-label":nextButtonAriaLabel});return _react.default.createElement(_Inline.Inline,{vAlignItems:"center","data-e2e-test-id":dataE2eTestId,"data-ds-id":"Pagination",space:["xs","zero","zero"]},leftButton,isMobile&&_react.default.createElement(_Text.Text,{size:"s",color:"secondary"},mobileLabel),!isMobile&&_react.default.createElement(_Inline.Inline,{vAlignItems:"center",space:"zero"},pageNumbers.map((page,index)=>{if("ellipsis"===page){let prevPage=index>0?pageNumbers[index-1]:"start",nextPage=index<pageNumbers.length-1?pageNumbers[index+1]:"end";return _react.default.createElement(StyledEllipsis,{key:`ellipsis-${prevPage}-${nextPage}`,"aria-hidden":"true"},_react.default.createElement(_Text.Text,{size:"s"},"…"))}let isActive=page===currentPage,ariaLabel=formatPageButtonAriaLabel?formatPageButtonAriaLabel(page):`Page ${page}`;return _react.default.createElement(StyledPageButton,{key:page,isActive:isActive,onClick:()=>handlePageClick(page),"aria-label":ariaLabel,"aria-current":isActive?"page":void 0,"aria-disabled":isActive},page)})),rightButton)}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
import type { TooltipInstance } from "../-types";
|
|
2
|
+
/**
|
|
3
|
+
* Module-scoped registry manager for tooltip instances.
|
|
4
|
+
* Uses a Map internally but provides cleanup and HMR resilience.
|
|
5
|
+
* This is module-scoped (not component-scoped) because tooltips need to
|
|
6
|
+
* coordinate across all instances globally to handle overlapping scenarios.
|
|
7
|
+
*/
|
|
8
|
+
export declare class TooltipRegistry {
|
|
9
|
+
private registry;
|
|
10
|
+
private isCleaningUp;
|
|
11
|
+
/**
|
|
12
|
+
* Register a tooltip instance
|
|
13
|
+
*/
|
|
14
|
+
set(id: string, instance: TooltipInstance): void;
|
|
15
|
+
/**
|
|
16
|
+
* Unregister a tooltip instance
|
|
17
|
+
*/
|
|
18
|
+
delete(id: string): void;
|
|
19
|
+
/**
|
|
20
|
+
* Get all registered instances (for iteration)
|
|
21
|
+
*/
|
|
22
|
+
values(): IterableIterator<TooltipInstance>;
|
|
23
|
+
/**
|
|
24
|
+
* Get the registry size
|
|
25
|
+
*/
|
|
26
|
+
get size(): number;
|
|
27
|
+
/**
|
|
28
|
+
* Clear all entries (useful for HMR or testing)
|
|
29
|
+
*/
|
|
30
|
+
clear(): void;
|
|
31
|
+
/**
|
|
32
|
+
* Clean up potentially stale entries by checking if trigger elements are still in DOM
|
|
33
|
+
*/
|
|
34
|
+
private cleanupStaleEntries;
|
|
35
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"TooltipRegistry",{enumerable:!0,get:function(){return TooltipRegistry}});class TooltipRegistry{set(id,instance){this.registry.size>100&&!this.isCleaningUp&&this.cleanupStaleEntries(),this.registry.set(id,instance)}delete(id){this.registry.delete(id)}values(){return this.registry.values()}get size(){return this.registry.size}clear(){this.registry.clear()}cleanupStaleEntries(){this.isCleaningUp=!0;try{Array.from(this.registry.entries()).filter(([,instance])=>instance.triggerElements.every(element=>!document.contains(element))).map(([id])=>id).forEach(id=>this.registry.delete(id))}finally{this.isCleaningUp=!1}}constructor(){this.registry=new Map,this.isCleaningUp=!1}}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import type { TooltipInstance } from "../-types";
|
|
2
|
+
/**
|
|
3
|
+
* Registry interface for tooltip coordination.
|
|
4
|
+
* Allows the utility function to work with different registry implementations.
|
|
5
|
+
*/
|
|
6
|
+
export interface TooltipRegistryInterface {
|
|
7
|
+
values(): IterableIterator<TooltipInstance>;
|
|
8
|
+
}
|
|
9
|
+
/**
|
|
10
|
+
* Finds all tooltip instances that have trigger elements containing the currently hovered element.
|
|
11
|
+
* A tooltip is considered overlapping when:
|
|
12
|
+
* - The hovered element is one of the trigger elements, OR
|
|
13
|
+
* - The hovered element is contained by one of the trigger elements
|
|
14
|
+
*/
|
|
15
|
+
export declare function findOverlappingTooltips(hoveredElement: HTMLElement, excludeId: string, tooltipRegistry: TooltipRegistryInterface): TooltipInstance[];
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";function findOverlappingTooltips(hoveredElement,excludeId,tooltipRegistry){return Array.from(tooltipRegistry.values()).filter(instance=>instance.id!==excludeId).filter(instance=>instance.triggerElements.some(triggerElement=>!!(triggerElement===hoveredElement||triggerElement.contains(hoveredElement))))}Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"findOverlappingTooltips",{enumerable:!0,get:function(){return findOverlappingTooltips}});
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Determines which element is on top when multiple elements overlap.
|
|
3
|
+
* Priority:
|
|
4
|
+
* 1. If pointer coordinates are available, use elementsFromPoint (most accurate)
|
|
5
|
+
* 2. If elements are nested, the most-nested (contained) element is on top
|
|
6
|
+
* 3. Otherwise, elements that appear later in DOM order are on top
|
|
7
|
+
*/
|
|
8
|
+
export declare function getTopmostElement(elements: HTMLElement[], pointerEvent?: Event): HTMLElement | null;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";function getTopmostElement(elements,pointerEvent){if(0===elements.length)return null;if(1===elements.length)return elements[0];if(pointerEvent&&"clientX"in pointerEvent&&"clientY"in pointerEvent)try{let foundElement=document.elementsFromPoint(pointerEvent.clientX,pointerEvent.clientY).find(elementAtPoint=>!!elements.includes(elementAtPoint)||elements.some(element=>element.contains(elementAtPoint)));if(foundElement){if(elements.includes(foundElement))return foundElement;let containingElements=elements.filter(element=>element.contains(foundElement));if(containingElements.length>0)return containingElements.sort((a,b)=>a.contains(b)?-1:+!!b.contains(a)),containingElements[containingElements.length-1]}}catch{}let topmost=elements?.[0];return elements?.slice(1)?.forEach(element=>{topmost.contains(element)&&!element.contains(topmost)?topmost=element:element.contains(topmost)&&!topmost.contains(element)||(topmost.compareDocumentPosition(element)&Node.DOCUMENT_POSITION_FOLLOWING)!=0&&(topmost=element)}),topmost}Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"getTopmostElement",{enumerable:!0,get:function(){return getTopmostElement}});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"UserHighlightTooltip",{enumerable:!0,get:function(){return UserHighlightTooltip}});const _react=/*#__PURE__*/require("@swc/helpers/_/_interop_require_wildcard")._(require("react")),_TooltipContent=require("../Tooltip/TooltipContent");function UserHighlightTooltip({content,contentPadding="s",placement="auto",maxWidth,portalContainer,"data-e2e-test-id":dataE2eTestId,triggerElements,selectedRange,onVisibilityChange,positionAtStart}){let tooltipId=(0,_react.useMemo)(()=>`DSUserHighlightTooltip_${Math.floor(Date.now()*Math.random())}`,[]),isTooltipHovered=(0,_react.useRef)(!1),showTooltipTimeoutId=(0,_react.useRef)(null),hideTooltipTimeoutId=(0,_react.useRef)(null),triggerHovered=(0,_react.useRef)(!1),rangeRef=(0,_react.useRef)(null);(0,_react.useEffect)(()=>{if(selectedRange)rangeRef.current=selectedRange;else{let range=document.createRange();if(positionAtStart){let text=triggerElements[0].childNodes[0];range.setStart(text,0),range.setEnd(text,1)}else range.setStart(triggerElements[0],0),range.setEnd(triggerElements[triggerElements.length-1],1);rangeRef.current=range}},[triggerElements,selectedRange,positionAtStart]);let[tooltipVisible,setTooltipVisible]=(0,_react.useState)(!1),toggleVisibility=(0,_react.useCallback)(status=>{setTooltipVisible(status),onVisibilityChange&&onVisibilityChange(status)},[onVisibilityChange]);(0,_react.useEffect)(()=>{selectedRange&&toggleVisibility(!0)},[]);let hideTooltipAfterDelay=(0,_react.useCallback)(()=>{hideTooltipTimeoutId.current=setTimeout(()=>{triggerHovered.current||isTooltipHovered.current||!tooltipVisible||toggleVisibility(!1)},200)},[toggleVisibility,tooltipVisible]),handleTriggerPointerEnter=(0,_react.useCallback)(
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"UserHighlightTooltip",{enumerable:!0,get:function(){return UserHighlightTooltip}});const _react=/*#__PURE__*/require("@swc/helpers/_/_interop_require_wildcard")._(require("react")),_TooltipContent=require("../Tooltip/TooltipContent"),_findOverlappingTooltips=require("./-utils.ts/findOverlappingTooltips"),_getTopmostElement=require("./-utils.ts/getTopmostElement"),tooltipRegistry=new(require("./-utils.ts/TooltipRegistry")).TooltipRegistry;function UserHighlightTooltip({content,contentPadding="s",placement="auto",maxWidth,portalContainer,"data-e2e-test-id":dataE2eTestId,triggerElements,selectedRange,onVisibilityChange,positionAtStart}){let tooltipId=(0,_react.useMemo)(()=>`DSUserHighlightTooltip_${Math.floor(Date.now()*Math.random())}`,[]),instanceId=(0,_react.useId)(),isTooltipHovered=(0,_react.useRef)(!1),showTooltipTimeoutId=(0,_react.useRef)(null),hideTooltipTimeoutId=(0,_react.useRef)(null),triggerHovered=(0,_react.useRef)(!1),rangeRef=(0,_react.useRef)(null);(0,_react.useEffect)(()=>{if(selectedRange)rangeRef.current=selectedRange;else{let range=document.createRange();if(positionAtStart){let text=triggerElements[0].childNodes[0];range.setStart(text,0),range.setEnd(text,1)}else range.setStart(triggerElements[0],0),range.setEnd(triggerElements[triggerElements.length-1],1);rangeRef.current=range}},[triggerElements,selectedRange,positionAtStart]);let[tooltipVisible,setTooltipVisible]=(0,_react.useState)(!1),toggleVisibility=(0,_react.useCallback)(status=>{setTooltipVisible(status),onVisibilityChange&&onVisibilityChange(status)},[onVisibilityChange]);(0,_react.useEffect)(()=>(tooltipRegistry.set(instanceId,{id:instanceId,triggerElements,setVisible:visible=>{setTooltipVisible(visible),onVisibilityChange&&onVisibilityChange(visible)}}),()=>{tooltipRegistry.delete(instanceId)}),[instanceId,triggerElements,onVisibilityChange]),(0,_react.useEffect)(()=>{selectedRange&&toggleVisibility(!0)},[]);let hideTooltipAfterDelay=(0,_react.useCallback)(()=>{hideTooltipTimeoutId.current=setTimeout(()=>{triggerHovered.current||isTooltipHovered.current||!tooltipVisible||toggleVisibility(!1)},200)},[toggleVisibility,tooltipVisible]),handleTriggerPointerEnter=(0,_react.useCallback)(event=>{triggerHovered.current=!0,clearTimeout(showTooltipTimeoutId.current),showTooltipTimeoutId.current=setTimeout(()=>{if(triggerHovered.current){let hoveredElement=event?.target||triggerElements[0],overlappingTooltips=(0,_findOverlappingTooltips.findOverlappingTooltips)(hoveredElement,instanceId,tooltipRegistry);if(overlappingTooltips.length>0){let allOverlappingElements=[...triggerElements];overlappingTooltips.forEach(tooltip=>{allOverlappingElements.push(...tooltip.triggerElements)});let topmostElement=(0,_getTopmostElement.getTopmostElement)(allOverlappingElements,event);!topmostElement||triggerElements.includes(topmostElement)?(overlappingTooltips.forEach(tooltip=>{tooltip.setVisible(!1)}),tooltipVisible||toggleVisibility(!0)):tooltipVisible&&toggleVisibility(!1)}else tooltipVisible||toggleVisibility(!0)}},200)},[toggleVisibility,tooltipVisible,triggerElements,instanceId]),handleTriggerPointerLeave=(0,_react.useCallback)(event=>{if(clearTimeout(hideTooltipTimeoutId.current),triggerHovered.current=!1,event&&"clientX"in event&&"clientY"in event)try{let elementUnderPointer=document.elementFromPoint(event.clientX,event.clientY);if(elementUnderPointer){let overlappingTooltips=(0,_findOverlappingTooltips.findOverlappingTooltips)(elementUnderPointer,instanceId,tooltipRegistry);if(overlappingTooltips.length>0){let allOverlappingElements=[];overlappingTooltips.forEach(tooltip=>{allOverlappingElements.push(...tooltip.triggerElements)});let topmostElement=(0,_getTopmostElement.getTopmostElement)(allOverlappingElements,event);if(topmostElement&&!triggerElements.includes(topmostElement)){toggleVisibility(!1);let enterEvent=new PointerEvent("pointerenter",{bubbles:!0,cancelable:!0,clientX:event.clientX,clientY:event.clientY,pointerId:event.pointerId,pointerType:event.pointerType});topmostElement.dispatchEvent(enterEvent);return}}}}catch{}hideTooltipAfterDelay()},[hideTooltipAfterDelay,instanceId,toggleVisibility,triggerElements]);return((0,_react.useEffect)(()=>()=>{clearTimeout(showTooltipTimeoutId.current),clearTimeout(hideTooltipTimeoutId.current)},[]),(0,_react.useEffect)(()=>{let wrappedHandleEnter=event=>{handleTriggerPointerEnter(event)};return triggerElements.forEach(node=>{node.addEventListener("pointerenter",wrappedHandleEnter),node.addEventListener("pointerleave",handleTriggerPointerLeave)}),()=>{triggerElements.forEach(node=>{node.removeEventListener("pointerenter",wrappedHandleEnter),node.removeEventListener("pointerleave",handleTriggerPointerLeave)})}},[handleTriggerPointerEnter,handleTriggerPointerLeave,triggerElements]),(0,_react.useEffect)(()=>{triggerElements.forEach(node=>{tooltipVisible?node.setAttribute("aria-describedby",tooltipId):node.removeAttribute("aria-describedby")})},[tooltipId,tooltipVisible,triggerElements]),rangeRef.current)?_react.default.createElement(_TooltipContent.TooltipContent,{dataDSId:"UserHighlightTooltip",content:content,placement:placement,portalContainer:portalContainer,dataE2eTestId:dataE2eTestId,isVisible:tooltipVisible,tooltipId:tooltipId,triggerRef:rangeRef,role:"tooltip",contentPadding:contentPadding,maxWidth:maxWidth,subTheme:"inverted",onTooltipPointerEnter:()=>{isTooltipHovered.current=!0},onTooltipPointerLeave:()=>{clearTimeout(hideTooltipTimeoutId.current),isTooltipHovered.current=!1,hideTooltipAfterDelay()}}):null}
|
|
@@ -1,6 +1,15 @@
|
|
|
1
1
|
type PaginationBaseProps = {
|
|
2
|
-
/** Total number of items
|
|
2
|
+
/** Total number of items in the collection (or pages if not using numOfItemsPerPage) */
|
|
3
3
|
numOfItems: number;
|
|
4
|
+
/**
|
|
5
|
+
* Number of items per page
|
|
6
|
+
*
|
|
7
|
+
* Component calculates total pages as: Math.ceil(numOfItems / numOfItemsPerPage)
|
|
8
|
+
* If not provided, defaults to 1 (numOfItems = page count for backwards compatibility)
|
|
9
|
+
*
|
|
10
|
+
* @default 1
|
|
11
|
+
*/
|
|
12
|
+
numOfItemsPerPage?: number;
|
|
4
13
|
/** Current page number (1-indexed) */
|
|
5
14
|
currentPage: number;
|
|
6
15
|
/**
|
|
@@ -39,14 +48,6 @@ export type CompactVariantProps = PaginationBaseProps & {
|
|
|
39
48
|
* **"compact"**: Shows prev/next icon buttons with a center label displaying item range
|
|
40
49
|
*/
|
|
41
50
|
variant: "compact";
|
|
42
|
-
/**
|
|
43
|
-
* Number of items per page
|
|
44
|
-
*
|
|
45
|
-
* **Note**: Only applies to **compact** variant. Used to calculate item range display (e.g., "1-10 of 100").
|
|
46
|
-
*
|
|
47
|
-
* @default 1
|
|
48
|
-
*/
|
|
49
|
-
numOfItemsPerPage?: number;
|
|
50
51
|
/**
|
|
51
52
|
* Label alignment
|
|
52
53
|
*
|
|
@@ -78,7 +79,7 @@ export type NumberedVariantProps = PaginationBaseProps & {
|
|
|
78
79
|
*
|
|
79
80
|
* @param page - Selected page number
|
|
80
81
|
*/
|
|
81
|
-
onPageClick
|
|
82
|
+
onPageClick: (page: number, firstItemIndex?: number, lastItemIndex?: number) => void;
|
|
82
83
|
/**
|
|
83
84
|
* Show/hide text labels on Previous/Next buttons
|
|
84
85
|
*
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import React from"react";import{Inline}from"../Inline/Inline";import{PictogramButton}from"../PictogramButton/PictogramButton";import{Text}from"../Typography/Text/Text";import{getItemIndices}from"./-utils/getItemIndices";export function CompactPagination({numOfItems,currentPage,numOfItemsPerPage=1,formatLabel,alignLabel="center","data-e2e-test-id":dataE2eTestId,onPrevClick,onNextClick,nextButtonAriaLabel="Go to next page",prevButtonAriaLabel="Go to prev page"}){let label,itemsPerPage=numOfItems>numOfItemsPerPage?numOfItemsPerPage:numOfItems,numOfPages=Math.ceil(numOfItems/itemsPerPage);if(itemsPerPage>1){let[firstItemIndex,lastItemIndex]=getItemIndices(currentPage,itemsPerPage,numOfItems);label=formatLabel?formatLabel(firstItemIndex,lastItemIndex,numOfItems):firstItemIndex===lastItemIndex?`${firstItemIndex} of ${numOfItems}`:`${firstItemIndex} - ${lastItemIndex} of ${numOfItems}`}else label=formatLabel?formatLabel(currentPage,numOfPages,numOfPages):`${currentPage} of ${numOfPages}`;let leftButton=React.createElement(PictogramButton,{size:"s",icon:"chevron-left",disabled:1===currentPage,onClick:()=>{if(itemsPerPage>1){let[firstItemIndex,lastItemIndex]=getItemIndices(currentPage-1,itemsPerPage,numOfItems);onPrevClick(currentPage-1,firstItemIndex,lastItemIndex)}else onPrevClick(currentPage-1)},"aria-label":prevButtonAriaLabel}),rightButton=React.createElement(PictogramButton,{size:"s",icon:"chevron-right",disabled:currentPage===numOfPages,onClick:()=>{if(itemsPerPage>1){let[firstItemIndex,lastItemIndex]=getItemIndices(currentPage+1,itemsPerPage,numOfItems);onNextClick(currentPage+1,firstItemIndex,lastItemIndex)}else onNextClick(currentPage+1)},"aria-label":nextButtonAriaLabel}),labelElm=React.createElement(Text,{size:"s"},label),content="left"===alignLabel?React.createElement(React.Fragment,null,labelElm,leftButton,rightButton):React.createElement(React.Fragment,null,leftButton,labelElm,rightButton);return React.createElement(Inline,{vAlignItems:"center","data-e2e-test-id":dataE2eTestId,"data-ds-id":"Pagination"},content)}
|
|
1
|
+
import React from"react";import{Inline}from"../Inline/Inline";import{PictogramButton}from"../PictogramButton/PictogramButton";import{Text}from"../Typography/Text/Text";import{getItemIndices}from"./-utils/getItemIndices";export function CompactPagination({numOfItems,currentPage,numOfItemsPerPage=1,formatLabel,alignLabel="center","data-e2e-test-id":dataE2eTestId,onPrevClick,onNextClick,nextButtonAriaLabel="Go to next page",prevButtonAriaLabel="Go to prev page"}){let label,itemsPerPage=numOfItems>numOfItemsPerPage?numOfItemsPerPage:numOfItems,numOfPages=Math.ceil(numOfItems/itemsPerPage);if(itemsPerPage>1){let[firstItemIndex,lastItemIndex]=getItemIndices(currentPage,itemsPerPage,numOfItems);label=formatLabel?formatLabel(firstItemIndex,lastItemIndex,numOfItems):firstItemIndex===lastItemIndex?`${firstItemIndex} of ${numOfItems}`:`${firstItemIndex} - ${lastItemIndex} of ${numOfItems}`}else label=formatLabel?formatLabel(currentPage,numOfPages,numOfPages):`${currentPage} of ${numOfPages}`;let leftButton=React.createElement(PictogramButton,{size:"s",icon:"chevron-left",disabled:1===currentPage,onClick:()=>{if(!(currentPage<=1))if(itemsPerPage>1){let[firstItemIndex,lastItemIndex]=getItemIndices(currentPage-1,itemsPerPage,numOfItems);onPrevClick(currentPage-1,firstItemIndex,lastItemIndex)}else onPrevClick(currentPage-1)},"aria-label":prevButtonAriaLabel}),rightButton=React.createElement(PictogramButton,{size:"s",icon:"chevron-right",disabled:currentPage===numOfPages,onClick:()=>{if(!(currentPage>=numOfPages))if(itemsPerPage>1){let[firstItemIndex,lastItemIndex]=getItemIndices(currentPage+1,itemsPerPage,numOfItems);onNextClick(currentPage+1,firstItemIndex,lastItemIndex)}else onNextClick(currentPage+1)},"aria-label":nextButtonAriaLabel}),labelElm=React.createElement(Text,{size:"s"},label),content="left"===alignLabel?React.createElement(React.Fragment,null,labelElm,leftButton,rightButton):React.createElement(React.Fragment,null,leftButton,labelElm,rightButton);return React.createElement(Inline,{vAlignItems:"center","data-e2e-test-id":dataE2eTestId,"data-ds-id":"Pagination"},content)}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import type { NumberedVariantProps } from "./-types";
|
|
3
|
-
export declare function NumberedPagination({ numOfItems, currentPage, formatLabel, showNavButtonLabels, prevButtonLabel, nextButtonLabel, onPageClick, "data-e2e-test-id": dataE2eTestId, onPrevClick, onNextClick, prevButtonAriaLabel, nextButtonAriaLabel, formatPageButtonAriaLabel, }: NumberedVariantProps): React.ReactElement;
|
|
3
|
+
export declare function NumberedPagination({ numOfItems, numOfItemsPerPage, currentPage, formatLabel, showNavButtonLabels, prevButtonLabel, nextButtonLabel, onPageClick, "data-e2e-test-id": dataE2eTestId, onPrevClick, onNextClick, prevButtonAriaLabel, nextButtonAriaLabel, formatPageButtonAriaLabel, }: NumberedVariantProps): React.ReactElement;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import React from"react";import styled from"@emotion/styled";import{Inline}from"../Inline/Inline";import{PictogramButton}from"../PictogramButton/PictogramButton";import{Button}from"../Button/Button";import{Text}from"../Typography/Text/Text";import{SelectableButton}from"../../shared/components/SelectableButton";import{useIsMobile}from"../../shared/useIsMobile";import{generatePageNumbers}from"./-utils/generatePageNumbers";let StyledPageButton=styled(SelectableButton,{target:"e1qpolej0",label:"StyledPageButton"})(({theme,isActive})=>({width:"32px",height:"32px",padding:0,margin:0,display:"flex",justifyContent:"center",alignItems:"center",border:"1px solid transparent",background:"transparent",...isActive&&{border:`1px solid ${theme.values.color.border.accent.default}`,paddingBottom:0,marginBottom:0,backgroundColor:theme.values.color.background.accentSubtle.default}}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvUGFnaW5hdGlvbi9OdW1iZXJlZFBhZ2luYXRpb24udHN4Iiwic291cmNlcyI6WyJzcmMvY29tcG9uZW50cy9QYWdpbmF0aW9uL051bWJlcmVkUGFnaW5hdGlvbi50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBJbmxpbmUgfSBmcm9tIFwiLi4vSW5saW5lL0lubGluZVwiO1xuaW1wb3J0IHsgUGljdG9ncmFtQnV0dG9uIH0gZnJvbSBcIi4uL1BpY3RvZ3JhbUJ1dHRvbi9QaWN0b2dyYW1CdXR0b25cIjtcbmltcG9ydCB7IEJ1dHRvbiB9IGZyb20gXCIuLi9CdXR0b24vQnV0dG9uXCI7XG5pbXBvcnQgeyBUZXh0IH0gZnJvbSBcIi4uL1R5cG9ncmFwaHkvVGV4dC9UZXh0XCI7XG5pbXBvcnQgeyBTZWxlY3RhYmxlQnV0dG9uIH0gZnJvbSBcIi4uLy4uL3NoYXJlZC9jb21wb25lbnRzL1NlbGVjdGFibGVCdXR0b25cIjtcbmltcG9ydCB7IHVzZUlzTW9iaWxlIH0gZnJvbSBcIi4uLy4uL3NoYXJlZC91c2VJc01vYmlsZVwiO1xuaW1wb3J0IHR5cGUgeyBOdW1iZXJlZFZhcmlhbnRQcm9wcyB9IGZyb20gXCIuLy10eXBlc1wiO1xuaW1wb3J0IHsgZ2VuZXJhdGVQYWdlTnVtYmVycyB9IGZyb20gXCIuLy11dGlscy9nZW5lcmF0ZVBhZ2VOdW1iZXJzXCI7XG5cbi8qKlxuICogU3R5bGVkUGFnZUJ1dHRvbiAtIFNxdWFyZSBidXR0b24gZm9yIHBhZ2luYXRpb24gcGFnZSBudW1iZXJzXG4gKiBFeHRlbmRzIFNlbGVjdGFibGVCdXR0b24gd2l0aCBwYWdpbmF0aW9uLXNwZWNpZmljIHN0eWxpbmdcbiAqL1xuY29uc3QgU3R5bGVkUGFnZUJ1dHRvbiA9IHN0eWxlZChTZWxlY3RhYmxlQnV0dG9uKTx7IGlzQWN0aXZlPzogYm9vbGVhbiB9PihcbiAgKHsgdGhlbWUsIGlzQWN0aXZlIH0pID0+ICh7XG4gICAgLy8gVE9ETzogQWRkIHRva2VuIGZvciBmaXhlZCBidXR0b24gZGltZW5zaW9ucyAoMzJ4MzJweClcbiAgICAvLyBGaXhlZCAzMngzMnB4IHNxdWFyZSBkaW1lbnNpb25zXG4gICAgd2lkdGg6IFwiMzJweFwiLFxuICAgIGhlaWdodDogXCIzMnB4XCIsXG4gICAgcGFkZGluZzogMCxcbiAgICBtYXJnaW46IDAsXG5cbiAgICAvLyBDZW50ZXIgY29udGVudFxuICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICAgIGp1c3RpZnlDb250ZW50OiBcImNlbnRlclwiLFxuICAgIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG5cbiAgICBib3JkZXI6IGAxcHggc29saWQgdHJhbnNwYXJlbnRgLFxuICAgIC8vIEVuc3VyZSBiYWNrZ3JvdW5kIGNhbiBiZSBzZXQgYnkgcGFyZW50IHN0eWxlc1xuICAgIGJhY2tncm91bmQ6IFwidHJhbnNwYXJlbnRcIixcblxuICAgIC4uLihpc0FjdGl2ZSAmJiB7XG4gICAgICAvLyBBY2NlbnQgYm9yZGVyIHdoZW4gc2VsZWN0ZWRcbiAgICAgIGJvcmRlcjogYDFweCBzb2xpZCAke3RoZW1lLnZhbHVlcy5jb2xvci5ib3JkZXIuYWNjZW50LmRlZmF1bHR9YCxcbiAgICAgIC8vIE92ZXJyaWRlIGJhc2UgcGFkZGluZ0JvdHRvbS9tYXJnaW5Cb3R0b20gZnJvbSBTZWxlY3RhYmxlQnV0dG9uXG4gICAgICBwYWRkaW5nQm90dG9tOiAwLFxuICAgICAgbWFyZ2luQm90dG9tOiAwLFxuICAgICAgLy8gUHJlc2VydmUgU2VsZWN0YWJsZUJ1dHRvbidzIGJhY2tncm91bmQgY29sb3IgZm9yIGFjdGl2ZSBzdGF0ZVxuICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC5hY2NlbnRTdWJ0bGUuZGVmYXVsdCxcbiAgICB9KSxcbiAgfSlcbik7XG5cbi8qKlxuICogU3R5bGVkRWxsaXBzaXMgLSBGaXhlZC13aWR0aCBlbGxpcHNpcyB0byBwcmV2ZW50IGxheW91dCBzaGlmdFxuICogU2FtZSB3aWR0aCBhcyBwYWdlIGJ1dHRvbnMgdG8gbWFpbnRhaW4gY29uc2lzdGVudCBwYWdpbmF0aW9uIHdpZHRoXG4gKi9cbmNvbnN0IFN0eWxlZEVsbGlwc2lzID0gc3R5bGVkLnNwYW4oe1xuICAvLyBUT0RPOiBBZGQgdG9rZW4gZm9yIGZpeGVkIGJ1dHRvbiBkaW1lbnNpb25zICgzMngzMnB4KVxuICAvLyBNYXRjaCBwYWdlIGJ1dHRvbiB3aWR0aCB0byBwcmV2ZW50IGxheW91dCBzaGlmdFxuICB3aWR0aDogXCIzMnB4XCIsXG4gIGRpc3BsYXk6IFwiaW5saW5lLWZsZXhcIixcbiAganVzdGlmeUNvbnRlbnQ6IFwiY2VudGVyXCIsXG4gIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG59KTtcblxuLy8gTnVtYmVyZWQgdmFyaWFudDogU2hvd3MgcGFnZSBudW1iZXIgYnV0dG9ucyB3aXRoIGRpcmVjdCBuYXZpZ2F0aW9uXG5leHBvcnQgZnVuY3Rpb24gTnVtYmVyZWRQYWdpbmF0aW9uKHtcbiAgbnVtT2ZJdGVtcyxcbiAgY3VycmVudFBhZ2UsXG4gIGZvcm1hdExhYmVsLFxuICBzaG93TmF2QnV0dG9uTGFiZWxzID0gdHJ1ZSxcbiAgcHJldkJ1dHRvbkxhYmVsID0gXCJQcmV2aW91c1wiLFxuICBuZXh0QnV0dG9uTGFiZWwgPSBcIk5leHRcIixcbiAgb25QYWdlQ2xpY2ssXG4gIFwiZGF0YS1lMmUtdGVzdC1pZFwiOiBkYXRhRTJlVGVzdElkLFxuICBvblByZXZDbGljayxcbiAgb25OZXh0Q2xpY2ssXG4gIHByZXZCdXR0b25BcmlhTGFiZWwgPSBcIkdvIHRvIHByZXYgcGFnZVwiLFxuICBuZXh0QnV0dG9uQXJpYUxhYmVsID0gXCJHbyB0byBuZXh0IHBhZ2VcIixcbiAgZm9ybWF0UGFnZUJ1dHRvbkFyaWFMYWJlbCxcbn06IE51bWJlcmVkVmFyaWFudFByb3BzKTogUmVhY3QuUmVhY3RFbGVtZW50IHtcbiAgY29uc3QgbnVtT2ZQYWdlcyA9IG51bU9mSXRlbXM7XG4gIGNvbnN0IGlzRmlyc3RQYWdlID0gY3VycmVudFBhZ2UgPT09IDE7XG4gIGNvbnN0IGlzTGFzdFBhZ2UgPSBjdXJyZW50UGFnZSA9PT0gbnVtT2ZQYWdlcztcbiAgY29uc3QgaXNNb2JpbGUgPSB1c2VJc01vYmlsZSgpO1xuXG4gIC8vIEhhbmRsZSBjbGljayBldmVudHNcbiAgY29uc3QgaGFuZGxlUHJldkNsaWNrID0gKCkgPT4ge1xuICAgIG9uUHJldkNsaWNrKGN1cnJlbnRQYWdlIC0gMSk7XG4gIH07XG5cbiAgY29uc3QgaGFuZGxlTmV4dENsaWNrID0gKCkgPT4ge1xuICAgIG9uTmV4dENsaWNrKGN1cnJlbnRQYWdlICsgMSk7XG4gIH07XG5cbiAgY29uc3QgaGFuZGxlUGFnZUNsaWNrID0gKHBhZ2U6IG51bWJlcikgPT4ge1xuICAgIGlmIChwYWdlID09PSBjdXJyZW50UGFnZSkgcmV0dXJuO1xuICAgIG9uUGFnZUNsaWNrPy4ocGFnZSk7XG4gIH07XG5cbiAgLy8gR2VuZXJhdGUgcGFnZSBudW1iZXJzXG4gIGNvbnN0IHBhZ2VOdW1iZXJzID0gZ2VuZXJhdGVQYWdlTnVtYmVycyhjdXJyZW50UGFnZSwgbnVtT2ZQYWdlcyk7XG4gIGNvbnN0IG1vYmlsZUxhYmVsID0gZm9ybWF0TGFiZWxcbiAgICA/IGZvcm1hdExhYmVsKClcbiAgICA6IGAke2N1cnJlbnRQYWdlfS8ke251bU9mUGFnZXN9YDtcblxuICAvLyBSZW5kZXIgbmF2aWdhdGlvbiBidXR0b25zXG4gIGNvbnN0IGxlZnRCdXR0b24gPSBzaG93TmF2QnV0dG9uTGFiZWxzID8gKFxuICAgIDxCdXR0b25cbiAgICAgIHNpemU9XCJzXCJcbiAgICAgIHZhcmlhbnQ9XCJ0ZXJ0aWFyeVwiXG4gICAgICBsZWZ0SWNvbj1cImNoZXZyb24tbGVmdFwiXG4gICAgICBkaXNhYmxlZD17aXNGaXJzdFBhZ2V9XG4gICAgICBvbkNsaWNrPXtoYW5kbGVQcmV2Q2xpY2t9XG4gICAgICBhcmlhQXR0cmlidXRlcz17eyBcImFyaWEtbGFiZWxcIjogcHJldkJ1dHRvbkFyaWFMYWJlbCB9fVxuICAgID5cbiAgICAgIHtwcmV2QnV0dG9uTGFiZWx9XG4gICAgPC9CdXR0b24+XG4gICkgOiAoXG4gICAgPFBpY3RvZ3JhbUJ1dHRvblxuICAgICAgc2l6ZT1cInNcIlxuICAgICAgaWNvbj1cImNoZXZyb24tbGVmdFwiXG4gICAgICBkaXNhYmxlZD17aXNGaXJzdFBhZ2V9XG4gICAgICBvbkNsaWNrPXtoYW5kbGVQcmV2Q2xpY2t9XG4gICAgICBhcmlhLWxhYmVsPXtwcmV2QnV0dG9uQXJpYUxhYmVsfVxuICAgIC8+XG4gICk7XG5cbiAgY29uc3QgcmlnaHRCdXR0b24gPSBzaG93TmF2QnV0dG9uTGFiZWxzID8gKFxuICAgIDxCdXR0b25cbiAgICAgIHNpemU9XCJzXCJcbiAgICAgIHZhcmlhbnQ9XCJ0ZXJ0aWFyeVwiXG4gICAgICByaWdodEljb249XCJjaGV2cm9uLXJpZ2h0XCJcbiAgICAgIGRpc2FibGVkPXtpc0xhc3RQYWdlfVxuICAgICAgb25DbGljaz17aGFuZGxlTmV4dENsaWNrfVxuICAgICAgYXJpYUF0dHJpYnV0ZXM9e3sgXCJhcmlhLWxhYmVsXCI6IG5leHRCdXR0b25BcmlhTGFiZWwgfX1cbiAgICA+XG4gICAgICB7bmV4dEJ1dHRvbkxhYmVsfVxuICAgIDwvQnV0dG9uPlxuICApIDogKFxuICAgIDxQaWN0b2dyYW1CdXR0b25cbiAgICAgIHNpemU9XCJzXCJcbiAgICAgIGljb249XCJjaGV2cm9uLXJpZ2h0XCJcbiAgICAgIGRpc2FibGVkPXtpc0xhc3RQYWdlfVxuICAgICAgb25DbGljaz17aGFuZGxlTmV4dENsaWNrfVxuICAgICAgYXJpYS1sYWJlbD17bmV4dEJ1dHRvbkFyaWFMYWJlbH1cbiAgICAvPlxuICApO1xuXG4gIHJldHVybiAoXG4gICAgPElubGluZVxuICAgICAgdkFsaWduSXRlbXM9XCJjZW50ZXJcIlxuICAgICAgZGF0YS1lMmUtdGVzdC1pZD17ZGF0YUUyZVRlc3RJZH1cbiAgICAgIGRhdGEtZHMtaWQ9XCJQYWdpbmF0aW9uXCJcbiAgICAgIHNwYWNlPXtbXCJ4c1wiLCBcInplcm9cIiwgXCJ6ZXJvXCJdfVxuICAgID5cbiAgICAgIHtsZWZ0QnV0dG9ufVxuICAgICAgey8qIE1vYmlsZTogc2hvdyBcIlgvWVwiIGZvcm1hdCB3aXRoIHNwYWNpbmcgKi99XG4gICAgICB7aXNNb2JpbGUgJiYgKFxuICAgICAgICA8VGV4dCBzaXplPVwic1wiIGNvbG9yPVwic2Vjb25kYXJ5XCI+XG4gICAgICAgICAge21vYmlsZUxhYmVsfVxuICAgICAgICA8L1RleHQ+XG4gICAgICApfVxuICAgICAgey8qIERlc2t0b3A6IHNob3cgcGFnZSBudW1iZXJzIHdpdGggc3BhY2luZyBiZXR3ZWVuIHRoZW0gb25seSAqL31cbiAgICAgIHshaXNNb2JpbGUgJiYgKFxuICAgICAgICA8SW5saW5lIHZBbGlnbkl0ZW1zPVwiY2VudGVyXCIgc3BhY2U9XCJ6ZXJvXCI+XG4gICAgICAgICAge3BhZ2VOdW1iZXJzLm1hcCgocGFnZSwgaW5kZXgpID0+IHtcbiAgICAgICAgICAgIGlmIChwYWdlID09PSBcImVsbGlwc2lzXCIpIHtcbiAgICAgICAgICAgICAgLy8gVXNlIGFkamFjZW50IHBhZ2UgbnVtYmVycyBmb3IgdW5pcXVlIGtleSBpbnN0ZWFkIG9mIGluZGV4XG4gICAgICAgICAgICAgIGNvbnN0IHByZXZQYWdlID0gaW5kZXggPiAwID8gcGFnZU51bWJlcnNbaW5kZXggLSAxXSA6IFwic3RhcnRcIjtcbiAgICAgICAgICAgICAgY29uc3QgbmV4dFBhZ2UgPVxuICAgICAgICAgICAgICAgIGluZGV4IDwgcGFnZU51bWJlcnMubGVuZ3RoIC0gMSA/IHBhZ2VOdW1iZXJzW2luZGV4ICsgMV0gOiBcImVuZFwiO1xuICAgICAgICAgICAgICByZXR1cm4gKFxuICAgICAgICAgICAgICAgIDxTdHlsZWRFbGxpcHNpc1xuICAgICAgICAgICAgICAgICAga2V5PXtgZWxsaXBzaXMtJHtwcmV2UGFnZX0tJHtuZXh0UGFnZX1gfVxuICAgICAgICAgICAgICAgICAgYXJpYS1oaWRkZW49XCJ0cnVlXCJcbiAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICA8VGV4dCBzaXplPVwic1wiPuKApjwvVGV4dD5cbiAgICAgICAgICAgICAgICA8L1N0eWxlZEVsbGlwc2lzPlxuICAgICAgICAgICAgICApO1xuICAgICAgICAgICAgfVxuXG4gICAgICAgICAgICBjb25zdCBpc0FjdGl2ZSA9IHBhZ2UgPT09IGN1cnJlbnRQYWdlO1xuICAgICAgICAgICAgY29uc3QgYXJpYUxhYmVsID0gZm9ybWF0UGFnZUJ1dHRvbkFyaWFMYWJlbFxuICAgICAgICAgICAgICA/IGZvcm1hdFBhZ2VCdXR0b25BcmlhTGFiZWwocGFnZSlcbiAgICAgICAgICAgICAgOiBgUGFnZSAke3BhZ2V9YDtcbiAgICAgICAgICAgIHJldHVybiAoXG4gICAgICAgICAgICAgIDxTdHlsZWRQYWdlQnV0dG9uXG4gICAgICAgICAgICAgICAga2V5PXtwYWdlfVxuICAgICAgICAgICAgICAgIGlzQWN0aXZlPXtpc0FjdGl2ZX1cbiAgICAgICAgICAgICAgICBvbkNsaWNrPXsoKSA9PiBoYW5kbGVQYWdlQ2xpY2socGFnZSl9XG4gICAgICAgICAgICAgICAgYXJpYS1sYWJlbD17YXJpYUxhYmVsfVxuICAgICAgICAgICAgICAgIGFyaWEtY3VycmVudD17aXNBY3RpdmUgPyBcInBhZ2VcIiA6IHVuZGVmaW5lZH1cbiAgICAgICAgICAgICAgICBhcmlhLWRpc2FibGVkPXtpc0FjdGl2ZX1cbiAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgIHtwYWdlfVxuICAgICAgICAgICAgICA8L1N0eWxlZFBhZ2VCdXR0b24+XG4gICAgICAgICAgICApO1xuICAgICAgICAgIH0pfVxuICAgICAgICA8L0lubGluZT5cbiAgICAgICl9XG4gICAgICB7cmlnaHRCdXR0b259XG4gICAgPC9JbmxpbmU+XG4gICk7XG59XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZXlCIn0= */"),StyledEllipsis=styled("span",{target:"e1qpolej1",label:"StyledEllipsis"})({width:"32px",display:"inline-flex",justifyContent:"center",alignItems:"center"},"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvUGFnaW5hdGlvbi9OdW1iZXJlZFBhZ2luYXRpb24udHN4Iiwic291cmNlcyI6WyJzcmMvY29tcG9uZW50cy9QYWdpbmF0aW9uL051bWJlcmVkUGFnaW5hdGlvbi50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBJbmxpbmUgfSBmcm9tIFwiLi4vSW5saW5lL0lubGluZVwiO1xuaW1wb3J0IHsgUGljdG9ncmFtQnV0dG9uIH0gZnJvbSBcIi4uL1BpY3RvZ3JhbUJ1dHRvbi9QaWN0b2dyYW1CdXR0b25cIjtcbmltcG9ydCB7IEJ1dHRvbiB9IGZyb20gXCIuLi9CdXR0b24vQnV0dG9uXCI7XG5pbXBvcnQgeyBUZXh0IH0gZnJvbSBcIi4uL1R5cG9ncmFwaHkvVGV4dC9UZXh0XCI7XG5pbXBvcnQgeyBTZWxlY3RhYmxlQnV0dG9uIH0gZnJvbSBcIi4uLy4uL3NoYXJlZC9jb21wb25lbnRzL1NlbGVjdGFibGVCdXR0b25cIjtcbmltcG9ydCB7IHVzZUlzTW9iaWxlIH0gZnJvbSBcIi4uLy4uL3NoYXJlZC91c2VJc01vYmlsZVwiO1xuaW1wb3J0IHR5cGUgeyBOdW1iZXJlZFZhcmlhbnRQcm9wcyB9IGZyb20gXCIuLy10eXBlc1wiO1xuaW1wb3J0IHsgZ2VuZXJhdGVQYWdlTnVtYmVycyB9IGZyb20gXCIuLy11dGlscy9nZW5lcmF0ZVBhZ2VOdW1iZXJzXCI7XG5cbi8qKlxuICogU3R5bGVkUGFnZUJ1dHRvbiAtIFNxdWFyZSBidXR0b24gZm9yIHBhZ2luYXRpb24gcGFnZSBudW1iZXJzXG4gKiBFeHRlbmRzIFNlbGVjdGFibGVCdXR0b24gd2l0aCBwYWdpbmF0aW9uLXNwZWNpZmljIHN0eWxpbmdcbiAqL1xuY29uc3QgU3R5bGVkUGFnZUJ1dHRvbiA9IHN0eWxlZChTZWxlY3RhYmxlQnV0dG9uKTx7IGlzQWN0aXZlPzogYm9vbGVhbiB9PihcbiAgKHsgdGhlbWUsIGlzQWN0aXZlIH0pID0+ICh7XG4gICAgLy8gVE9ETzogQWRkIHRva2VuIGZvciBmaXhlZCBidXR0b24gZGltZW5zaW9ucyAoMzJ4MzJweClcbiAgICAvLyBGaXhlZCAzMngzMnB4IHNxdWFyZSBkaW1lbnNpb25zXG4gICAgd2lkdGg6IFwiMzJweFwiLFxuICAgIGhlaWdodDogXCIzMnB4XCIsXG4gICAgcGFkZGluZzogMCxcbiAgICBtYXJnaW46IDAsXG5cbiAgICAvLyBDZW50ZXIgY29udGVudFxuICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICAgIGp1c3RpZnlDb250ZW50OiBcImNlbnRlclwiLFxuICAgIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG5cbiAgICBib3JkZXI6IGAxcHggc29saWQgdHJhbnNwYXJlbnRgLFxuICAgIC8vIEVuc3VyZSBiYWNrZ3JvdW5kIGNhbiBiZSBzZXQgYnkgcGFyZW50IHN0eWxlc1xuICAgIGJhY2tncm91bmQ6IFwidHJhbnNwYXJlbnRcIixcblxuICAgIC4uLihpc0FjdGl2ZSAmJiB7XG4gICAgICAvLyBBY2NlbnQgYm9yZGVyIHdoZW4gc2VsZWN0ZWRcbiAgICAgIGJvcmRlcjogYDFweCBzb2xpZCAke3RoZW1lLnZhbHVlcy5jb2xvci5ib3JkZXIuYWNjZW50LmRlZmF1bHR9YCxcbiAgICAgIC8vIE92ZXJyaWRlIGJhc2UgcGFkZGluZ0JvdHRvbS9tYXJnaW5Cb3R0b20gZnJvbSBTZWxlY3RhYmxlQnV0dG9uXG4gICAgICBwYWRkaW5nQm90dG9tOiAwLFxuICAgICAgbWFyZ2luQm90dG9tOiAwLFxuICAgICAgLy8gUHJlc2VydmUgU2VsZWN0YWJsZUJ1dHRvbidzIGJhY2tncm91bmQgY29sb3IgZm9yIGFjdGl2ZSBzdGF0ZVxuICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC5hY2NlbnRTdWJ0bGUuZGVmYXVsdCxcbiAgICB9KSxcbiAgfSlcbik7XG5cbi8qKlxuICogU3R5bGVkRWxsaXBzaXMgLSBGaXhlZC13aWR0aCBlbGxpcHNpcyB0byBwcmV2ZW50IGxheW91dCBzaGlmdFxuICogU2FtZSB3aWR0aCBhcyBwYWdlIGJ1dHRvbnMgdG8gbWFpbnRhaW4gY29uc2lzdGVudCBwYWdpbmF0aW9uIHdpZHRoXG4gKi9cbmNvbnN0IFN0eWxlZEVsbGlwc2lzID0gc3R5bGVkLnNwYW4oe1xuICAvLyBUT0RPOiBBZGQgdG9rZW4gZm9yIGZpeGVkIGJ1dHRvbiBkaW1lbnNpb25zICgzMngzMnB4KVxuICAvLyBNYXRjaCBwYWdlIGJ1dHRvbiB3aWR0aCB0byBwcmV2ZW50IGxheW91dCBzaGlmdFxuICB3aWR0aDogXCIzMnB4XCIsXG4gIGRpc3BsYXk6IFwiaW5saW5lLWZsZXhcIixcbiAganVzdGlmeUNvbnRlbnQ6IFwiY2VudGVyXCIsXG4gIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG59KTtcblxuLy8gTnVtYmVyZWQgdmFyaWFudDogU2hvd3MgcGFnZSBudW1iZXIgYnV0dG9ucyB3aXRoIGRpcmVjdCBuYXZpZ2F0aW9uXG5leHBvcnQgZnVuY3Rpb24gTnVtYmVyZWRQYWdpbmF0aW9uKHtcbiAgbnVtT2ZJdGVtcyxcbiAgY3VycmVudFBhZ2UsXG4gIGZvcm1hdExhYmVsLFxuICBzaG93TmF2QnV0dG9uTGFiZWxzID0gdHJ1ZSxcbiAgcHJldkJ1dHRvbkxhYmVsID0gXCJQcmV2aW91c1wiLFxuICBuZXh0QnV0dG9uTGFiZWwgPSBcIk5leHRcIixcbiAgb25QYWdlQ2xpY2ssXG4gIFwiZGF0YS1lMmUtdGVzdC1pZFwiOiBkYXRhRTJlVGVzdElkLFxuICBvblByZXZDbGljayxcbiAgb25OZXh0Q2xpY2ssXG4gIHByZXZCdXR0b25BcmlhTGFiZWwgPSBcIkdvIHRvIHByZXYgcGFnZVwiLFxuICBuZXh0QnV0dG9uQXJpYUxhYmVsID0gXCJHbyB0byBuZXh0IHBhZ2VcIixcbiAgZm9ybWF0UGFnZUJ1dHRvbkFyaWFMYWJlbCxcbn06IE51bWJlcmVkVmFyaWFudFByb3BzKTogUmVhY3QuUmVhY3RFbGVtZW50IHtcbiAgY29uc3QgbnVtT2ZQYWdlcyA9IG51bU9mSXRlbXM7XG4gIGNvbnN0IGlzRmlyc3RQYWdlID0gY3VycmVudFBhZ2UgPT09IDE7XG4gIGNvbnN0IGlzTGFzdFBhZ2UgPSBjdXJyZW50UGFnZSA9PT0gbnVtT2ZQYWdlcztcbiAgY29uc3QgaXNNb2JpbGUgPSB1c2VJc01vYmlsZSgpO1xuXG4gIC8vIEhhbmRsZSBjbGljayBldmVudHNcbiAgY29uc3QgaGFuZGxlUHJldkNsaWNrID0gKCkgPT4ge1xuICAgIG9uUHJldkNsaWNrKGN1cnJlbnRQYWdlIC0gMSk7XG4gIH07XG5cbiAgY29uc3QgaGFuZGxlTmV4dENsaWNrID0gKCkgPT4ge1xuICAgIG9uTmV4dENsaWNrKGN1cnJlbnRQYWdlICsgMSk7XG4gIH07XG5cbiAgY29uc3QgaGFuZGxlUGFnZUNsaWNrID0gKHBhZ2U6IG51bWJlcikgPT4ge1xuICAgIGlmIChwYWdlID09PSBjdXJyZW50UGFnZSkgcmV0dXJuO1xuICAgIG9uUGFnZUNsaWNrPy4ocGFnZSk7XG4gIH07XG5cbiAgLy8gR2VuZXJhdGUgcGFnZSBudW1iZXJzXG4gIGNvbnN0IHBhZ2VOdW1iZXJzID0gZ2VuZXJhdGVQYWdlTnVtYmVycyhjdXJyZW50UGFnZSwgbnVtT2ZQYWdlcyk7XG4gIGNvbnN0IG1vYmlsZUxhYmVsID0gZm9ybWF0TGFiZWxcbiAgICA/IGZvcm1hdExhYmVsKClcbiAgICA6IGAke2N1cnJlbnRQYWdlfS8ke251bU9mUGFnZXN9YDtcblxuICAvLyBSZW5kZXIgbmF2aWdhdGlvbiBidXR0b25zXG4gIGNvbnN0IGxlZnRCdXR0b24gPSBzaG93TmF2QnV0dG9uTGFiZWxzID8gKFxuICAgIDxCdXR0b25cbiAgICAgIHNpemU9XCJzXCJcbiAgICAgIHZhcmlhbnQ9XCJ0ZXJ0aWFyeVwiXG4gICAgICBsZWZ0SWNvbj1cImNoZXZyb24tbGVmdFwiXG4gICAgICBkaXNhYmxlZD17aXNGaXJzdFBhZ2V9XG4gICAgICBvbkNsaWNrPXtoYW5kbGVQcmV2Q2xpY2t9XG4gICAgICBhcmlhQXR0cmlidXRlcz17eyBcImFyaWEtbGFiZWxcIjogcHJldkJ1dHRvbkFyaWFMYWJlbCB9fVxuICAgID5cbiAgICAgIHtwcmV2QnV0dG9uTGFiZWx9XG4gICAgPC9CdXR0b24+XG4gICkgOiAoXG4gICAgPFBpY3RvZ3JhbUJ1dHRvblxuICAgICAgc2l6ZT1cInNcIlxuICAgICAgaWNvbj1cImNoZXZyb24tbGVmdFwiXG4gICAgICBkaXNhYmxlZD17aXNGaXJzdFBhZ2V9XG4gICAgICBvbkNsaWNrPXtoYW5kbGVQcmV2Q2xpY2t9XG4gICAgICBhcmlhLWxhYmVsPXtwcmV2QnV0dG9uQXJpYUxhYmVsfVxuICAgIC8+XG4gICk7XG5cbiAgY29uc3QgcmlnaHRCdXR0b24gPSBzaG93TmF2QnV0dG9uTGFiZWxzID8gKFxuICAgIDxCdXR0b25cbiAgICAgIHNpemU9XCJzXCJcbiAgICAgIHZhcmlhbnQ9XCJ0ZXJ0aWFyeVwiXG4gICAgICByaWdodEljb249XCJjaGV2cm9uLXJpZ2h0XCJcbiAgICAgIGRpc2FibGVkPXtpc0xhc3RQYWdlfVxuICAgICAgb25DbGljaz17aGFuZGxlTmV4dENsaWNrfVxuICAgICAgYXJpYUF0dHJpYnV0ZXM9e3sgXCJhcmlhLWxhYmVsXCI6IG5leHRCdXR0b25BcmlhTGFiZWwgfX1cbiAgICA+XG4gICAgICB7bmV4dEJ1dHRvbkxhYmVsfVxuICAgIDwvQnV0dG9uPlxuICApIDogKFxuICAgIDxQaWN0b2dyYW1CdXR0b25cbiAgICAgIHNpemU9XCJzXCJcbiAgICAgIGljb249XCJjaGV2cm9uLXJpZ2h0XCJcbiAgICAgIGRpc2FibGVkPXtpc0xhc3RQYWdlfVxuICAgICAgb25DbGljaz17aGFuZGxlTmV4dENsaWNrfVxuICAgICAgYXJpYS1sYWJlbD17bmV4dEJ1dHRvbkFyaWFMYWJlbH1cbiAgICAvPlxuICApO1xuXG4gIHJldHVybiAoXG4gICAgPElubGluZVxuICAgICAgdkFsaWduSXRlbXM9XCJjZW50ZXJcIlxuICAgICAgZGF0YS1lMmUtdGVzdC1pZD17ZGF0YUUyZVRlc3RJZH1cbiAgICAgIGRhdGEtZHMtaWQ9XCJQYWdpbmF0aW9uXCJcbiAgICAgIHNwYWNlPXtbXCJ4c1wiLCBcInplcm9cIiwgXCJ6ZXJvXCJdfVxuICAgID5cbiAgICAgIHtsZWZ0QnV0dG9ufVxuICAgICAgey8qIE1vYmlsZTogc2hvdyBcIlgvWVwiIGZvcm1hdCB3aXRoIHNwYWNpbmcgKi99XG4gICAgICB7aXNNb2JpbGUgJiYgKFxuICAgICAgICA8VGV4dCBzaXplPVwic1wiIGNvbG9yPVwic2Vjb25kYXJ5XCI+XG4gICAgICAgICAge21vYmlsZUxhYmVsfVxuICAgICAgICA8L1RleHQ+XG4gICAgICApfVxuICAgICAgey8qIERlc2t0b3A6IHNob3cgcGFnZSBudW1iZXJzIHdpdGggc3BhY2luZyBiZXR3ZWVuIHRoZW0gb25seSAqL31cbiAgICAgIHshaXNNb2JpbGUgJiYgKFxuICAgICAgICA8SW5saW5lIHZBbGlnbkl0ZW1zPVwiY2VudGVyXCIgc3BhY2U9XCJ6ZXJvXCI+XG4gICAgICAgICAge3BhZ2VOdW1iZXJzLm1hcCgocGFnZSwgaW5kZXgpID0+IHtcbiAgICAgICAgICAgIGlmIChwYWdlID09PSBcImVsbGlwc2lzXCIpIHtcbiAgICAgICAgICAgICAgLy8gVXNlIGFkamFjZW50IHBhZ2UgbnVtYmVycyBmb3IgdW5pcXVlIGtleSBpbnN0ZWFkIG9mIGluZGV4XG4gICAgICAgICAgICAgIGNvbnN0IHByZXZQYWdlID0gaW5kZXggPiAwID8gcGFnZU51bWJlcnNbaW5kZXggLSAxXSA6IFwic3RhcnRcIjtcbiAgICAgICAgICAgICAgY29uc3QgbmV4dFBhZ2UgPVxuICAgICAgICAgICAgICAgIGluZGV4IDwgcGFnZU51bWJlcnMubGVuZ3RoIC0gMSA/IHBhZ2VOdW1iZXJzW2luZGV4ICsgMV0gOiBcImVuZFwiO1xuICAgICAgICAgICAgICByZXR1cm4gKFxuICAgICAgICAgICAgICAgIDxTdHlsZWRFbGxpcHNpc1xuICAgICAgICAgICAgICAgICAga2V5PXtgZWxsaXBzaXMtJHtwcmV2UGFnZX0tJHtuZXh0UGFnZX1gfVxuICAgICAgICAgICAgICAgICAgYXJpYS1oaWRkZW49XCJ0cnVlXCJcbiAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICA8VGV4dCBzaXplPVwic1wiPuKApjwvVGV4dD5cbiAgICAgICAgICAgICAgICA8L1N0eWxlZEVsbGlwc2lzPlxuICAgICAgICAgICAgICApO1xuICAgICAgICAgICAgfVxuXG4gICAgICAgICAgICBjb25zdCBpc0FjdGl2ZSA9IHBhZ2UgPT09IGN1cnJlbnRQYWdlO1xuICAgICAgICAgICAgY29uc3QgYXJpYUxhYmVsID0gZm9ybWF0UGFnZUJ1dHRvbkFyaWFMYWJlbFxuICAgICAgICAgICAgICA/IGZvcm1hdFBhZ2VCdXR0b25BcmlhTGFiZWwocGFnZSlcbiAgICAgICAgICAgICAgOiBgUGFnZSAke3BhZ2V9YDtcbiAgICAgICAgICAgIHJldHVybiAoXG4gICAgICAgICAgICAgIDxTdHlsZWRQYWdlQnV0dG9uXG4gICAgICAgICAgICAgICAga2V5PXtwYWdlfVxuICAgICAgICAgICAgICAgIGlzQWN0aXZlPXtpc0FjdGl2ZX1cbiAgICAgICAgICAgICAgICBvbkNsaWNrPXsoKSA9PiBoYW5kbGVQYWdlQ2xpY2socGFnZSl9XG4gICAgICAgICAgICAgICAgYXJpYS1sYWJlbD17YXJpYUxhYmVsfVxuICAgICAgICAgICAgICAgIGFyaWEtY3VycmVudD17aXNBY3RpdmUgPyBcInBhZ2VcIiA6IHVuZGVmaW5lZH1cbiAgICAgICAgICAgICAgICBhcmlhLWRpc2FibGVkPXtpc0FjdGl2ZX1cbiAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgIHtwYWdlfVxuICAgICAgICAgICAgICA8L1N0eWxlZFBhZ2VCdXR0b24+XG4gICAgICAgICAgICApO1xuICAgICAgICAgIH0pfVxuICAgICAgICA8L0lubGluZT5cbiAgICAgICl9XG4gICAgICB7cmlnaHRCdXR0b259XG4gICAgPC9JbmxpbmU+XG4gICk7XG59XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBaUR1QiJ9 */");export function NumberedPagination({numOfItems,currentPage,formatLabel,showNavButtonLabels=!0,prevButtonLabel="Previous",nextButtonLabel="Next",onPageClick,"data-e2e-test-id":dataE2eTestId,onPrevClick,onNextClick,prevButtonAriaLabel="Go to prev page",nextButtonAriaLabel="Go to next page",formatPageButtonAriaLabel}){let isFirstPage=1===currentPage,isLastPage=currentPage===numOfItems,isMobile=useIsMobile(),handlePrevClick=()=>{onPrevClick(currentPage-1)},handleNextClick=()=>{onNextClick(currentPage+1)},handlePageClick=page=>{page!==currentPage&&onPageClick?.(page)},pageNumbers=generatePageNumbers(currentPage,numOfItems),mobileLabel=formatLabel?formatLabel():`${currentPage}/${numOfItems}`,leftButton=showNavButtonLabels?React.createElement(Button,{size:"s",variant:"tertiary",leftIcon:"chevron-left",disabled:isFirstPage,onClick:handlePrevClick,ariaAttributes:{"aria-label":prevButtonAriaLabel}},prevButtonLabel):React.createElement(PictogramButton,{size:"s",icon:"chevron-left",disabled:isFirstPage,onClick:handlePrevClick,"aria-label":prevButtonAriaLabel}),rightButton=showNavButtonLabels?React.createElement(Button,{size:"s",variant:"tertiary",rightIcon:"chevron-right",disabled:isLastPage,onClick:handleNextClick,ariaAttributes:{"aria-label":nextButtonAriaLabel}},nextButtonLabel):React.createElement(PictogramButton,{size:"s",icon:"chevron-right",disabled:isLastPage,onClick:handleNextClick,"aria-label":nextButtonAriaLabel});return React.createElement(Inline,{vAlignItems:"center","data-e2e-test-id":dataE2eTestId,"data-ds-id":"Pagination",space:["xs","zero","zero"]},leftButton,isMobile&&React.createElement(Text,{size:"s",color:"secondary"},mobileLabel),!isMobile&&React.createElement(Inline,{vAlignItems:"center",space:"zero"},pageNumbers.map((page,index)=>{if("ellipsis"===page){let prevPage=index>0?pageNumbers[index-1]:"start",nextPage=index<pageNumbers.length-1?pageNumbers[index+1]:"end";return React.createElement(StyledEllipsis,{key:`ellipsis-${prevPage}-${nextPage}`,"aria-hidden":"true"},React.createElement(Text,{size:"s"},"…"))}let isActive=page===currentPage,ariaLabel=formatPageButtonAriaLabel?formatPageButtonAriaLabel(page):`Page ${page}`;return React.createElement(StyledPageButton,{key:page,isActive:isActive,onClick:()=>handlePageClick(page),"aria-label":ariaLabel,"aria-current":isActive?"page":void 0,"aria-disabled":isActive},page)})),rightButton)}
|
|
1
|
+
import React from"react";import styled from"@emotion/styled";import{Inline}from"../Inline/Inline";import{PictogramButton}from"../PictogramButton/PictogramButton";import{Button}from"../Button/Button";import{Text}from"../Typography/Text/Text";import{SelectableButton}from"../../shared/components/SelectableButton";import{useIsMobile}from"../../shared/useIsMobile";import{generatePageNumbers}from"./-utils/generatePageNumbers";let StyledPageButton=styled(SelectableButton,{target:"e14ovy8w0",label:"StyledPageButton"})(({theme,isActive})=>({width:"32px",height:"32px",padding:0,margin:0,display:"flex",justifyContent:"center",alignItems:"center",border:"1px solid transparent",background:"transparent",...isActive&&{border:`1px solid ${theme.values.color.border.accent.default}`,paddingBottom:0,marginBottom:0,backgroundColor:theme.values.color.background.accentSubtle.default}}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvUGFnaW5hdGlvbi9OdW1iZXJlZFBhZ2luYXRpb24udHN4Iiwic291cmNlcyI6WyJzcmMvY29tcG9uZW50cy9QYWdpbmF0aW9uL051bWJlcmVkUGFnaW5hdGlvbi50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBJbmxpbmUgfSBmcm9tIFwiLi4vSW5saW5lL0lubGluZVwiO1xuaW1wb3J0IHsgUGljdG9ncmFtQnV0dG9uIH0gZnJvbSBcIi4uL1BpY3RvZ3JhbUJ1dHRvbi9QaWN0b2dyYW1CdXR0b25cIjtcbmltcG9ydCB7IEJ1dHRvbiB9IGZyb20gXCIuLi9CdXR0b24vQnV0dG9uXCI7XG5pbXBvcnQgeyBUZXh0IH0gZnJvbSBcIi4uL1R5cG9ncmFwaHkvVGV4dC9UZXh0XCI7XG5pbXBvcnQgeyBTZWxlY3RhYmxlQnV0dG9uIH0gZnJvbSBcIi4uLy4uL3NoYXJlZC9jb21wb25lbnRzL1NlbGVjdGFibGVCdXR0b25cIjtcbmltcG9ydCB7IHVzZUlzTW9iaWxlIH0gZnJvbSBcIi4uLy4uL3NoYXJlZC91c2VJc01vYmlsZVwiO1xuaW1wb3J0IHR5cGUgeyBOdW1iZXJlZFZhcmlhbnRQcm9wcyB9IGZyb20gXCIuLy10eXBlc1wiO1xuaW1wb3J0IHsgZ2VuZXJhdGVQYWdlTnVtYmVycyB9IGZyb20gXCIuLy11dGlscy9nZW5lcmF0ZVBhZ2VOdW1iZXJzXCI7XG5cbi8qKlxuICogU3R5bGVkUGFnZUJ1dHRvbiAtIFNxdWFyZSBidXR0b24gZm9yIHBhZ2luYXRpb24gcGFnZSBudW1iZXJzXG4gKiBFeHRlbmRzIFNlbGVjdGFibGVCdXR0b24gd2l0aCBwYWdpbmF0aW9uLXNwZWNpZmljIHN0eWxpbmdcbiAqL1xuY29uc3QgU3R5bGVkUGFnZUJ1dHRvbiA9IHN0eWxlZChTZWxlY3RhYmxlQnV0dG9uKTx7IGlzQWN0aXZlPzogYm9vbGVhbiB9PihcbiAgKHsgdGhlbWUsIGlzQWN0aXZlIH0pID0+ICh7XG4gICAgLy8gVE9ETzogQWRkIHRva2VuIGZvciBmaXhlZCBidXR0b24gZGltZW5zaW9ucyAoMzJ4MzJweClcbiAgICAvLyBGaXhlZCAzMngzMnB4IHNxdWFyZSBkaW1lbnNpb25zXG4gICAgd2lkdGg6IFwiMzJweFwiLFxuICAgIGhlaWdodDogXCIzMnB4XCIsXG4gICAgcGFkZGluZzogMCxcbiAgICBtYXJnaW46IDAsXG5cbiAgICAvLyBDZW50ZXIgY29udGVudFxuICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICAgIGp1c3RpZnlDb250ZW50OiBcImNlbnRlclwiLFxuICAgIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG5cbiAgICBib3JkZXI6IGAxcHggc29saWQgdHJhbnNwYXJlbnRgLFxuICAgIC8vIEVuc3VyZSBiYWNrZ3JvdW5kIGNhbiBiZSBzZXQgYnkgcGFyZW50IHN0eWxlc1xuICAgIGJhY2tncm91bmQ6IFwidHJhbnNwYXJlbnRcIixcblxuICAgIC4uLihpc0FjdGl2ZSAmJiB7XG4gICAgICAvLyBBY2NlbnQgYm9yZGVyIHdoZW4gc2VsZWN0ZWRcbiAgICAgIGJvcmRlcjogYDFweCBzb2xpZCAke3RoZW1lLnZhbHVlcy5jb2xvci5ib3JkZXIuYWNjZW50LmRlZmF1bHR9YCxcbiAgICAgIC8vIE92ZXJyaWRlIGJhc2UgcGFkZGluZ0JvdHRvbS9tYXJnaW5Cb3R0b20gZnJvbSBTZWxlY3RhYmxlQnV0dG9uXG4gICAgICBwYWRkaW5nQm90dG9tOiAwLFxuICAgICAgbWFyZ2luQm90dG9tOiAwLFxuICAgICAgLy8gUHJlc2VydmUgU2VsZWN0YWJsZUJ1dHRvbidzIGJhY2tncm91bmQgY29sb3IgZm9yIGFjdGl2ZSBzdGF0ZVxuICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC5hY2NlbnRTdWJ0bGUuZGVmYXVsdCxcbiAgICB9KSxcbiAgfSlcbik7XG5cbi8qKlxuICogU3R5bGVkRWxsaXBzaXMgLSBGaXhlZC13aWR0aCBlbGxpcHNpcyB0byBwcmV2ZW50IGxheW91dCBzaGlmdFxuICogU2FtZSB3aWR0aCBhcyBwYWdlIGJ1dHRvbnMgdG8gbWFpbnRhaW4gY29uc2lzdGVudCBwYWdpbmF0aW9uIHdpZHRoXG4gKi9cbmNvbnN0IFN0eWxlZEVsbGlwc2lzID0gc3R5bGVkLnNwYW4oe1xuICAvLyBUT0RPOiBBZGQgdG9rZW4gZm9yIGZpeGVkIGJ1dHRvbiBkaW1lbnNpb25zICgzMngzMnB4KVxuICAvLyBNYXRjaCBwYWdlIGJ1dHRvbiB3aWR0aCB0byBwcmV2ZW50IGxheW91dCBzaGlmdFxuICB3aWR0aDogXCIzMnB4XCIsXG4gIGRpc3BsYXk6IFwiaW5saW5lLWZsZXhcIixcbiAganVzdGlmeUNvbnRlbnQ6IFwiY2VudGVyXCIsXG4gIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG59KTtcblxuLy8gTnVtYmVyZWQgdmFyaWFudDogU2hvd3MgcGFnZSBudW1iZXIgYnV0dG9ucyB3aXRoIGRpcmVjdCBuYXZpZ2F0aW9uXG5leHBvcnQgZnVuY3Rpb24gTnVtYmVyZWRQYWdpbmF0aW9uKHtcbiAgbnVtT2ZJdGVtcyxcbiAgbnVtT2ZJdGVtc1BlclBhZ2UgPSAxLFxuICBjdXJyZW50UGFnZSxcbiAgZm9ybWF0TGFiZWwsXG4gIHNob3dOYXZCdXR0b25MYWJlbHMgPSB0cnVlLFxuICBwcmV2QnV0dG9uTGFiZWwgPSBcIlByZXZpb3VzXCIsXG4gIG5leHRCdXR0b25MYWJlbCA9IFwiTmV4dFwiLFxuICBvblBhZ2VDbGljayxcbiAgXCJkYXRhLWUyZS10ZXN0LWlkXCI6IGRhdGFFMmVUZXN0SWQsXG4gIG9uUHJldkNsaWNrLFxuICBvbk5leHRDbGljayxcbiAgcHJldkJ1dHRvbkFyaWFMYWJlbCA9IFwiR28gdG8gcHJldiBwYWdlXCIsXG4gIG5leHRCdXR0b25BcmlhTGFiZWwgPSBcIkdvIHRvIG5leHQgcGFnZVwiLFxuICBmb3JtYXRQYWdlQnV0dG9uQXJpYUxhYmVsLFxufTogTnVtYmVyZWRWYXJpYW50UHJvcHMpOiBSZWFjdC5SZWFjdEVsZW1lbnQge1xuICAvLyBDYWxjdWxhdGUgdG90YWwgcGFnZXMgZnJvbSBudW1PZkl0ZW1zIGFuZCBudW1PZkl0ZW1zUGVyUGFnZVxuICAvLyBJZiBudW1PZkl0ZW1zUGVyUGFnZT0xIChkZWZhdWx0KSwgbnVtT2ZQYWdlcyA9IG51bU9mSXRlbXMgKGJhY2t3YXJkcyBjb21wYXRpYmxlKVxuICBjb25zdCBudW1PZlBhZ2VzID0gTWF0aC5jZWlsKG51bU9mSXRlbXMgLyBudW1PZkl0ZW1zUGVyUGFnZSk7XG4gIGNvbnN0IGlzRmlyc3RQYWdlID0gY3VycmVudFBhZ2UgPT09IDE7XG4gIGNvbnN0IGlzTGFzdFBhZ2UgPSBjdXJyZW50UGFnZSA9PT0gbnVtT2ZQYWdlcztcbiAgY29uc3QgaXNNb2JpbGUgPSB1c2VJc01vYmlsZSgpO1xuXG4gIC8vIEhhbmRsZSBjbGljayBldmVudHNcbiAgY29uc3QgaGFuZGxlUHJldkNsaWNrID0gKCkgPT4ge1xuICAgIGlmIChjdXJyZW50UGFnZSA+IDEpIHtcbiAgICAgIG9uUHJldkNsaWNrKGN1cnJlbnRQYWdlIC0gMSk7XG4gICAgfVxuICB9O1xuXG4gIGNvbnN0IGhhbmRsZU5leHRDbGljayA9ICgpID0+IHtcbiAgICBpZiAoY3VycmVudFBhZ2UgPCBudW1PZlBhZ2VzKSB7XG4gICAgICBvbk5leHRDbGljayhjdXJyZW50UGFnZSArIDEpO1xuICAgIH1cbiAgfTtcblxuICBjb25zdCBoYW5kbGVQYWdlQ2xpY2sgPSAocGFnZTogbnVtYmVyKSA9PiB7XG4gICAgaWYgKHBhZ2UgPT09IGN1cnJlbnRQYWdlKSByZXR1cm47XG4gICAgaWYgKHBhZ2UgPCAxIHx8IHBhZ2UgPiBudW1PZlBhZ2VzKSByZXR1cm47XG4gICAgb25QYWdlQ2xpY2s/LihwYWdlKTtcbiAgfTtcblxuICAvLyBHZW5lcmF0ZSBwYWdlIG51bWJlcnNcbiAgY29uc3QgcGFnZU51bWJlcnMgPSBnZW5lcmF0ZVBhZ2VOdW1iZXJzKGN1cnJlbnRQYWdlLCBudW1PZlBhZ2VzKTtcbiAgY29uc3QgbW9iaWxlTGFiZWwgPSBmb3JtYXRMYWJlbFxuICAgID8gZm9ybWF0TGFiZWwoKVxuICAgIDogYCR7Y3VycmVudFBhZ2V9LyR7bnVtT2ZQYWdlc31gO1xuXG4gIC8vIFJlbmRlciBuYXZpZ2F0aW9uIGJ1dHRvbnNcbiAgY29uc3QgbGVmdEJ1dHRvbiA9IHNob3dOYXZCdXR0b25MYWJlbHMgPyAoXG4gICAgPEJ1dHRvblxuICAgICAgc2l6ZT1cInNcIlxuICAgICAgdmFyaWFudD1cInRlcnRpYXJ5XCJcbiAgICAgIGxlZnRJY29uPVwiY2hldnJvbi1sZWZ0XCJcbiAgICAgIGRpc2FibGVkPXtpc0ZpcnN0UGFnZX1cbiAgICAgIG9uQ2xpY2s9e2hhbmRsZVByZXZDbGlja31cbiAgICAgIGFyaWFBdHRyaWJ1dGVzPXt7IFwiYXJpYS1sYWJlbFwiOiBwcmV2QnV0dG9uQXJpYUxhYmVsIH19XG4gICAgPlxuICAgICAge3ByZXZCdXR0b25MYWJlbH1cbiAgICA8L0J1dHRvbj5cbiAgKSA6IChcbiAgICA8UGljdG9ncmFtQnV0dG9uXG4gICAgICBzaXplPVwic1wiXG4gICAgICBpY29uPVwiY2hldnJvbi1sZWZ0XCJcbiAgICAgIGRpc2FibGVkPXtpc0ZpcnN0UGFnZX1cbiAgICAgIG9uQ2xpY2s9e2hhbmRsZVByZXZDbGlja31cbiAgICAgIGFyaWEtbGFiZWw9e3ByZXZCdXR0b25BcmlhTGFiZWx9XG4gICAgLz5cbiAgKTtcblxuICBjb25zdCByaWdodEJ1dHRvbiA9IHNob3dOYXZCdXR0b25MYWJlbHMgPyAoXG4gICAgPEJ1dHRvblxuICAgICAgc2l6ZT1cInNcIlxuICAgICAgdmFyaWFudD1cInRlcnRpYXJ5XCJcbiAgICAgIHJpZ2h0SWNvbj1cImNoZXZyb24tcmlnaHRcIlxuICAgICAgZGlzYWJsZWQ9e2lzTGFzdFBhZ2V9XG4gICAgICBvbkNsaWNrPXtoYW5kbGVOZXh0Q2xpY2t9XG4gICAgICBhcmlhQXR0cmlidXRlcz17eyBcImFyaWEtbGFiZWxcIjogbmV4dEJ1dHRvbkFyaWFMYWJlbCB9fVxuICAgID5cbiAgICAgIHtuZXh0QnV0dG9uTGFiZWx9XG4gICAgPC9CdXR0b24+XG4gICkgOiAoXG4gICAgPFBpY3RvZ3JhbUJ1dHRvblxuICAgICAgc2l6ZT1cInNcIlxuICAgICAgaWNvbj1cImNoZXZyb24tcmlnaHRcIlxuICAgICAgZGlzYWJsZWQ9e2lzTGFzdFBhZ2V9XG4gICAgICBvbkNsaWNrPXtoYW5kbGVOZXh0Q2xpY2t9XG4gICAgICBhcmlhLWxhYmVsPXtuZXh0QnV0dG9uQXJpYUxhYmVsfVxuICAgIC8+XG4gICk7XG5cbiAgcmV0dXJuIChcbiAgICA8SW5saW5lXG4gICAgICB2QWxpZ25JdGVtcz1cImNlbnRlclwiXG4gICAgICBkYXRhLWUyZS10ZXN0LWlkPXtkYXRhRTJlVGVzdElkfVxuICAgICAgZGF0YS1kcy1pZD1cIlBhZ2luYXRpb25cIlxuICAgICAgc3BhY2U9e1tcInhzXCIsIFwiemVyb1wiLCBcInplcm9cIl19XG4gICAgPlxuICAgICAge2xlZnRCdXR0b259XG4gICAgICB7LyogTW9iaWxlOiBzaG93IFwiWC9ZXCIgZm9ybWF0IHdpdGggc3BhY2luZyAqL31cbiAgICAgIHtpc01vYmlsZSAmJiAoXG4gICAgICAgIDxUZXh0IHNpemU9XCJzXCIgY29sb3I9XCJzZWNvbmRhcnlcIj5cbiAgICAgICAgICB7bW9iaWxlTGFiZWx9XG4gICAgICAgIDwvVGV4dD5cbiAgICAgICl9XG4gICAgICB7LyogRGVza3RvcDogc2hvdyBwYWdlIG51bWJlcnMgd2l0aCBzcGFjaW5nIGJldHdlZW4gdGhlbSBvbmx5ICovfVxuICAgICAgeyFpc01vYmlsZSAmJiAoXG4gICAgICAgIDxJbmxpbmUgdkFsaWduSXRlbXM9XCJjZW50ZXJcIiBzcGFjZT1cInplcm9cIj5cbiAgICAgICAgICB7cGFnZU51bWJlcnMubWFwKChwYWdlLCBpbmRleCkgPT4ge1xuICAgICAgICAgICAgaWYgKHBhZ2UgPT09IFwiZWxsaXBzaXNcIikge1xuICAgICAgICAgICAgICAvLyBVc2UgYWRqYWNlbnQgcGFnZSBudW1iZXJzIGZvciB1bmlxdWUga2V5IGluc3RlYWQgb2YgaW5kZXhcbiAgICAgICAgICAgICAgY29uc3QgcHJldlBhZ2UgPSBpbmRleCA+IDAgPyBwYWdlTnVtYmVyc1tpbmRleCAtIDFdIDogXCJzdGFydFwiO1xuICAgICAgICAgICAgICBjb25zdCBuZXh0UGFnZSA9XG4gICAgICAgICAgICAgICAgaW5kZXggPCBwYWdlTnVtYmVycy5sZW5ndGggLSAxID8gcGFnZU51bWJlcnNbaW5kZXggKyAxXSA6IFwiZW5kXCI7XG4gICAgICAgICAgICAgIHJldHVybiAoXG4gICAgICAgICAgICAgICAgPFN0eWxlZEVsbGlwc2lzXG4gICAgICAgICAgICAgICAgICBrZXk9e2BlbGxpcHNpcy0ke3ByZXZQYWdlfS0ke25leHRQYWdlfWB9XG4gICAgICAgICAgICAgICAgICBhcmlhLWhpZGRlbj1cInRydWVcIlxuICAgICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICAgIDxUZXh0IHNpemU9XCJzXCI+4oCmPC9UZXh0PlxuICAgICAgICAgICAgICAgIDwvU3R5bGVkRWxsaXBzaXM+XG4gICAgICAgICAgICAgICk7XG4gICAgICAgICAgICB9XG5cbiAgICAgICAgICAgIGNvbnN0IGlzQWN0aXZlID0gcGFnZSA9PT0gY3VycmVudFBhZ2U7XG4gICAgICAgICAgICBjb25zdCBhcmlhTGFiZWwgPSBmb3JtYXRQYWdlQnV0dG9uQXJpYUxhYmVsXG4gICAgICAgICAgICAgID8gZm9ybWF0UGFnZUJ1dHRvbkFyaWFMYWJlbChwYWdlKVxuICAgICAgICAgICAgICA6IGBQYWdlICR7cGFnZX1gO1xuICAgICAgICAgICAgcmV0dXJuIChcbiAgICAgICAgICAgICAgPFN0eWxlZFBhZ2VCdXR0b25cbiAgICAgICAgICAgICAgICBrZXk9e3BhZ2V9XG4gICAgICAgICAgICAgICAgaXNBY3RpdmU9e2lzQWN0aXZlfVxuICAgICAgICAgICAgICAgIG9uQ2xpY2s9eygpID0+IGhhbmRsZVBhZ2VDbGljayhwYWdlKX1cbiAgICAgICAgICAgICAgICBhcmlhLWxhYmVsPXthcmlhTGFiZWx9XG4gICAgICAgICAgICAgICAgYXJpYS1jdXJyZW50PXtpc0FjdGl2ZSA/IFwicGFnZVwiIDogdW5kZWZpbmVkfVxuICAgICAgICAgICAgICAgIGFyaWEtZGlzYWJsZWQ9e2lzQWN0aXZlfVxuICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAge3BhZ2V9XG4gICAgICAgICAgICAgIDwvU3R5bGVkUGFnZUJ1dHRvbj5cbiAgICAgICAgICAgICk7XG4gICAgICAgICAgfSl9XG4gICAgICAgIDwvSW5saW5lPlxuICAgICAgKX1cbiAgICAgIHtyaWdodEJ1dHRvbn1cbiAgICA8L0lubGluZT5cbiAgKTtcbn1cbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFleUIifQ== */"),StyledEllipsis=styled("span",{target:"e14ovy8w1",label:"StyledEllipsis"})({width:"32px",display:"inline-flex",justifyContent:"center",alignItems:"center"},"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvUGFnaW5hdGlvbi9OdW1iZXJlZFBhZ2luYXRpb24udHN4Iiwic291cmNlcyI6WyJzcmMvY29tcG9uZW50cy9QYWdpbmF0aW9uL051bWJlcmVkUGFnaW5hdGlvbi50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBJbmxpbmUgfSBmcm9tIFwiLi4vSW5saW5lL0lubGluZVwiO1xuaW1wb3J0IHsgUGljdG9ncmFtQnV0dG9uIH0gZnJvbSBcIi4uL1BpY3RvZ3JhbUJ1dHRvbi9QaWN0b2dyYW1CdXR0b25cIjtcbmltcG9ydCB7IEJ1dHRvbiB9IGZyb20gXCIuLi9CdXR0b24vQnV0dG9uXCI7XG5pbXBvcnQgeyBUZXh0IH0gZnJvbSBcIi4uL1R5cG9ncmFwaHkvVGV4dC9UZXh0XCI7XG5pbXBvcnQgeyBTZWxlY3RhYmxlQnV0dG9uIH0gZnJvbSBcIi4uLy4uL3NoYXJlZC9jb21wb25lbnRzL1NlbGVjdGFibGVCdXR0b25cIjtcbmltcG9ydCB7IHVzZUlzTW9iaWxlIH0gZnJvbSBcIi4uLy4uL3NoYXJlZC91c2VJc01vYmlsZVwiO1xuaW1wb3J0IHR5cGUgeyBOdW1iZXJlZFZhcmlhbnRQcm9wcyB9IGZyb20gXCIuLy10eXBlc1wiO1xuaW1wb3J0IHsgZ2VuZXJhdGVQYWdlTnVtYmVycyB9IGZyb20gXCIuLy11dGlscy9nZW5lcmF0ZVBhZ2VOdW1iZXJzXCI7XG5cbi8qKlxuICogU3R5bGVkUGFnZUJ1dHRvbiAtIFNxdWFyZSBidXR0b24gZm9yIHBhZ2luYXRpb24gcGFnZSBudW1iZXJzXG4gKiBFeHRlbmRzIFNlbGVjdGFibGVCdXR0b24gd2l0aCBwYWdpbmF0aW9uLXNwZWNpZmljIHN0eWxpbmdcbiAqL1xuY29uc3QgU3R5bGVkUGFnZUJ1dHRvbiA9IHN0eWxlZChTZWxlY3RhYmxlQnV0dG9uKTx7IGlzQWN0aXZlPzogYm9vbGVhbiB9PihcbiAgKHsgdGhlbWUsIGlzQWN0aXZlIH0pID0+ICh7XG4gICAgLy8gVE9ETzogQWRkIHRva2VuIGZvciBmaXhlZCBidXR0b24gZGltZW5zaW9ucyAoMzJ4MzJweClcbiAgICAvLyBGaXhlZCAzMngzMnB4IHNxdWFyZSBkaW1lbnNpb25zXG4gICAgd2lkdGg6IFwiMzJweFwiLFxuICAgIGhlaWdodDogXCIzMnB4XCIsXG4gICAgcGFkZGluZzogMCxcbiAgICBtYXJnaW46IDAsXG5cbiAgICAvLyBDZW50ZXIgY29udGVudFxuICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICAgIGp1c3RpZnlDb250ZW50OiBcImNlbnRlclwiLFxuICAgIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG5cbiAgICBib3JkZXI6IGAxcHggc29saWQgdHJhbnNwYXJlbnRgLFxuICAgIC8vIEVuc3VyZSBiYWNrZ3JvdW5kIGNhbiBiZSBzZXQgYnkgcGFyZW50IHN0eWxlc1xuICAgIGJhY2tncm91bmQ6IFwidHJhbnNwYXJlbnRcIixcblxuICAgIC4uLihpc0FjdGl2ZSAmJiB7XG4gICAgICAvLyBBY2NlbnQgYm9yZGVyIHdoZW4gc2VsZWN0ZWRcbiAgICAgIGJvcmRlcjogYDFweCBzb2xpZCAke3RoZW1lLnZhbHVlcy5jb2xvci5ib3JkZXIuYWNjZW50LmRlZmF1bHR9YCxcbiAgICAgIC8vIE92ZXJyaWRlIGJhc2UgcGFkZGluZ0JvdHRvbS9tYXJnaW5Cb3R0b20gZnJvbSBTZWxlY3RhYmxlQnV0dG9uXG4gICAgICBwYWRkaW5nQm90dG9tOiAwLFxuICAgICAgbWFyZ2luQm90dG9tOiAwLFxuICAgICAgLy8gUHJlc2VydmUgU2VsZWN0YWJsZUJ1dHRvbidzIGJhY2tncm91bmQgY29sb3IgZm9yIGFjdGl2ZSBzdGF0ZVxuICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC5hY2NlbnRTdWJ0bGUuZGVmYXVsdCxcbiAgICB9KSxcbiAgfSlcbik7XG5cbi8qKlxuICogU3R5bGVkRWxsaXBzaXMgLSBGaXhlZC13aWR0aCBlbGxpcHNpcyB0byBwcmV2ZW50IGxheW91dCBzaGlmdFxuICogU2FtZSB3aWR0aCBhcyBwYWdlIGJ1dHRvbnMgdG8gbWFpbnRhaW4gY29uc2lzdGVudCBwYWdpbmF0aW9uIHdpZHRoXG4gKi9cbmNvbnN0IFN0eWxlZEVsbGlwc2lzID0gc3R5bGVkLnNwYW4oe1xuICAvLyBUT0RPOiBBZGQgdG9rZW4gZm9yIGZpeGVkIGJ1dHRvbiBkaW1lbnNpb25zICgzMngzMnB4KVxuICAvLyBNYXRjaCBwYWdlIGJ1dHRvbiB3aWR0aCB0byBwcmV2ZW50IGxheW91dCBzaGlmdFxuICB3aWR0aDogXCIzMnB4XCIsXG4gIGRpc3BsYXk6IFwiaW5saW5lLWZsZXhcIixcbiAganVzdGlmeUNvbnRlbnQ6IFwiY2VudGVyXCIsXG4gIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG59KTtcblxuLy8gTnVtYmVyZWQgdmFyaWFudDogU2hvd3MgcGFnZSBudW1iZXIgYnV0dG9ucyB3aXRoIGRpcmVjdCBuYXZpZ2F0aW9uXG5leHBvcnQgZnVuY3Rpb24gTnVtYmVyZWRQYWdpbmF0aW9uKHtcbiAgbnVtT2ZJdGVtcyxcbiAgbnVtT2ZJdGVtc1BlclBhZ2UgPSAxLFxuICBjdXJyZW50UGFnZSxcbiAgZm9ybWF0TGFiZWwsXG4gIHNob3dOYXZCdXR0b25MYWJlbHMgPSB0cnVlLFxuICBwcmV2QnV0dG9uTGFiZWwgPSBcIlByZXZpb3VzXCIsXG4gIG5leHRCdXR0b25MYWJlbCA9IFwiTmV4dFwiLFxuICBvblBhZ2VDbGljayxcbiAgXCJkYXRhLWUyZS10ZXN0LWlkXCI6IGRhdGFFMmVUZXN0SWQsXG4gIG9uUHJldkNsaWNrLFxuICBvbk5leHRDbGljayxcbiAgcHJldkJ1dHRvbkFyaWFMYWJlbCA9IFwiR28gdG8gcHJldiBwYWdlXCIsXG4gIG5leHRCdXR0b25BcmlhTGFiZWwgPSBcIkdvIHRvIG5leHQgcGFnZVwiLFxuICBmb3JtYXRQYWdlQnV0dG9uQXJpYUxhYmVsLFxufTogTnVtYmVyZWRWYXJpYW50UHJvcHMpOiBSZWFjdC5SZWFjdEVsZW1lbnQge1xuICAvLyBDYWxjdWxhdGUgdG90YWwgcGFnZXMgZnJvbSBudW1PZkl0ZW1zIGFuZCBudW1PZkl0ZW1zUGVyUGFnZVxuICAvLyBJZiBudW1PZkl0ZW1zUGVyUGFnZT0xIChkZWZhdWx0KSwgbnVtT2ZQYWdlcyA9IG51bU9mSXRlbXMgKGJhY2t3YXJkcyBjb21wYXRpYmxlKVxuICBjb25zdCBudW1PZlBhZ2VzID0gTWF0aC5jZWlsKG51bU9mSXRlbXMgLyBudW1PZkl0ZW1zUGVyUGFnZSk7XG4gIGNvbnN0IGlzRmlyc3RQYWdlID0gY3VycmVudFBhZ2UgPT09IDE7XG4gIGNvbnN0IGlzTGFzdFBhZ2UgPSBjdXJyZW50UGFnZSA9PT0gbnVtT2ZQYWdlcztcbiAgY29uc3QgaXNNb2JpbGUgPSB1c2VJc01vYmlsZSgpO1xuXG4gIC8vIEhhbmRsZSBjbGljayBldmVudHNcbiAgY29uc3QgaGFuZGxlUHJldkNsaWNrID0gKCkgPT4ge1xuICAgIGlmIChjdXJyZW50UGFnZSA+IDEpIHtcbiAgICAgIG9uUHJldkNsaWNrKGN1cnJlbnRQYWdlIC0gMSk7XG4gICAgfVxuICB9O1xuXG4gIGNvbnN0IGhhbmRsZU5leHRDbGljayA9ICgpID0+IHtcbiAgICBpZiAoY3VycmVudFBhZ2UgPCBudW1PZlBhZ2VzKSB7XG4gICAgICBvbk5leHRDbGljayhjdXJyZW50UGFnZSArIDEpO1xuICAgIH1cbiAgfTtcblxuICBjb25zdCBoYW5kbGVQYWdlQ2xpY2sgPSAocGFnZTogbnVtYmVyKSA9PiB7XG4gICAgaWYgKHBhZ2UgPT09IGN1cnJlbnRQYWdlKSByZXR1cm47XG4gICAgaWYgKHBhZ2UgPCAxIHx8IHBhZ2UgPiBudW1PZlBhZ2VzKSByZXR1cm47XG4gICAgb25QYWdlQ2xpY2s/LihwYWdlKTtcbiAgfTtcblxuICAvLyBHZW5lcmF0ZSBwYWdlIG51bWJlcnNcbiAgY29uc3QgcGFnZU51bWJlcnMgPSBnZW5lcmF0ZVBhZ2VOdW1iZXJzKGN1cnJlbnRQYWdlLCBudW1PZlBhZ2VzKTtcbiAgY29uc3QgbW9iaWxlTGFiZWwgPSBmb3JtYXRMYWJlbFxuICAgID8gZm9ybWF0TGFiZWwoKVxuICAgIDogYCR7Y3VycmVudFBhZ2V9LyR7bnVtT2ZQYWdlc31gO1xuXG4gIC8vIFJlbmRlciBuYXZpZ2F0aW9uIGJ1dHRvbnNcbiAgY29uc3QgbGVmdEJ1dHRvbiA9IHNob3dOYXZCdXR0b25MYWJlbHMgPyAoXG4gICAgPEJ1dHRvblxuICAgICAgc2l6ZT1cInNcIlxuICAgICAgdmFyaWFudD1cInRlcnRpYXJ5XCJcbiAgICAgIGxlZnRJY29uPVwiY2hldnJvbi1sZWZ0XCJcbiAgICAgIGRpc2FibGVkPXtpc0ZpcnN0UGFnZX1cbiAgICAgIG9uQ2xpY2s9e2hhbmRsZVByZXZDbGlja31cbiAgICAgIGFyaWFBdHRyaWJ1dGVzPXt7IFwiYXJpYS1sYWJlbFwiOiBwcmV2QnV0dG9uQXJpYUxhYmVsIH19XG4gICAgPlxuICAgICAge3ByZXZCdXR0b25MYWJlbH1cbiAgICA8L0J1dHRvbj5cbiAgKSA6IChcbiAgICA8UGljdG9ncmFtQnV0dG9uXG4gICAgICBzaXplPVwic1wiXG4gICAgICBpY29uPVwiY2hldnJvbi1sZWZ0XCJcbiAgICAgIGRpc2FibGVkPXtpc0ZpcnN0UGFnZX1cbiAgICAgIG9uQ2xpY2s9e2hhbmRsZVByZXZDbGlja31cbiAgICAgIGFyaWEtbGFiZWw9e3ByZXZCdXR0b25BcmlhTGFiZWx9XG4gICAgLz5cbiAgKTtcblxuICBjb25zdCByaWdodEJ1dHRvbiA9IHNob3dOYXZCdXR0b25MYWJlbHMgPyAoXG4gICAgPEJ1dHRvblxuICAgICAgc2l6ZT1cInNcIlxuICAgICAgdmFyaWFudD1cInRlcnRpYXJ5XCJcbiAgICAgIHJpZ2h0SWNvbj1cImNoZXZyb24tcmlnaHRcIlxuICAgICAgZGlzYWJsZWQ9e2lzTGFzdFBhZ2V9XG4gICAgICBvbkNsaWNrPXtoYW5kbGVOZXh0Q2xpY2t9XG4gICAgICBhcmlhQXR0cmlidXRlcz17eyBcImFyaWEtbGFiZWxcIjogbmV4dEJ1dHRvbkFyaWFMYWJlbCB9fVxuICAgID5cbiAgICAgIHtuZXh0QnV0dG9uTGFiZWx9XG4gICAgPC9CdXR0b24+XG4gICkgOiAoXG4gICAgPFBpY3RvZ3JhbUJ1dHRvblxuICAgICAgc2l6ZT1cInNcIlxuICAgICAgaWNvbj1cImNoZXZyb24tcmlnaHRcIlxuICAgICAgZGlzYWJsZWQ9e2lzTGFzdFBhZ2V9XG4gICAgICBvbkNsaWNrPXtoYW5kbGVOZXh0Q2xpY2t9XG4gICAgICBhcmlhLWxhYmVsPXtuZXh0QnV0dG9uQXJpYUxhYmVsfVxuICAgIC8+XG4gICk7XG5cbiAgcmV0dXJuIChcbiAgICA8SW5saW5lXG4gICAgICB2QWxpZ25JdGVtcz1cImNlbnRlclwiXG4gICAgICBkYXRhLWUyZS10ZXN0LWlkPXtkYXRhRTJlVGVzdElkfVxuICAgICAgZGF0YS1kcy1pZD1cIlBhZ2luYXRpb25cIlxuICAgICAgc3BhY2U9e1tcInhzXCIsIFwiemVyb1wiLCBcInplcm9cIl19XG4gICAgPlxuICAgICAge2xlZnRCdXR0b259XG4gICAgICB7LyogTW9iaWxlOiBzaG93IFwiWC9ZXCIgZm9ybWF0IHdpdGggc3BhY2luZyAqL31cbiAgICAgIHtpc01vYmlsZSAmJiAoXG4gICAgICAgIDxUZXh0IHNpemU9XCJzXCIgY29sb3I9XCJzZWNvbmRhcnlcIj5cbiAgICAgICAgICB7bW9iaWxlTGFiZWx9XG4gICAgICAgIDwvVGV4dD5cbiAgICAgICl9XG4gICAgICB7LyogRGVza3RvcDogc2hvdyBwYWdlIG51bWJlcnMgd2l0aCBzcGFjaW5nIGJldHdlZW4gdGhlbSBvbmx5ICovfVxuICAgICAgeyFpc01vYmlsZSAmJiAoXG4gICAgICAgIDxJbmxpbmUgdkFsaWduSXRlbXM9XCJjZW50ZXJcIiBzcGFjZT1cInplcm9cIj5cbiAgICAgICAgICB7cGFnZU51bWJlcnMubWFwKChwYWdlLCBpbmRleCkgPT4ge1xuICAgICAgICAgICAgaWYgKHBhZ2UgPT09IFwiZWxsaXBzaXNcIikge1xuICAgICAgICAgICAgICAvLyBVc2UgYWRqYWNlbnQgcGFnZSBudW1iZXJzIGZvciB1bmlxdWUga2V5IGluc3RlYWQgb2YgaW5kZXhcbiAgICAgICAgICAgICAgY29uc3QgcHJldlBhZ2UgPSBpbmRleCA+IDAgPyBwYWdlTnVtYmVyc1tpbmRleCAtIDFdIDogXCJzdGFydFwiO1xuICAgICAgICAgICAgICBjb25zdCBuZXh0UGFnZSA9XG4gICAgICAgICAgICAgICAgaW5kZXggPCBwYWdlTnVtYmVycy5sZW5ndGggLSAxID8gcGFnZU51bWJlcnNbaW5kZXggKyAxXSA6IFwiZW5kXCI7XG4gICAgICAgICAgICAgIHJldHVybiAoXG4gICAgICAgICAgICAgICAgPFN0eWxlZEVsbGlwc2lzXG4gICAgICAgICAgICAgICAgICBrZXk9e2BlbGxpcHNpcy0ke3ByZXZQYWdlfS0ke25leHRQYWdlfWB9XG4gICAgICAgICAgICAgICAgICBhcmlhLWhpZGRlbj1cInRydWVcIlxuICAgICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICAgIDxUZXh0IHNpemU9XCJzXCI+4oCmPC9UZXh0PlxuICAgICAgICAgICAgICAgIDwvU3R5bGVkRWxsaXBzaXM+XG4gICAgICAgICAgICAgICk7XG4gICAgICAgICAgICB9XG5cbiAgICAgICAgICAgIGNvbnN0IGlzQWN0aXZlID0gcGFnZSA9PT0gY3VycmVudFBhZ2U7XG4gICAgICAgICAgICBjb25zdCBhcmlhTGFiZWwgPSBmb3JtYXRQYWdlQnV0dG9uQXJpYUxhYmVsXG4gICAgICAgICAgICAgID8gZm9ybWF0UGFnZUJ1dHRvbkFyaWFMYWJlbChwYWdlKVxuICAgICAgICAgICAgICA6IGBQYWdlICR7cGFnZX1gO1xuICAgICAgICAgICAgcmV0dXJuIChcbiAgICAgICAgICAgICAgPFN0eWxlZFBhZ2VCdXR0b25cbiAgICAgICAgICAgICAgICBrZXk9e3BhZ2V9XG4gICAgICAgICAgICAgICAgaXNBY3RpdmU9e2lzQWN0aXZlfVxuICAgICAgICAgICAgICAgIG9uQ2xpY2s9eygpID0+IGhhbmRsZVBhZ2VDbGljayhwYWdlKX1cbiAgICAgICAgICAgICAgICBhcmlhLWxhYmVsPXthcmlhTGFiZWx9XG4gICAgICAgICAgICAgICAgYXJpYS1jdXJyZW50PXtpc0FjdGl2ZSA/IFwicGFnZVwiIDogdW5kZWZpbmVkfVxuICAgICAgICAgICAgICAgIGFyaWEtZGlzYWJsZWQ9e2lzQWN0aXZlfVxuICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAge3BhZ2V9XG4gICAgICAgICAgICAgIDwvU3R5bGVkUGFnZUJ1dHRvbj5cbiAgICAgICAgICAgICk7XG4gICAgICAgICAgfSl9XG4gICAgICAgIDwvSW5saW5lPlxuICAgICAgKX1cbiAgICAgIHtyaWdodEJ1dHRvbn1cbiAgICA8L0lubGluZT5cbiAgKTtcbn1cbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFpRHVCIn0= */");export function NumberedPagination({numOfItems,numOfItemsPerPage=1,currentPage,formatLabel,showNavButtonLabels=!0,prevButtonLabel="Previous",nextButtonLabel="Next",onPageClick,"data-e2e-test-id":dataE2eTestId,onPrevClick,onNextClick,prevButtonAriaLabel="Go to prev page",nextButtonAriaLabel="Go to next page",formatPageButtonAriaLabel}){let numOfPages=Math.ceil(numOfItems/numOfItemsPerPage),isFirstPage=1===currentPage,isLastPage=currentPage===numOfPages,isMobile=useIsMobile(),handlePrevClick=()=>{currentPage>1&&onPrevClick(currentPage-1)},handleNextClick=()=>{currentPage<numOfPages&&onNextClick(currentPage+1)},handlePageClick=page=>{page!==currentPage&&(page<1||page>numOfPages||onPageClick?.(page))},pageNumbers=generatePageNumbers(currentPage,numOfPages),mobileLabel=formatLabel?formatLabel():`${currentPage}/${numOfPages}`,leftButton=showNavButtonLabels?React.createElement(Button,{size:"s",variant:"tertiary",leftIcon:"chevron-left",disabled:isFirstPage,onClick:handlePrevClick,ariaAttributes:{"aria-label":prevButtonAriaLabel}},prevButtonLabel):React.createElement(PictogramButton,{size:"s",icon:"chevron-left",disabled:isFirstPage,onClick:handlePrevClick,"aria-label":prevButtonAriaLabel}),rightButton=showNavButtonLabels?React.createElement(Button,{size:"s",variant:"tertiary",rightIcon:"chevron-right",disabled:isLastPage,onClick:handleNextClick,ariaAttributes:{"aria-label":nextButtonAriaLabel}},nextButtonLabel):React.createElement(PictogramButton,{size:"s",icon:"chevron-right",disabled:isLastPage,onClick:handleNextClick,"aria-label":nextButtonAriaLabel});return React.createElement(Inline,{vAlignItems:"center","data-e2e-test-id":dataE2eTestId,"data-ds-id":"Pagination",space:["xs","zero","zero"]},leftButton,isMobile&&React.createElement(Text,{size:"s",color:"secondary"},mobileLabel),!isMobile&&React.createElement(Inline,{vAlignItems:"center",space:"zero"},pageNumbers.map((page,index)=>{if("ellipsis"===page){let prevPage=index>0?pageNumbers[index-1]:"start",nextPage=index<pageNumbers.length-1?pageNumbers[index+1]:"end";return React.createElement(StyledEllipsis,{key:`ellipsis-${prevPage}-${nextPage}`,"aria-hidden":"true"},React.createElement(Text,{size:"s"},"…"))}let isActive=page===currentPage,ariaLabel=formatPageButtonAriaLabel?formatPageButtonAriaLabel(page):`Page ${page}`;return React.createElement(StyledPageButton,{key:page,isActive:isActive,onClick:()=>handlePageClick(page),"aria-label":ariaLabel,"aria-current":isActive?"page":void 0,"aria-disabled":isActive},page)})),rightButton)}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export{};
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
import type { TooltipInstance } from "../-types";
|
|
2
|
+
/**
|
|
3
|
+
* Module-scoped registry manager for tooltip instances.
|
|
4
|
+
* Uses a Map internally but provides cleanup and HMR resilience.
|
|
5
|
+
* This is module-scoped (not component-scoped) because tooltips need to
|
|
6
|
+
* coordinate across all instances globally to handle overlapping scenarios.
|
|
7
|
+
*/
|
|
8
|
+
export declare class TooltipRegistry {
|
|
9
|
+
private registry;
|
|
10
|
+
private isCleaningUp;
|
|
11
|
+
/**
|
|
12
|
+
* Register a tooltip instance
|
|
13
|
+
*/
|
|
14
|
+
set(id: string, instance: TooltipInstance): void;
|
|
15
|
+
/**
|
|
16
|
+
* Unregister a tooltip instance
|
|
17
|
+
*/
|
|
18
|
+
delete(id: string): void;
|
|
19
|
+
/**
|
|
20
|
+
* Get all registered instances (for iteration)
|
|
21
|
+
*/
|
|
22
|
+
values(): IterableIterator<TooltipInstance>;
|
|
23
|
+
/**
|
|
24
|
+
* Get the registry size
|
|
25
|
+
*/
|
|
26
|
+
get size(): number;
|
|
27
|
+
/**
|
|
28
|
+
* Clear all entries (useful for HMR or testing)
|
|
29
|
+
*/
|
|
30
|
+
clear(): void;
|
|
31
|
+
/**
|
|
32
|
+
* Clean up potentially stale entries by checking if trigger elements are still in DOM
|
|
33
|
+
*/
|
|
34
|
+
private cleanupStaleEntries;
|
|
35
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export class TooltipRegistry{set(id,instance){this.registry.size>100&&!this.isCleaningUp&&this.cleanupStaleEntries(),this.registry.set(id,instance)}delete(id){this.registry.delete(id)}values(){return this.registry.values()}get size(){return this.registry.size}clear(){this.registry.clear()}cleanupStaleEntries(){this.isCleaningUp=!0;try{Array.from(this.registry.entries()).filter(([,instance])=>instance.triggerElements.every(element=>!document.contains(element))).map(([id])=>id).forEach(id=>this.registry.delete(id))}finally{this.isCleaningUp=!1}}constructor(){this.registry=new Map,this.isCleaningUp=!1}}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import type { TooltipInstance } from "../-types";
|
|
2
|
+
/**
|
|
3
|
+
* Registry interface for tooltip coordination.
|
|
4
|
+
* Allows the utility function to work with different registry implementations.
|
|
5
|
+
*/
|
|
6
|
+
export interface TooltipRegistryInterface {
|
|
7
|
+
values(): IterableIterator<TooltipInstance>;
|
|
8
|
+
}
|
|
9
|
+
/**
|
|
10
|
+
* Finds all tooltip instances that have trigger elements containing the currently hovered element.
|
|
11
|
+
* A tooltip is considered overlapping when:
|
|
12
|
+
* - The hovered element is one of the trigger elements, OR
|
|
13
|
+
* - The hovered element is contained by one of the trigger elements
|
|
14
|
+
*/
|
|
15
|
+
export declare function findOverlappingTooltips(hoveredElement: HTMLElement, excludeId: string, tooltipRegistry: TooltipRegistryInterface): TooltipInstance[];
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export function findOverlappingTooltips(hoveredElement,excludeId,tooltipRegistry){return Array.from(tooltipRegistry.values()).filter(instance=>instance.id!==excludeId).filter(instance=>instance.triggerElements.some(triggerElement=>!!(triggerElement===hoveredElement||triggerElement.contains(hoveredElement))))}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Determines which element is on top when multiple elements overlap.
|
|
3
|
+
* Priority:
|
|
4
|
+
* 1. If pointer coordinates are available, use elementsFromPoint (most accurate)
|
|
5
|
+
* 2. If elements are nested, the most-nested (contained) element is on top
|
|
6
|
+
* 3. Otherwise, elements that appear later in DOM order are on top
|
|
7
|
+
*/
|
|
8
|
+
export declare function getTopmostElement(elements: HTMLElement[], pointerEvent?: Event): HTMLElement | null;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export function getTopmostElement(elements,pointerEvent){if(0===elements.length)return null;if(1===elements.length)return elements[0];if(pointerEvent&&"clientX"in pointerEvent&&"clientY"in pointerEvent)try{let foundElement=document.elementsFromPoint(pointerEvent.clientX,pointerEvent.clientY).find(elementAtPoint=>!!elements.includes(elementAtPoint)||elements.some(element=>element.contains(elementAtPoint)));if(foundElement){if(elements.includes(foundElement))return foundElement;let containingElements=elements.filter(element=>element.contains(foundElement));if(containingElements.length>0)return containingElements.sort((a,b)=>a.contains(b)?-1:+!!b.contains(a)),containingElements[containingElements.length-1]}}catch{}let topmost=elements?.[0];return elements?.slice(1)?.forEach(element=>{topmost.contains(element)&&!element.contains(topmost)?topmost=element:element.contains(topmost)&&!topmost.contains(element)||(topmost.compareDocumentPosition(element)&Node.DOCUMENT_POSITION_FOLLOWING)!=0&&(topmost=element)}),topmost}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import React,{useCallback,useEffect,useMemo,useRef,useState}from"react";import{TooltipContent}from"../Tooltip/TooltipContent";export function UserHighlightTooltip({content,contentPadding="s",placement="auto",maxWidth,portalContainer,"data-e2e-test-id":dataE2eTestId,triggerElements,selectedRange,onVisibilityChange,positionAtStart}){let tooltipId=useMemo(()=>`DSUserHighlightTooltip_${Math.floor(Date.now()*Math.random())}`,[]),isTooltipHovered=useRef(!1),showTooltipTimeoutId=useRef(null),hideTooltipTimeoutId=useRef(null),triggerHovered=useRef(!1),rangeRef=useRef(null);useEffect(()=>{if(selectedRange)rangeRef.current=selectedRange;else{let range=document.createRange();if(positionAtStart){let text=triggerElements[0].childNodes[0];range.setStart(text,0),range.setEnd(text,1)}else range.setStart(triggerElements[0],0),range.setEnd(triggerElements[triggerElements.length-1],1);rangeRef.current=range}},[triggerElements,selectedRange,positionAtStart]);let[tooltipVisible,setTooltipVisible]=useState(!1),toggleVisibility=useCallback(status=>{setTooltipVisible(status),onVisibilityChange&&onVisibilityChange(status)},[onVisibilityChange]);useEffect(()=>{selectedRange&&toggleVisibility(!0)},[]);let hideTooltipAfterDelay=useCallback(()=>{hideTooltipTimeoutId.current=setTimeout(()=>{triggerHovered.current||isTooltipHovered.current||!tooltipVisible||toggleVisibility(!1)},200)},[toggleVisibility,tooltipVisible]),handleTriggerPointerEnter=useCallback(
|
|
1
|
+
import React,{useCallback,useEffect,useId,useMemo,useRef,useState}from"react";import{TooltipContent}from"../Tooltip/TooltipContent";import{findOverlappingTooltips}from"./-utils.ts/findOverlappingTooltips";import{getTopmostElement}from"./-utils.ts/getTopmostElement";import{TooltipRegistry}from"./-utils.ts/TooltipRegistry";let tooltipRegistry=new TooltipRegistry;export function UserHighlightTooltip({content,contentPadding="s",placement="auto",maxWidth,portalContainer,"data-e2e-test-id":dataE2eTestId,triggerElements,selectedRange,onVisibilityChange,positionAtStart}){let tooltipId=useMemo(()=>`DSUserHighlightTooltip_${Math.floor(Date.now()*Math.random())}`,[]),instanceId=useId(),isTooltipHovered=useRef(!1),showTooltipTimeoutId=useRef(null),hideTooltipTimeoutId=useRef(null),triggerHovered=useRef(!1),rangeRef=useRef(null);useEffect(()=>{if(selectedRange)rangeRef.current=selectedRange;else{let range=document.createRange();if(positionAtStart){let text=triggerElements[0].childNodes[0];range.setStart(text,0),range.setEnd(text,1)}else range.setStart(triggerElements[0],0),range.setEnd(triggerElements[triggerElements.length-1],1);rangeRef.current=range}},[triggerElements,selectedRange,positionAtStart]);let[tooltipVisible,setTooltipVisible]=useState(!1),toggleVisibility=useCallback(status=>{setTooltipVisible(status),onVisibilityChange&&onVisibilityChange(status)},[onVisibilityChange]);useEffect(()=>(tooltipRegistry.set(instanceId,{id:instanceId,triggerElements,setVisible:visible=>{setTooltipVisible(visible),onVisibilityChange&&onVisibilityChange(visible)}}),()=>{tooltipRegistry.delete(instanceId)}),[instanceId,triggerElements,onVisibilityChange]),useEffect(()=>{selectedRange&&toggleVisibility(!0)},[]);let hideTooltipAfterDelay=useCallback(()=>{hideTooltipTimeoutId.current=setTimeout(()=>{triggerHovered.current||isTooltipHovered.current||!tooltipVisible||toggleVisibility(!1)},200)},[toggleVisibility,tooltipVisible]),handleTriggerPointerEnter=useCallback(event=>{triggerHovered.current=!0,clearTimeout(showTooltipTimeoutId.current),showTooltipTimeoutId.current=setTimeout(()=>{if(triggerHovered.current){let overlappingTooltips=findOverlappingTooltips(event?.target||triggerElements[0],instanceId,tooltipRegistry);if(overlappingTooltips.length>0){let allOverlappingElements=[...triggerElements];overlappingTooltips.forEach(tooltip=>{allOverlappingElements.push(...tooltip.triggerElements)});let topmostElement=getTopmostElement(allOverlappingElements,event);!topmostElement||triggerElements.includes(topmostElement)?(overlappingTooltips.forEach(tooltip=>{tooltip.setVisible(!1)}),tooltipVisible||toggleVisibility(!0)):tooltipVisible&&toggleVisibility(!1)}else tooltipVisible||toggleVisibility(!0)}},200)},[toggleVisibility,tooltipVisible,triggerElements,instanceId]),handleTriggerPointerLeave=useCallback(event=>{if(clearTimeout(hideTooltipTimeoutId.current),triggerHovered.current=!1,event&&"clientX"in event&&"clientY"in event)try{let elementUnderPointer=document.elementFromPoint(event.clientX,event.clientY);if(elementUnderPointer){let overlappingTooltips=findOverlappingTooltips(elementUnderPointer,instanceId,tooltipRegistry);if(overlappingTooltips.length>0){let allOverlappingElements=[];overlappingTooltips.forEach(tooltip=>{allOverlappingElements.push(...tooltip.triggerElements)});let topmostElement=getTopmostElement(allOverlappingElements,event);if(topmostElement&&!triggerElements.includes(topmostElement)){toggleVisibility(!1);let enterEvent=new PointerEvent("pointerenter",{bubbles:!0,cancelable:!0,clientX:event.clientX,clientY:event.clientY,pointerId:event.pointerId,pointerType:event.pointerType});topmostElement.dispatchEvent(enterEvent);return}}}}catch{}hideTooltipAfterDelay()},[hideTooltipAfterDelay,instanceId,toggleVisibility,triggerElements]);return(useEffect(()=>()=>{clearTimeout(showTooltipTimeoutId.current),clearTimeout(hideTooltipTimeoutId.current)},[]),useEffect(()=>{let wrappedHandleEnter=event=>{handleTriggerPointerEnter(event)};return triggerElements.forEach(node=>{node.addEventListener("pointerenter",wrappedHandleEnter),node.addEventListener("pointerleave",handleTriggerPointerLeave)}),()=>{triggerElements.forEach(node=>{node.removeEventListener("pointerenter",wrappedHandleEnter),node.removeEventListener("pointerleave",handleTriggerPointerLeave)})}},[handleTriggerPointerEnter,handleTriggerPointerLeave,triggerElements]),useEffect(()=>{triggerElements.forEach(node=>{tooltipVisible?node.setAttribute("aria-describedby",tooltipId):node.removeAttribute("aria-describedby")})},[tooltipId,tooltipVisible,triggerElements]),rangeRef.current)?React.createElement(TooltipContent,{dataDSId:"UserHighlightTooltip",content:content,placement:placement,portalContainer:portalContainer,dataE2eTestId:dataE2eTestId,isVisible:tooltipVisible,tooltipId:tooltipId,triggerRef:rangeRef,role:"tooltip",contentPadding:contentPadding,maxWidth:maxWidth,subTheme:"inverted",onTooltipPointerEnter:()=>{isTooltipHovered.current=!0},onTooltipPointerLeave:()=>{clearTimeout(hideTooltipTimeoutId.current),isTooltipHovered.current=!1,hideTooltipAfterDelay()}}):null}
|