@amboss/design-system 3.35.1 → 3.35.4
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/Collapsible/Collapsible.js +1 -1
- package/build/cjs/components/Content/ContentFontResizer/FontSizeOffsetContext.d.ts +1 -1
- package/build/cjs/components/Content/ContentHeading/ContentHeading.js +1 -1
- package/build/cjs/components/Content/ContentLink/ContentLink.js +1 -1
- package/build/cjs/components/Content/ContentList/ContentList.js +1 -1
- package/build/cjs/components/Content/ContentTable/ContentTable.js +1 -1
- package/build/cjs/components/Content/ContentTable/ContentTableContext.d.ts +1 -1
- package/build/cjs/components/Content/ContentText/ContentText.js +1 -1
- package/build/cjs/components/Content/ReferenceButton/ReferenceButton.js +1 -1
- package/build/cjs/components/DataTable/TableCell.d.ts +1 -1
- package/build/cjs/components/EntityList/BaseEntityList.js +1 -1
- package/build/cjs/components/EntityList/EntityItemBody.js +1 -1
- package/build/cjs/components/EntityList/EntityListItem.js +1 -1
- package/build/cjs/components/EntityList/VirtualizedEntityList.d.ts +4 -1
- package/build/cjs/components/EntityList/VirtualizedEntityList.js +1 -1
- package/build/cjs/components/EntityList/styled-components.d.ts +7 -7
- package/build/cjs/components/EntityList/styled-components.js +1 -1
- package/build/cjs/components/EntityList/types.d.ts +2 -0
- package/build/cjs/components/EntityTree/BaseEntityTree.js +1 -1
- package/build/cjs/components/EntityTree/EntityTreeItem.js +1 -1
- package/build/cjs/components/Form/Combobox/StyledSelectComponents.d.ts +4 -4
- package/build/cjs/components/Icon/Icon.d.ts +1 -1
- package/build/cjs/components/Icon/Icon.js +1 -1
- package/build/cjs/components/Notification/Notification.js +1 -1
- package/build/cjs/components/Patterns/Dialog/DialogContext.d.ts +1 -1
- package/build/cjs/components/SubThemeProvider/SubThemeContext.d.ts +1 -1
- package/build/cjs/components/Utilities/ContainerQuery/ContainerQueryContext.d.ts +1 -1
- package/build/cjs/components/Utilities/ScreenReaderText/ScreenReaderText.d.ts +1 -1
- package/build/cjs/components/VirtualScrollList/VirtualScrollList.js +1 -1
- package/build/cjs/shared/components/SelectableButton.d.ts +1 -1
- package/build/cjs/web-tokens/assets/icons.json +230 -230
- package/build/cjs/web-tokens/assets/icons16.json +230 -230
- package/build/cjs/web-tokens/visualConfig.js +1 -1
- package/build/esm/components/Collapsible/Collapsible.js +1 -1
- package/build/esm/components/Content/ContentFontResizer/FontSizeOffsetContext.d.ts +1 -1
- package/build/esm/components/Content/ContentHeading/ContentHeading.js +1 -1
- package/build/esm/components/Content/ContentLink/ContentLink.js +1 -1
- package/build/esm/components/Content/ContentList/ContentList.js +1 -1
- package/build/esm/components/Content/ContentTable/ContentTable.js +1 -1
- package/build/esm/components/Content/ContentTable/ContentTableContext.d.ts +1 -1
- package/build/esm/components/Content/ContentText/ContentText.js +1 -1
- package/build/esm/components/Content/ReferenceButton/ReferenceButton.js +1 -1
- package/build/esm/components/DataTable/TableCell.d.ts +1 -1
- package/build/esm/components/EntityList/BaseEntityList.js +1 -1
- package/build/esm/components/EntityList/EntityItemBody.js +1 -1
- package/build/esm/components/EntityList/EntityListItem.js +1 -1
- package/build/esm/components/EntityList/VirtualizedEntityList.d.ts +4 -1
- package/build/esm/components/EntityList/VirtualizedEntityList.js +1 -1
- package/build/esm/components/EntityList/styled-components.d.ts +7 -7
- package/build/esm/components/EntityList/styled-components.js +1 -1
- package/build/esm/components/EntityList/types.d.ts +2 -0
- package/build/esm/components/EntityTree/BaseEntityTree.js +1 -1
- package/build/esm/components/EntityTree/EntityTreeItem.js +1 -1
- package/build/esm/components/Form/Combobox/StyledSelectComponents.d.ts +4 -4
- package/build/esm/components/Icon/Icon.d.ts +1 -1
- package/build/esm/components/Icon/Icon.js +1 -1
- package/build/esm/components/Notification/Notification.js +1 -1
- package/build/esm/components/Patterns/Dialog/DialogContext.d.ts +1 -1
- package/build/esm/components/SubThemeProvider/SubThemeContext.d.ts +1 -1
- package/build/esm/components/Utilities/ContainerQuery/ContainerQueryContext.d.ts +1 -1
- package/build/esm/components/Utilities/ScreenReaderText/ScreenReaderText.d.ts +1 -1
- package/build/esm/components/VirtualScrollList/VirtualScrollList.js +1 -1
- package/build/esm/shared/components/SelectableButton.d.ts +1 -1
- package/build/esm/web-tokens/assets/icons.json +230 -230
- package/build/esm/web-tokens/assets/icons16.json +230 -230
- package/build/esm/web-tokens/visualConfig.js +1 -1
- package/build/scss/_dark.scss +4 -4
- package/build/scss/_light.scss +4 -4
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
import React,{useState,useContext}from"react";import styled from"@emotion/styled";import{Card}from"../Card/Card";import{Box}from"../Box/Box";import{Columns,Column}from"../Column/Columns";import{Button}from"../Button/Button";import{Icon}from"../Icon/Icon";import{Text}from"../Typography/Text/Text";import{SubThemeProvider}from"../SubThemeProvider/SubThemeProvider";import{SubThemeContext}from"../SubThemeProvider/SubThemeContext";let StyledExpandingContainer=styled("div",{target:"e92ldbd0",label:"StyledExpandingContainer"})(({isDismissed})=>({transform:`translateY(${isDismissed?"calc(-100% - 8px)":"0%"})`,transition:`transform ${200*!!isDismissed}ms cubic-bezier(0.0, 0.0, 0.25, 1.0)`}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvTm90aWZpY2F0aW9uL05vdGlmaWNhdGlvbi50c3giLCJzb3VyY2VzIjpbInNyYy9jb21wb25lbnRzL05vdGlmaWNhdGlvbi9Ob3RpZmljYXRpb24udHN4Il0sInNvdXJjZXNDb250ZW50IjpbIi8qIGVzbGludC1kaXNhYmxlIHJlYWN0L2pzeC1wcm9wcy1uby1zcHJlYWRpbmcgKi9cbmltcG9ydCBSZWFjdCwgeyB1c2VTdGF0ZSwgdXNlQ29udGV4dCB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgdHlwZSB7IFJlYWN0RWxlbWVudCB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHsgQ2FyZCB9IGZyb20gXCIuLi9DYXJkL0NhcmRcIjtcbmltcG9ydCB0eXBlIHsgQm94UHJvcHMgfSBmcm9tIFwiLi4vQm94L0JveFwiO1xuaW1wb3J0IHsgQm94IH0gZnJvbSBcIi4uL0JveC9Cb3hcIjtcbmltcG9ydCB7IENvbHVtbnMsIENvbHVtbiB9IGZyb20gXCIuLi9Db2x1bW4vQ29sdW1uc1wiO1xuaW1wb3J0IHsgQnV0dG9uIH0gZnJvbSBcIi4uL0J1dHRvbi9CdXR0b25cIjtcbmltcG9ydCB0eXBlIHsgSWNvbk5hbWUgfSBmcm9tIFwiLi4vSWNvbi9JY29uXCI7XG5pbXBvcnQgeyBJY29uIH0gZnJvbSBcIi4uL0ljb24vSWNvblwiO1xuaW1wb3J0IHsgVGV4dCB9IGZyb20gXCIuLi9UeXBvZ3JhcGh5L1RleHQvVGV4dFwiO1xuaW1wb3J0IHtcbiAgU3ViVGhlbWVQcm92aWRlcixcbiAgdHlwZSBTdWJUaGVtZU5hbWUsXG59IGZyb20gXCIuLi9TdWJUaGVtZVByb3ZpZGVyL1N1YlRoZW1lUHJvdmlkZXJcIjtcbmltcG9ydCB7IFN1YlRoZW1lQ29udGV4dCB9IGZyb20gXCIuLi9TdWJUaGVtZVByb3ZpZGVyL1N1YlRoZW1lQ29udGV4dFwiO1xuXG5jb25zdCBBTklNQVRJT05fVElNRSA9IDIwMDtcblxuZXhwb3J0IHR5cGUgTm90aWZpY2F0aW9uUHJvcHMgPSB7XG4gIFwiZGF0YS1lMmUtdGVzdC1pZFwiPzogc3RyaW5nO1xuICB0eXBlPzogRXh0cmFjdDxTdWJUaGVtZU5hbWUsIFwiaW5mb1wiIHwgXCJzdWNjZXNzXCIgfCBcImVycm9yXCI+O1xuICB0ZXh0Pzogc3RyaW5nIHwgUmVhY3RFbGVtZW50O1xuICBpY29uPzogSWNvbk5hbWUgfCBudWxsO1xuICBpc0Rpc21pc3NhYmxlPzogYm9vbGVhbjtcbiAgY2FsbFRvQWN0aW9uTGFiZWw/OiBzdHJpbmc7XG4gIGV4cGFuZEJ1dHRvbkxhYmVsPzogc3RyaW5nO1xuICBzaHJpbmtCdXR0b25MYWJlbD86IHN0cmluZztcbiAgZXhwYW5kYWJsZT86IGJvb2xlYW47XG4gIC8qKiBUaGlzIHByb3AgaW50cm9kdWNlcyBhZGRpdGlvbmFsIHNwYWNlIHRvIHRoZSBsZWZ0IHRvIGFjY291bnQgZm9yIHRoZSBzaWRlIG5hdmlnYXRpb24gY29sbGFwc2UgYnV0dG9uIGluIHVpLWFtYm9zcyAqL1xuICBhZGp1c3RGb3JTaWRlTmF2VG9nZ2xlPzogYm9vbGVhbjtcbiAgY2xvc2VCdXR0b25BcmlhTGFiZWw/OiBzdHJpbmc7XG4gIG9uQ2xpY2tDYWxsVG9BY3Rpb24/OiAoZTogUmVhY3QuTW91c2VFdmVudCkgPT4gdm9pZDtcbiAgb25DbGlja0Rpc21pc3M/OiAoKSA9PiB2b2lkO1xuICBjaGlsZHJlbj86IFJlYWN0LlJlYWN0Tm9kZTtcbn07XG5cbmNvbnN0IFN0eWxlZEV4cGFuZGluZ0NvbnRhaW5lciA9IHN0eWxlZC5kaXY8e1xuICBpc0Rpc21pc3NlZDogYm9vbGVhbjtcbn0+KCh7IGlzRGlzbWlzc2VkIH0pID0+ICh7XG4gIHRyYW5zZm9ybTogYHRyYW5zbGF0ZVkoJHtpc0Rpc21pc3NlZCA/IFwiY2FsYygtMTAwJSAtIDhweClcIiA6IFwiMCVcIn0pYCxcbiAgdHJhbnNpdGlvbjogYHRyYW5zZm9ybSAke1xuICAgIGlzRGlzbWlzc2VkID8gQU5JTUFUSU9OX1RJTUUgOiAwXG4gIH1tcyBjdWJpYy1iZXppZXIoMC4wLCAwLjAsIDAuMjUsIDEuMClgLFxufSkpO1xuXG5jb25zdCBTdHlsZWRDb250YWluZXIgPSBzdHlsZWQuZGl2KCgpID0+ICh7XG4gIG92ZXJmbG93OiBcImhpZGRlblwiLFxufSkpO1xuXG5jb25zdCBERUZBVUxUX0lDT05TX0JZX1RZUEU6IFJlY29yZDxOb3RpZmljYXRpb25Qcm9wc1tcInR5cGVcIl0sIEljb25OYW1lPiA9IHtcbiAgaW5mbzogXCJpbmZvXCIsXG4gIHN1Y2Nlc3M6IFwiY2hlY2stY2lyY2xlXCIsXG4gIGVycm9yOiBcImFsZXJ0LXRyaWFuZ2xlXCIsXG59O1xuXG5leHBvcnQgZnVuY3Rpb24gTm90aWZpY2F0aW9uKHtcbiAgdHlwZSxcbiAgdGV4dCxcbiAgaWNvbixcbiAgaXNEaXNtaXNzYWJsZSxcbiAgY2FsbFRvQWN0aW9uTGFiZWwsXG4gIG9uQ2xpY2tEaXNtaXNzLFxuICBvbkNsaWNrQ2FsbFRvQWN0aW9uLFxuICBleHBhbmRhYmxlLFxuICBleHBhbmRCdXR0b25MYWJlbCxcbiAgc2hyaW5rQnV0dG9uTGFiZWwsXG4gIGNoaWxkcmVuLFxuICBhZGp1c3RGb3JTaWRlTmF2VG9nZ2xlLFxuICBjbG9zZUJ1dHRvbkFyaWFMYWJlbCA9IFwiRGlzbWlzcyBub3RpZmljYXRpb25cIixcbiAgXCJkYXRhLWUyZS10ZXN0LWlkXCI6IGRhdGFFMmVUZXN0SWQsXG4gIC4uLmFyaWFBdHRyaWJ1dGVzXG59OiBOb3RpZmljYXRpb25Qcm9wcyk6IFJlYWN0LlJlYWN0RWxlbWVudCB7XG4gIGNvbnN0IFtpc0V4cGFuZGVkLCBzZXRJc0V4cGFuZGVkXSA9IHVzZVN0YXRlKGZhbHNlKTtcbiAgY29uc3QgW2lzRGlzbWlzc2VkLCBzZXRJc0Rpc21pc3NlZF0gPSB1c2VTdGF0ZShmYWxzZSk7XG4gIC8qIERlcml2ZSBub3RpZmljYXRpb24gdHlwZSBmcm9tIHN1YnRoZW1lIHRvIHByb3ZpZGUgYmFja3dhcmQgY29tcGF0aWJpbGl0eSB3aXRoIHRoZSBvbGQgdXNhZ2Ugd2hlcmUgU3ViVGhlbWVQcm92aWRlciB3YXMgZXh0ZXJuYWwgICovXG4gIGNvbnN0IHN1YlRoZW1lID0gdXNlQ29udGV4dChTdWJUaGVtZUNvbnRleHQpO1xuICBjb25zdCBzdWJUaGVtZU5hbWUgPSBPYmplY3Qua2V5cyhERUZBVUxUX0lDT05TX0JZX1RZUEUpLmluY2x1ZGVzKHN1YlRoZW1lKVxuICAgID8gdHlwZSA/PyBzdWJUaGVtZSA/PyBcImluZm9cIlxuICAgIDogdHlwZSA/PyBcImluZm9cIjtcbiAgY29uc3QgaWNvbk5hbWUgPVxuICAgIHR5cGVvZiBpY29uID09PSBcInVuZGVmaW5lZFwiXG4gICAgICA/IERFRkFVTFRfSUNPTlNfQllfVFlQRVtzdWJUaGVtZU5hbWUgYXMgTm90aWZpY2F0aW9uUHJvcHNbXCJ0eXBlXCJdXVxuICAgICAgOiBpY29uO1xuXG4gIGNvbnN0IGRpc21pc3MgPSAoKSA9PiB7XG4gICAgc2V0SXNEaXNtaXNzZWQodHJ1ZSk7XG4gICAgc2V0VGltZW91dChvbkNsaWNrRGlzbWlzcywgQU5JTUFUSU9OX1RJTUUpO1xuICB9O1xuXG4gIGNvbnN0IGxlZnRTcGFjZVByb3A6IFBhcnRpYWw8Qm94UHJvcHM+ID0gYWRqdXN0Rm9yU2lkZU5hdlRvZ2dsZSAmJiB7XG4gICAgbFNwYWNlOiBbXCJzXCIsIFwibFwiXSxcbiAgfTtcblxuICBpZiAoaXNEaXNtaXNzZWQpIHJldHVybiBudWxsO1xuXG4gIHJldHVybiAoXG4gICAgPFN0eWxlZENvbnRhaW5lciBkYXRhLWRzLWlkPVwiTm90aWZpY2F0aW9uXCIgey4uLmFyaWFBdHRyaWJ1dGVzfSByb2xlPVwiYWxlcnRcIj5cbiAgICAgIDxTdWJUaGVtZVByb3ZpZGVyIG5hbWU9e3N1YlRoZW1lTmFtZX0+XG4gICAgICAgIDxTdHlsZWRFeHBhbmRpbmdDb250YWluZXIgaXNEaXNtaXNzZWQ9e2lzRGlzbWlzc2VkfT5cbiAgICAgICAgICA8Q2FyZCBzcXVhcmVDb3JuZXJzIGRhdGEtZTJlLXRlc3QtaWQ9e2RhdGFFMmVUZXN0SWR9PlxuICAgICAgICAgICAgPEJveCBzcGFjZT1cInNcIiB7Li4ubGVmdFNwYWNlUHJvcH0+XG4gICAgICAgICAgICAgIDxDb2x1bW5zIGdhcD1cInNcIiB2QWxpZ25JdGVtcz1cInRvcFwiPlxuICAgICAgICAgICAgICAgIHtpY29uTmFtZSAmJiAoXG4gICAgICAgICAgICAgICAgICA8Q29sdW1uIHNpemU9XCJuYXJyb3dcIj5cbiAgICAgICAgICAgICAgICAgICAgPEJveCB2U3BhY2U9XCJ4eHNcIiBzcGFjZT1cInplcm9cIj5cbiAgICAgICAgICAgICAgICAgICAgICA8SWNvblxuICAgICAgICAgICAgICAgICAgICAgICAgcm9sZT1cImltZ1wiXG4gICAgICAgICAgICAgICAgICAgICAgICBhcmlhLWxhYmVsPXtzdWJUaGVtZU5hbWV9XG4gICAgICAgICAgICAgICAgICAgICAgICBuYW1lPXtpY29uTmFtZX1cbiAgICAgICAgICAgICAgICAgICAgICAgIGNvbG9yPVwicHJpbWFyeVwiXG4gICAgICAgICAgICAgICAgICAgICAgICBkYXRhLXRlc3RpZD1cImljb25cIlxuICAgICAgICAgICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICAgICAgICAgIDwvQm94PlxuICAgICAgICAgICAgICAgICAgPC9Db2x1bW4+XG4gICAgICAgICAgICAgICAgKX1cbiAgICAgICAgICAgICAgICA8Q29sdW1uIHNpemU9XCJmaWxsXCI+XG4gICAgICAgICAgICAgICAgICA8Qm94IHZTcGFjZT1cInh4c1wiIHNwYWNlPVwiemVyb1wiPlxuICAgICAgICAgICAgICAgICAgICA8VGV4dD57dGV4dH08L1RleHQ+XG4gICAgICAgICAgICAgICAgICA8L0JveD5cbiAgICAgICAgICAgICAgICA8L0NvbHVtbj57XCIgXCJ9XG4gICAgICAgICAgICAgICAgeyhjYWxsVG9BY3Rpb25MYWJlbCB8fCBleHBhbmRhYmxlKSAmJiAoXG4gICAgICAgICAgICAgICAgICA8Q29sdW1uXG4gICAgICAgICAgICAgICAgICAgIHNpemU9e1sxMiwgXCJuYXJyb3dcIiwgXCJuYXJyb3dcIl19XG4gICAgICAgICAgICAgICAgICAgIG9yZGVyPXtbXCJsYXN0XCIsIFwidW5zZXRcIiwgXCJ1bnNldFwiXX1cbiAgICAgICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICAgICAge2NhbGxUb0FjdGlvbkxhYmVsICYmIChcbiAgICAgICAgICAgICAgICAgICAgICA8QnV0dG9uIHNpemU9XCJzXCIgZnVsbFdpZHRoIG9uQ2xpY2s9e29uQ2xpY2tDYWxsVG9BY3Rpb259PlxuICAgICAgICAgICAgICAgICAgICAgICAge2NhbGxUb0FjdGlvbkxhYmVsfVxuICAgICAgICAgICAgICAgICAgICAgIDwvQnV0dG9uPlxuICAgICAgICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgICAgICAgICB7ZXhwYW5kYWJsZSAmJiAoXG4gICAgICAgICAgICAgICAgICAgICAgPEJ1dHRvblxuICAgICAgICAgICAgICAgICAgICAgICAgc2l6ZT1cInNcIlxuICAgICAgICAgICAgICAgICAgICAgICAgZnVsbFdpZHRoXG4gICAgICAgICAgICAgICAgICAgICAgICBvbkNsaWNrPXsoKSA9PiBzZXRJc0V4cGFuZGVkKCFpc0V4cGFuZGVkKX1cbiAgICAgICAgICAgICAgICAgICAgICAgIHJpZ2h0SWNvbj17aXNFeHBhbmRlZCA/IFwiY2hldnJvbi11cFwiIDogXCJjaGV2cm9uLWRvd25cIn1cbiAgICAgICAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICAgICAgICB7aXNFeHBhbmRlZCA/IHNocmlua0J1dHRvbkxhYmVsIDogZXhwYW5kQnV0dG9uTGFiZWx9XG4gICAgICAgICAgICAgICAgICAgICAgPC9CdXR0b24+XG4gICAgICAgICAgICAgICAgICAgICl9XG4gICAgICAgICAgICAgICAgICA8L0NvbHVtbj5cbiAgICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgICAgIHtpc0Rpc21pc3NhYmxlICYmIChcbiAgICAgICAgICAgICAgICAgIDxDb2x1bW4gc2l6ZT1cIm5hcnJvd1wiPlxuICAgICAgICAgICAgICAgICAgICA8QnV0dG9uXG4gICAgICAgICAgICAgICAgICAgICAgYXJpYS1sYWJlbD17Y2xvc2VCdXR0b25BcmlhTGFiZWx9XG4gICAgICAgICAgICAgICAgICAgICAgbGVmdEljb249XCJ4XCJcbiAgICAgICAgICAgICAgICAgICAgICB2YXJpYW50PVwidGVydGlhcnlcIlxuICAgICAgICAgICAgICAgICAgICAgIHNpemU9XCJzXCJcbiAgICAgICAgICAgICAgICAgICAgICBvbkNsaWNrPXtkaXNtaXNzfVxuICAgICAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICAgICAgPC9Db2x1bW4+XG4gICAgICAgICAgICAgICAgKX1cbiAgICAgICAgICAgICAgPC9Db2x1bW5zPlxuICAgICAgICAgICAgICB7aXNFeHBhbmRlZCAmJiBjaGlsZHJlbn1cbiAgICAgICAgICAgIDwvQm94PlxuICAgICAgICAgIDwvQ2FyZD5cbiAgICAgICAgPC9TdHlsZWRFeHBhbmRpbmdDb250YWluZXI+XG4gICAgICA8L1N1YlRoZW1lUHJvdmlkZXI+XG4gICAgPC9TdHlsZWRDb250YWluZXI+XG4gICk7XG59XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBc0NpQyJ9 */"),StyledContainer=styled("div",{target:"e92ldbd1",label:"StyledContainer"})(()=>({overflow:"hidden"}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvTm90aWZpY2F0aW9uL05vdGlmaWNhdGlvbi50c3giLCJzb3VyY2VzIjpbInNyYy9jb21wb25lbnRzL05vdGlmaWNhdGlvbi9Ob3RpZmljYXRpb24udHN4Il0sInNvdXJjZXNDb250ZW50IjpbIi8qIGVzbGludC1kaXNhYmxlIHJlYWN0L2pzeC1wcm9wcy1uby1zcHJlYWRpbmcgKi9cbmltcG9ydCBSZWFjdCwgeyB1c2VTdGF0ZSwgdXNlQ29udGV4dCB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgdHlwZSB7IFJlYWN0RWxlbWVudCB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHsgQ2FyZCB9IGZyb20gXCIuLi9DYXJkL0NhcmRcIjtcbmltcG9ydCB0eXBlIHsgQm94UHJvcHMgfSBmcm9tIFwiLi4vQm94L0JveFwiO1xuaW1wb3J0IHsgQm94IH0gZnJvbSBcIi4uL0JveC9Cb3hcIjtcbmltcG9ydCB7IENvbHVtbnMsIENvbHVtbiB9IGZyb20gXCIuLi9Db2x1bW4vQ29sdW1uc1wiO1xuaW1wb3J0IHsgQnV0dG9uIH0gZnJvbSBcIi4uL0J1dHRvbi9CdXR0b25cIjtcbmltcG9ydCB0eXBlIHsgSWNvbk5hbWUgfSBmcm9tIFwiLi4vSWNvbi9JY29uXCI7XG5pbXBvcnQgeyBJY29uIH0gZnJvbSBcIi4uL0ljb24vSWNvblwiO1xuaW1wb3J0IHsgVGV4dCB9IGZyb20gXCIuLi9UeXBvZ3JhcGh5L1RleHQvVGV4dFwiO1xuaW1wb3J0IHtcbiAgU3ViVGhlbWVQcm92aWRlcixcbiAgdHlwZSBTdWJUaGVtZU5hbWUsXG59IGZyb20gXCIuLi9TdWJUaGVtZVByb3ZpZGVyL1N1YlRoZW1lUHJvdmlkZXJcIjtcbmltcG9ydCB7IFN1YlRoZW1lQ29udGV4dCB9IGZyb20gXCIuLi9TdWJUaGVtZVByb3ZpZGVyL1N1YlRoZW1lQ29udGV4dFwiO1xuXG5jb25zdCBBTklNQVRJT05fVElNRSA9IDIwMDtcblxuZXhwb3J0IHR5cGUgTm90aWZpY2F0aW9uUHJvcHMgPSB7XG4gIFwiZGF0YS1lMmUtdGVzdC1pZFwiPzogc3RyaW5nO1xuICB0eXBlPzogRXh0cmFjdDxTdWJUaGVtZU5hbWUsIFwiaW5mb1wiIHwgXCJzdWNjZXNzXCIgfCBcImVycm9yXCI+O1xuICB0ZXh0Pzogc3RyaW5nIHwgUmVhY3RFbGVtZW50O1xuICBpY29uPzogSWNvbk5hbWUgfCBudWxsO1xuICBpc0Rpc21pc3NhYmxlPzogYm9vbGVhbjtcbiAgY2FsbFRvQWN0aW9uTGFiZWw/OiBzdHJpbmc7XG4gIGV4cGFuZEJ1dHRvbkxhYmVsPzogc3RyaW5nO1xuICBzaHJpbmtCdXR0b25MYWJlbD86IHN0cmluZztcbiAgZXhwYW5kYWJsZT86IGJvb2xlYW47XG4gIC8qKiBUaGlzIHByb3AgaW50cm9kdWNlcyBhZGRpdGlvbmFsIHNwYWNlIHRvIHRoZSBsZWZ0IHRvIGFjY291bnQgZm9yIHRoZSBzaWRlIG5hdmlnYXRpb24gY29sbGFwc2UgYnV0dG9uIGluIHVpLWFtYm9zcyAqL1xuICBhZGp1c3RGb3JTaWRlTmF2VG9nZ2xlPzogYm9vbGVhbjtcbiAgY2xvc2VCdXR0b25BcmlhTGFiZWw/OiBzdHJpbmc7XG4gIG9uQ2xpY2tDYWxsVG9BY3Rpb24/OiAoZTogUmVhY3QuTW91c2VFdmVudCkgPT4gdm9pZDtcbiAgb25DbGlja0Rpc21pc3M/OiAoKSA9PiB2b2lkO1xuICBjaGlsZHJlbj86IFJlYWN0LlJlYWN0Tm9kZTtcbn07XG5cbmNvbnN0IFN0eWxlZEV4cGFuZGluZ0NvbnRhaW5lciA9IHN0eWxlZC5kaXY8e1xuICBpc0Rpc21pc3NlZDogYm9vbGVhbjtcbn0+KCh7IGlzRGlzbWlzc2VkIH0pID0+ICh7XG4gIHRyYW5zZm9ybTogYHRyYW5zbGF0ZVkoJHtpc0Rpc21pc3NlZCA/IFwiY2FsYygtMTAwJSAtIDhweClcIiA6IFwiMCVcIn0pYCxcbiAgdHJhbnNpdGlvbjogYHRyYW5zZm9ybSAke1xuICAgIGlzRGlzbWlzc2VkID8gQU5JTUFUSU9OX1RJTUUgOiAwXG4gIH1tcyBjdWJpYy1iZXppZXIoMC4wLCAwLjAsIDAuMjUsIDEuMClgLFxufSkpO1xuXG5jb25zdCBTdHlsZWRDb250YWluZXIgPSBzdHlsZWQuZGl2KCgpID0+ICh7XG4gIG92ZXJmbG93OiBcImhpZGRlblwiLFxufSkpO1xuXG5jb25zdCBERUZBVUxUX0lDT05TX0JZX1RZUEU6IFJlY29yZDxOb3RpZmljYXRpb25Qcm9wc1tcInR5cGVcIl0sIEljb25OYW1lPiA9IHtcbiAgaW5mbzogXCJpbmZvXCIsXG4gIHN1Y2Nlc3M6IFwiY2hlY2stY2lyY2xlXCIsXG4gIGVycm9yOiBcImFsZXJ0LXRyaWFuZ2xlXCIsXG59O1xuXG5leHBvcnQgZnVuY3Rpb24gTm90aWZpY2F0aW9uKHtcbiAgdHlwZSxcbiAgdGV4dCxcbiAgaWNvbixcbiAgaXNEaXNtaXNzYWJsZSxcbiAgY2FsbFRvQWN0aW9uTGFiZWwsXG4gIG9uQ2xpY2tEaXNtaXNzLFxuICBvbkNsaWNrQ2FsbFRvQWN0aW9uLFxuICBleHBhbmRhYmxlLFxuICBleHBhbmRCdXR0b25MYWJlbCxcbiAgc2hyaW5rQnV0dG9uTGFiZWwsXG4gIGNoaWxkcmVuLFxuICBhZGp1c3RGb3JTaWRlTmF2VG9nZ2xlLFxuICBjbG9zZUJ1dHRvbkFyaWFMYWJlbCA9IFwiRGlzbWlzcyBub3RpZmljYXRpb25cIixcbiAgXCJkYXRhLWUyZS10ZXN0LWlkXCI6IGRhdGFFMmVUZXN0SWQsXG4gIC4uLmFyaWFBdHRyaWJ1dGVzXG59OiBOb3RpZmljYXRpb25Qcm9wcyk6IFJlYWN0LlJlYWN0RWxlbWVudCB7XG4gIGNvbnN0IFtpc0V4cGFuZGVkLCBzZXRJc0V4cGFuZGVkXSA9IHVzZVN0YXRlKGZhbHNlKTtcbiAgY29uc3QgW2lzRGlzbWlzc2VkLCBzZXRJc0Rpc21pc3NlZF0gPSB1c2VTdGF0ZShmYWxzZSk7XG4gIC8qIERlcml2ZSBub3RpZmljYXRpb24gdHlwZSBmcm9tIHN1YnRoZW1lIHRvIHByb3ZpZGUgYmFja3dhcmQgY29tcGF0aWJpbGl0eSB3aXRoIHRoZSBvbGQgdXNhZ2Ugd2hlcmUgU3ViVGhlbWVQcm92aWRlciB3YXMgZXh0ZXJuYWwgICovXG4gIGNvbnN0IHN1YlRoZW1lID0gdXNlQ29udGV4dChTdWJUaGVtZUNvbnRleHQpO1xuICBjb25zdCBzdWJUaGVtZU5hbWUgPSBPYmplY3Qua2V5cyhERUZBVUxUX0lDT05TX0JZX1RZUEUpLmluY2x1ZGVzKHN1YlRoZW1lKVxuICAgID8gdHlwZSA/PyBzdWJUaGVtZSA/PyBcImluZm9cIlxuICAgIDogdHlwZSA/PyBcImluZm9cIjtcbiAgY29uc3QgaWNvbk5hbWUgPVxuICAgIHR5cGVvZiBpY29uID09PSBcInVuZGVmaW5lZFwiXG4gICAgICA/IERFRkFVTFRfSUNPTlNfQllfVFlQRVtzdWJUaGVtZU5hbWUgYXMgTm90aWZpY2F0aW9uUHJvcHNbXCJ0eXBlXCJdXVxuICAgICAgOiBpY29uO1xuXG4gIGNvbnN0IGRpc21pc3MgPSAoKSA9PiB7XG4gICAgc2V0SXNEaXNtaXNzZWQodHJ1ZSk7XG4gICAgc2V0VGltZW91dChvbkNsaWNrRGlzbWlzcywgQU5JTUFUSU9OX1RJTUUpO1xuICB9O1xuXG4gIGNvbnN0IGxlZnRTcGFjZVByb3A6IFBhcnRpYWw8Qm94UHJvcHM+ID0gYWRqdXN0Rm9yU2lkZU5hdlRvZ2dsZSAmJiB7XG4gICAgbFNwYWNlOiBbXCJzXCIsIFwibFwiXSxcbiAgfTtcblxuICBpZiAoaXNEaXNtaXNzZWQpIHJldHVybiBudWxsO1xuXG4gIHJldHVybiAoXG4gICAgPFN0eWxlZENvbnRhaW5lciBkYXRhLWRzLWlkPVwiTm90aWZpY2F0aW9uXCIgey4uLmFyaWFBdHRyaWJ1dGVzfSByb2xlPVwiYWxlcnRcIj5cbiAgICAgIDxTdWJUaGVtZVByb3ZpZGVyIG5hbWU9e3N1YlRoZW1lTmFtZX0+XG4gICAgICAgIDxTdHlsZWRFeHBhbmRpbmdDb250YWluZXIgaXNEaXNtaXNzZWQ9e2lzRGlzbWlzc2VkfT5cbiAgICAgICAgICA8Q2FyZCBzcXVhcmVDb3JuZXJzIGRhdGEtZTJlLXRlc3QtaWQ9e2RhdGFFMmVUZXN0SWR9PlxuICAgICAgICAgICAgPEJveCBzcGFjZT1cInNcIiB7Li4ubGVmdFNwYWNlUHJvcH0+XG4gICAgICAgICAgICAgIDxDb2x1bW5zIGdhcD1cInNcIiB2QWxpZ25JdGVtcz1cInRvcFwiPlxuICAgICAgICAgICAgICAgIHtpY29uTmFtZSAmJiAoXG4gICAgICAgICAgICAgICAgICA8Q29sdW1uIHNpemU9XCJuYXJyb3dcIj5cbiAgICAgICAgICAgICAgICAgICAgPEJveCB2U3BhY2U9XCJ4eHNcIiBzcGFjZT1cInplcm9cIj5cbiAgICAgICAgICAgICAgICAgICAgICA8SWNvblxuICAgICAgICAgICAgICAgICAgICAgICAgcm9sZT1cImltZ1wiXG4gICAgICAgICAgICAgICAgICAgICAgICBhcmlhLWxhYmVsPXtzdWJUaGVtZU5hbWV9XG4gICAgICAgICAgICAgICAgICAgICAgICBuYW1lPXtpY29uTmFtZX1cbiAgICAgICAgICAgICAgICAgICAgICAgIGNvbG9yPVwicHJpbWFyeVwiXG4gICAgICAgICAgICAgICAgICAgICAgICBkYXRhLXRlc3RpZD1cImljb25cIlxuICAgICAgICAgICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICAgICAgICAgIDwvQm94PlxuICAgICAgICAgICAgICAgICAgPC9Db2x1bW4+XG4gICAgICAgICAgICAgICAgKX1cbiAgICAgICAgICAgICAgICA8Q29sdW1uIHNpemU9XCJmaWxsXCI+XG4gICAgICAgICAgICAgICAgICA8Qm94IHZTcGFjZT1cInh4c1wiIHNwYWNlPVwiemVyb1wiPlxuICAgICAgICAgICAgICAgICAgICA8VGV4dD57dGV4dH08L1RleHQ+XG4gICAgICAgICAgICAgICAgICA8L0JveD5cbiAgICAgICAgICAgICAgICA8L0NvbHVtbj57XCIgXCJ9XG4gICAgICAgICAgICAgICAgeyhjYWxsVG9BY3Rpb25MYWJlbCB8fCBleHBhbmRhYmxlKSAmJiAoXG4gICAgICAgICAgICAgICAgICA8Q29sdW1uXG4gICAgICAgICAgICAgICAgICAgIHNpemU9e1sxMiwgXCJuYXJyb3dcIiwgXCJuYXJyb3dcIl19XG4gICAgICAgICAgICAgICAgICAgIG9yZGVyPXtbXCJsYXN0XCIsIFwidW5zZXRcIiwgXCJ1bnNldFwiXX1cbiAgICAgICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICAgICAge2NhbGxUb0FjdGlvbkxhYmVsICYmIChcbiAgICAgICAgICAgICAgICAgICAgICA8QnV0dG9uIHNpemU9XCJzXCIgZnVsbFdpZHRoIG9uQ2xpY2s9e29uQ2xpY2tDYWxsVG9BY3Rpb259PlxuICAgICAgICAgICAgICAgICAgICAgICAge2NhbGxUb0FjdGlvbkxhYmVsfVxuICAgICAgICAgICAgICAgICAgICAgIDwvQnV0dG9uPlxuICAgICAgICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgICAgICAgICB7ZXhwYW5kYWJsZSAmJiAoXG4gICAgICAgICAgICAgICAgICAgICAgPEJ1dHRvblxuICAgICAgICAgICAgICAgICAgICAgICAgc2l6ZT1cInNcIlxuICAgICAgICAgICAgICAgICAgICAgICAgZnVsbFdpZHRoXG4gICAgICAgICAgICAgICAgICAgICAgICBvbkNsaWNrPXsoKSA9PiBzZXRJc0V4cGFuZGVkKCFpc0V4cGFuZGVkKX1cbiAgICAgICAgICAgICAgICAgICAgICAgIHJpZ2h0SWNvbj17aXNFeHBhbmRlZCA/IFwiY2hldnJvbi11cFwiIDogXCJjaGV2cm9uLWRvd25cIn1cbiAgICAgICAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICAgICAgICB7aXNFeHBhbmRlZCA/IHNocmlua0J1dHRvbkxhYmVsIDogZXhwYW5kQnV0dG9uTGFiZWx9XG4gICAgICAgICAgICAgICAgICAgICAgPC9CdXR0b24+XG4gICAgICAgICAgICAgICAgICAgICl9XG4gICAgICAgICAgICAgICAgICA8L0NvbHVtbj5cbiAgICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgICAgIHtpc0Rpc21pc3NhYmxlICYmIChcbiAgICAgICAgICAgICAgICAgIDxDb2x1bW4gc2l6ZT1cIm5hcnJvd1wiPlxuICAgICAgICAgICAgICAgICAgICA8QnV0dG9uXG4gICAgICAgICAgICAgICAgICAgICAgYXJpYS1sYWJlbD17Y2xvc2VCdXR0b25BcmlhTGFiZWx9XG4gICAgICAgICAgICAgICAgICAgICAgbGVmdEljb249XCJ4XCJcbiAgICAgICAgICAgICAgICAgICAgICB2YXJpYW50PVwidGVydGlhcnlcIlxuICAgICAgICAgICAgICAgICAgICAgIHNpemU9XCJzXCJcbiAgICAgICAgICAgICAgICAgICAgICBvbkNsaWNrPXtkaXNtaXNzfVxuICAgICAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICAgICAgPC9Db2x1bW4+XG4gICAgICAgICAgICAgICAgKX1cbiAgICAgICAgICAgICAgPC9Db2x1bW5zPlxuICAgICAgICAgICAgICB7aXNFeHBhbmRlZCAmJiBjaGlsZHJlbn1cbiAgICAgICAgICAgIDwvQm94PlxuICAgICAgICAgIDwvQ2FyZD5cbiAgICAgICAgPC9TdHlsZWRFeHBhbmRpbmdDb250YWluZXI+XG4gICAgICA8L1N1YlRoZW1lUHJvdmlkZXI+XG4gICAgPC9TdHlsZWRDb250YWluZXI+XG4gICk7XG59XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBK0N3QiJ9 */"),DEFAULT_ICONS_BY_TYPE={info:"info",success:"check-circle",error:"alert-triangle"};export function Notification({type,text,icon,isDismissable,callToActionLabel,onClickDismiss,onClickCallToAction,expandable,expandButtonLabel,shrinkButtonLabel,children,adjustForSideNavToggle,closeButtonAriaLabel="Dismiss notification","data-e2e-test-id":dataE2eTestId,...ariaAttributes}){let[isExpanded,setIsExpanded]=useState(!1),[isDismissed,setIsDismissed]=useState(!1),subTheme=useContext(SubThemeContext),subThemeName=Object.keys(DEFAULT_ICONS_BY_TYPE).includes(subTheme)?type??subTheme??"info":type??"info",iconName=void 0===icon?DEFAULT_ICONS_BY_TYPE[subThemeName]:icon;return isDismissed?null:React.createElement(StyledContainer,{"data-ds-id":"Notification",...ariaAttributes,role:"alert"},React.createElement(SubThemeProvider,{name:subThemeName},React.createElement(StyledExpandingContainer,{isDismissed:isDismissed},React.createElement(Card,{squareCorners:!0,"data-e2e-test-id":dataE2eTestId},React.createElement(Box,{space:"s",...adjustForSideNavToggle&&{lSpace:["s","l"]}},React.createElement(Columns,{gap:"s",vAlignItems:"top"},iconName&&React.createElement(Column,{size:"narrow"},React.createElement(Box,{vSpace:"xxs",space:"zero"},React.createElement(Icon,{role:"img","aria-label":subThemeName,name:iconName,color:"primary","data-testid":"icon"}))),React.createElement(Column,{size:"fill"},React.createElement(Box,{vSpace:"xxs",space:"zero"},React.createElement(Text,null,text)))," ",(callToActionLabel||expandable)&&React.createElement(Column,{size:[12,"narrow","narrow"],order:["last","unset","unset"]},callToActionLabel&&React.createElement(Button,{size:"s",fullWidth:!0,onClick:onClickCallToAction},callToActionLabel),expandable&&React.createElement(Button,{size:"s",fullWidth:!0,onClick:()=>setIsExpanded(!isExpanded),rightIcon:isExpanded?"chevron-up":"chevron-down"},isExpanded?shrinkButtonLabel:expandButtonLabel)),isDismissable&&React.createElement(Column,{size:"narrow"},React.createElement(Button,{"aria-label":closeButtonAriaLabel,leftIcon:"x",variant:"tertiary",size:"s",onClick:()=>{setIsDismissed(!0),setTimeout(onClickDismiss,200)}}))),isExpanded&&children)))))}
|
|
1
|
+
import React,{useState,useContext}from"react";import styled from"@emotion/styled";import{Card}from"../Card/Card";import{Box}from"../Box/Box";import{Columns,Column}from"../Column/Columns";import{Button}from"../Button/Button";import{Icon}from"../Icon/Icon";import{Text}from"../Typography/Text/Text";import{SubThemeProvider}from"../SubThemeProvider/SubThemeProvider";import{SubThemeContext}from"../SubThemeProvider/SubThemeContext";let StyledExpandingContainer=styled("div",{target:"e1knnt2b0",label:"StyledExpandingContainer"})(({isDismissed})=>({transform:`translateY(${isDismissed?"calc(-100% - 8px)":"0%"})`,transition:`transform ${200*!!isDismissed}ms cubic-bezier(0.0, 0.0, 0.25, 1.0)`}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvTm90aWZpY2F0aW9uL05vdGlmaWNhdGlvbi50c3giLCJzb3VyY2VzIjpbInNyYy9jb21wb25lbnRzL05vdGlmaWNhdGlvbi9Ob3RpZmljYXRpb24udHN4Il0sInNvdXJjZXNDb250ZW50IjpbIi8qIGVzbGludC1kaXNhYmxlIHJlYWN0L2pzeC1wcm9wcy1uby1zcHJlYWRpbmcgKi9cbmltcG9ydCBSZWFjdCwgeyB1c2VTdGF0ZSwgdXNlQ29udGV4dCB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgdHlwZSB7IFJlYWN0RWxlbWVudCB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHsgQ2FyZCB9IGZyb20gXCIuLi9DYXJkL0NhcmRcIjtcbmltcG9ydCB0eXBlIHsgQm94UHJvcHMgfSBmcm9tIFwiLi4vQm94L0JveFwiO1xuaW1wb3J0IHsgQm94IH0gZnJvbSBcIi4uL0JveC9Cb3hcIjtcbmltcG9ydCB7IENvbHVtbnMsIENvbHVtbiB9IGZyb20gXCIuLi9Db2x1bW4vQ29sdW1uc1wiO1xuaW1wb3J0IHsgQnV0dG9uIH0gZnJvbSBcIi4uL0J1dHRvbi9CdXR0b25cIjtcbmltcG9ydCB0eXBlIHsgSWNvbk5hbWUgfSBmcm9tIFwiLi4vSWNvbi9JY29uXCI7XG5pbXBvcnQgeyBJY29uIH0gZnJvbSBcIi4uL0ljb24vSWNvblwiO1xuaW1wb3J0IHsgVGV4dCB9IGZyb20gXCIuLi9UeXBvZ3JhcGh5L1RleHQvVGV4dFwiO1xuaW1wb3J0IHtcbiAgU3ViVGhlbWVQcm92aWRlcixcbiAgdHlwZSBTdWJUaGVtZU5hbWUsXG59IGZyb20gXCIuLi9TdWJUaGVtZVByb3ZpZGVyL1N1YlRoZW1lUHJvdmlkZXJcIjtcbmltcG9ydCB7IFN1YlRoZW1lQ29udGV4dCB9IGZyb20gXCIuLi9TdWJUaGVtZVByb3ZpZGVyL1N1YlRoZW1lQ29udGV4dFwiO1xuXG5jb25zdCBBTklNQVRJT05fVElNRSA9IDIwMDtcblxuZXhwb3J0IHR5cGUgTm90aWZpY2F0aW9uUHJvcHMgPSB7XG4gIFwiZGF0YS1lMmUtdGVzdC1pZFwiPzogc3RyaW5nO1xuICB0eXBlPzogRXh0cmFjdDxTdWJUaGVtZU5hbWUsIFwiaW5mb1wiIHwgXCJzdWNjZXNzXCIgfCBcImVycm9yXCI+O1xuICB0ZXh0Pzogc3RyaW5nIHwgUmVhY3RFbGVtZW50O1xuICBpY29uPzogSWNvbk5hbWUgfCBudWxsO1xuICBpc0Rpc21pc3NhYmxlPzogYm9vbGVhbjtcbiAgY2FsbFRvQWN0aW9uTGFiZWw/OiBzdHJpbmc7XG4gIGV4cGFuZEJ1dHRvbkxhYmVsPzogc3RyaW5nO1xuICBzaHJpbmtCdXR0b25MYWJlbD86IHN0cmluZztcbiAgZXhwYW5kYWJsZT86IGJvb2xlYW47XG4gIC8qKiBUaGlzIHByb3AgaW50cm9kdWNlcyBhZGRpdGlvbmFsIHNwYWNlIHRvIHRoZSBsZWZ0IHRvIGFjY291bnQgZm9yIHRoZSBzaWRlIG5hdmlnYXRpb24gY29sbGFwc2UgYnV0dG9uIGluIHVpLWFtYm9zcyAqL1xuICBhZGp1c3RGb3JTaWRlTmF2VG9nZ2xlPzogYm9vbGVhbjtcbiAgY2xvc2VCdXR0b25BcmlhTGFiZWw/OiBzdHJpbmc7XG4gIG9uQ2xpY2tDYWxsVG9BY3Rpb24/OiAoZTogUmVhY3QuTW91c2VFdmVudCkgPT4gdm9pZDtcbiAgb25DbGlja0Rpc21pc3M/OiAoKSA9PiB2b2lkO1xuICBjaGlsZHJlbj86IFJlYWN0LlJlYWN0Tm9kZTtcbn07XG5cbmNvbnN0IFN0eWxlZEV4cGFuZGluZ0NvbnRhaW5lciA9IHN0eWxlZC5kaXY8e1xuICBpc0Rpc21pc3NlZDogYm9vbGVhbjtcbn0+KCh7IGlzRGlzbWlzc2VkIH0pID0+ICh7XG4gIHRyYW5zZm9ybTogYHRyYW5zbGF0ZVkoJHtpc0Rpc21pc3NlZCA/IFwiY2FsYygtMTAwJSAtIDhweClcIiA6IFwiMCVcIn0pYCxcbiAgdHJhbnNpdGlvbjogYHRyYW5zZm9ybSAke1xuICAgIGlzRGlzbWlzc2VkID8gQU5JTUFUSU9OX1RJTUUgOiAwXG4gIH1tcyBjdWJpYy1iZXppZXIoMC4wLCAwLjAsIDAuMjUsIDEuMClgLFxufSkpO1xuXG5jb25zdCBTdHlsZWRDb250YWluZXIgPSBzdHlsZWQuZGl2KCgpID0+ICh7XG4gIG92ZXJmbG93OiBcImhpZGRlblwiLFxufSkpO1xuXG5jb25zdCBERUZBVUxUX0lDT05TX0JZX1RZUEU6IFJlY29yZDxOb3RpZmljYXRpb25Qcm9wc1tcInR5cGVcIl0sIEljb25OYW1lPiA9IHtcbiAgaW5mbzogXCJpbmZvXCIsXG4gIHN1Y2Nlc3M6IFwiY2hlY2stY2lyY2xlXCIsXG4gIGVycm9yOiBcImFsZXJ0LXRyaWFuZ2xlXCIsXG59O1xuXG5leHBvcnQgZnVuY3Rpb24gTm90aWZpY2F0aW9uKHtcbiAgdHlwZSxcbiAgdGV4dCxcbiAgaWNvbixcbiAgaXNEaXNtaXNzYWJsZSxcbiAgY2FsbFRvQWN0aW9uTGFiZWwsXG4gIG9uQ2xpY2tEaXNtaXNzLFxuICBvbkNsaWNrQ2FsbFRvQWN0aW9uLFxuICBleHBhbmRhYmxlLFxuICBleHBhbmRCdXR0b25MYWJlbCxcbiAgc2hyaW5rQnV0dG9uTGFiZWwsXG4gIGNoaWxkcmVuLFxuICBhZGp1c3RGb3JTaWRlTmF2VG9nZ2xlLFxuICBjbG9zZUJ1dHRvbkFyaWFMYWJlbCA9IFwiRGlzbWlzcyBub3RpZmljYXRpb25cIixcbiAgXCJkYXRhLWUyZS10ZXN0LWlkXCI6IGRhdGFFMmVUZXN0SWQsXG4gIC4uLmFyaWFBdHRyaWJ1dGVzXG59OiBOb3RpZmljYXRpb25Qcm9wcyk6IFJlYWN0LlJlYWN0RWxlbWVudCB7XG4gIGNvbnN0IFtpc0V4cGFuZGVkLCBzZXRJc0V4cGFuZGVkXSA9IHVzZVN0YXRlKGZhbHNlKTtcbiAgY29uc3QgW2lzRGlzbWlzc2VkLCBzZXRJc0Rpc21pc3NlZF0gPSB1c2VTdGF0ZShmYWxzZSk7XG4gIC8qIERlcml2ZSBub3RpZmljYXRpb24gdHlwZSBmcm9tIHN1YnRoZW1lIHRvIHByb3ZpZGUgYmFja3dhcmQgY29tcGF0aWJpbGl0eSB3aXRoIHRoZSBvbGQgdXNhZ2Ugd2hlcmUgU3ViVGhlbWVQcm92aWRlciB3YXMgZXh0ZXJuYWwgICovXG4gIGNvbnN0IHN1YlRoZW1lID0gdXNlQ29udGV4dChTdWJUaGVtZUNvbnRleHQpO1xuICBjb25zdCBzdWJUaGVtZU5hbWUgPSBPYmplY3Qua2V5cyhERUZBVUxUX0lDT05TX0JZX1RZUEUpLmluY2x1ZGVzKHN1YlRoZW1lKVxuICAgID8gdHlwZSA/PyBzdWJUaGVtZSA/PyBcImluZm9cIlxuICAgIDogdHlwZSA/PyBcImluZm9cIjtcbiAgY29uc3QgaWNvbk5hbWUgPVxuICAgIHR5cGVvZiBpY29uID09PSBcInVuZGVmaW5lZFwiXG4gICAgICA/IERFRkFVTFRfSUNPTlNfQllfVFlQRVtzdWJUaGVtZU5hbWUgYXMgTm90aWZpY2F0aW9uUHJvcHNbXCJ0eXBlXCJdXVxuICAgICAgOiBpY29uO1xuXG4gIGNvbnN0IGRpc21pc3MgPSAoKSA9PiB7XG4gICAgc2V0SXNEaXNtaXNzZWQodHJ1ZSk7XG4gICAgc2V0VGltZW91dChvbkNsaWNrRGlzbWlzcywgQU5JTUFUSU9OX1RJTUUpO1xuICB9O1xuXG4gIGNvbnN0IGxlZnRTcGFjZVByb3A6IFBhcnRpYWw8Qm94UHJvcHM+ID0gYWRqdXN0Rm9yU2lkZU5hdlRvZ2dsZSAmJiB7XG4gICAgbFNwYWNlOiBbXCJzXCIsIFwibFwiXSxcbiAgfTtcblxuICBpZiAoaXNEaXNtaXNzZWQpIHJldHVybiBudWxsO1xuXG4gIHJldHVybiAoXG4gICAgPFN0eWxlZENvbnRhaW5lciBkYXRhLWRzLWlkPVwiTm90aWZpY2F0aW9uXCIgey4uLmFyaWFBdHRyaWJ1dGVzfSByb2xlPVwiYWxlcnRcIj5cbiAgICAgIDxTdWJUaGVtZVByb3ZpZGVyIG5hbWU9e3N1YlRoZW1lTmFtZX0+XG4gICAgICAgIDxTdHlsZWRFeHBhbmRpbmdDb250YWluZXIgaXNEaXNtaXNzZWQ9e2lzRGlzbWlzc2VkfT5cbiAgICAgICAgICA8Q2FyZCBzcXVhcmVDb3JuZXJzIGRhdGEtZTJlLXRlc3QtaWQ9e2RhdGFFMmVUZXN0SWR9PlxuICAgICAgICAgICAgPEJveCBzcGFjZT1cInNcIiB7Li4ubGVmdFNwYWNlUHJvcH0+XG4gICAgICAgICAgICAgIDxDb2x1bW5zIGdhcD1cInNcIiB2QWxpZ25JdGVtcz1cInRvcFwiPlxuICAgICAgICAgICAgICAgIHtpY29uTmFtZSAmJiAoXG4gICAgICAgICAgICAgICAgICA8Q29sdW1uIHNpemU9XCJuYXJyb3dcIj5cbiAgICAgICAgICAgICAgICAgICAgPEJveCB2U3BhY2U9XCJ4eHNcIiBzcGFjZT1cInplcm9cIj5cbiAgICAgICAgICAgICAgICAgICAgICA8SWNvblxuICAgICAgICAgICAgICAgICAgICAgICAgYXJpYS1sYWJlbD17c3ViVGhlbWVOYW1lfVxuICAgICAgICAgICAgICAgICAgICAgICAgbmFtZT17aWNvbk5hbWV9XG4gICAgICAgICAgICAgICAgICAgICAgICBjb2xvcj1cInByaW1hcnlcIlxuICAgICAgICAgICAgICAgICAgICAgICAgZGF0YS10ZXN0aWQ9XCJpY29uXCJcbiAgICAgICAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICAgICAgICA8L0JveD5cbiAgICAgICAgICAgICAgICAgIDwvQ29sdW1uPlxuICAgICAgICAgICAgICAgICl9XG4gICAgICAgICAgICAgICAgPENvbHVtbiBzaXplPVwiZmlsbFwiPlxuICAgICAgICAgICAgICAgICAgPEJveCB2U3BhY2U9XCJ4eHNcIiBzcGFjZT1cInplcm9cIj5cbiAgICAgICAgICAgICAgICAgICAgPFRleHQ+e3RleHR9PC9UZXh0PlxuICAgICAgICAgICAgICAgICAgPC9Cb3g+XG4gICAgICAgICAgICAgICAgPC9Db2x1bW4+e1wiIFwifVxuICAgICAgICAgICAgICAgIHsoY2FsbFRvQWN0aW9uTGFiZWwgfHwgZXhwYW5kYWJsZSkgJiYgKFxuICAgICAgICAgICAgICAgICAgPENvbHVtblxuICAgICAgICAgICAgICAgICAgICBzaXplPXtbMTIsIFwibmFycm93XCIsIFwibmFycm93XCJdfVxuICAgICAgICAgICAgICAgICAgICBvcmRlcj17W1wibGFzdFwiLCBcInVuc2V0XCIsIFwidW5zZXRcIl19XG4gICAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICAgIHtjYWxsVG9BY3Rpb25MYWJlbCAmJiAoXG4gICAgICAgICAgICAgICAgICAgICAgPEJ1dHRvbiBzaXplPVwic1wiIGZ1bGxXaWR0aCBvbkNsaWNrPXtvbkNsaWNrQ2FsbFRvQWN0aW9ufT5cbiAgICAgICAgICAgICAgICAgICAgICAgIHtjYWxsVG9BY3Rpb25MYWJlbH1cbiAgICAgICAgICAgICAgICAgICAgICA8L0J1dHRvbj5cbiAgICAgICAgICAgICAgICAgICAgKX1cbiAgICAgICAgICAgICAgICAgICAge2V4cGFuZGFibGUgJiYgKFxuICAgICAgICAgICAgICAgICAgICAgIDxCdXR0b25cbiAgICAgICAgICAgICAgICAgICAgICAgIHNpemU9XCJzXCJcbiAgICAgICAgICAgICAgICAgICAgICAgIGZ1bGxXaWR0aFxuICAgICAgICAgICAgICAgICAgICAgICAgb25DbGljaz17KCkgPT4gc2V0SXNFeHBhbmRlZCghaXNFeHBhbmRlZCl9XG4gICAgICAgICAgICAgICAgICAgICAgICByaWdodEljb249e2lzRXhwYW5kZWQgPyBcImNoZXZyb24tdXBcIiA6IFwiY2hldnJvbi1kb3duXCJ9XG4gICAgICAgICAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgICAgICAgICAge2lzRXhwYW5kZWQgPyBzaHJpbmtCdXR0b25MYWJlbCA6IGV4cGFuZEJ1dHRvbkxhYmVsfVxuICAgICAgICAgICAgICAgICAgICAgIDwvQnV0dG9uPlxuICAgICAgICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgICAgICAgPC9Db2x1bW4+XG4gICAgICAgICAgICAgICAgKX1cbiAgICAgICAgICAgICAgICB7aXNEaXNtaXNzYWJsZSAmJiAoXG4gICAgICAgICAgICAgICAgICA8Q29sdW1uIHNpemU9XCJuYXJyb3dcIj5cbiAgICAgICAgICAgICAgICAgICAgPEJ1dHRvblxuICAgICAgICAgICAgICAgICAgICAgIGFyaWEtbGFiZWw9e2Nsb3NlQnV0dG9uQXJpYUxhYmVsfVxuICAgICAgICAgICAgICAgICAgICAgIGxlZnRJY29uPVwieFwiXG4gICAgICAgICAgICAgICAgICAgICAgdmFyaWFudD1cInRlcnRpYXJ5XCJcbiAgICAgICAgICAgICAgICAgICAgICBzaXplPVwic1wiXG4gICAgICAgICAgICAgICAgICAgICAgb25DbGljaz17ZGlzbWlzc31cbiAgICAgICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICAgICAgIDwvQ29sdW1uPlxuICAgICAgICAgICAgICAgICl9XG4gICAgICAgICAgICAgIDwvQ29sdW1ucz5cbiAgICAgICAgICAgICAge2lzRXhwYW5kZWQgJiYgY2hpbGRyZW59XG4gICAgICAgICAgICA8L0JveD5cbiAgICAgICAgICA8L0NhcmQ+XG4gICAgICAgIDwvU3R5bGVkRXhwYW5kaW5nQ29udGFpbmVyPlxuICAgICAgPC9TdWJUaGVtZVByb3ZpZGVyPlxuICAgIDwvU3R5bGVkQ29udGFpbmVyPlxuICApO1xufVxuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXNDaUMifQ== */"),StyledContainer=styled("div",{target:"e1knnt2b1",label:"StyledContainer"})(()=>({overflow:"hidden"}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvTm90aWZpY2F0aW9uL05vdGlmaWNhdGlvbi50c3giLCJzb3VyY2VzIjpbInNyYy9jb21wb25lbnRzL05vdGlmaWNhdGlvbi9Ob3RpZmljYXRpb24udHN4Il0sInNvdXJjZXNDb250ZW50IjpbIi8qIGVzbGludC1kaXNhYmxlIHJlYWN0L2pzeC1wcm9wcy1uby1zcHJlYWRpbmcgKi9cbmltcG9ydCBSZWFjdCwgeyB1c2VTdGF0ZSwgdXNlQ29udGV4dCB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgdHlwZSB7IFJlYWN0RWxlbWVudCB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHsgQ2FyZCB9IGZyb20gXCIuLi9DYXJkL0NhcmRcIjtcbmltcG9ydCB0eXBlIHsgQm94UHJvcHMgfSBmcm9tIFwiLi4vQm94L0JveFwiO1xuaW1wb3J0IHsgQm94IH0gZnJvbSBcIi4uL0JveC9Cb3hcIjtcbmltcG9ydCB7IENvbHVtbnMsIENvbHVtbiB9IGZyb20gXCIuLi9Db2x1bW4vQ29sdW1uc1wiO1xuaW1wb3J0IHsgQnV0dG9uIH0gZnJvbSBcIi4uL0J1dHRvbi9CdXR0b25cIjtcbmltcG9ydCB0eXBlIHsgSWNvbk5hbWUgfSBmcm9tIFwiLi4vSWNvbi9JY29uXCI7XG5pbXBvcnQgeyBJY29uIH0gZnJvbSBcIi4uL0ljb24vSWNvblwiO1xuaW1wb3J0IHsgVGV4dCB9IGZyb20gXCIuLi9UeXBvZ3JhcGh5L1RleHQvVGV4dFwiO1xuaW1wb3J0IHtcbiAgU3ViVGhlbWVQcm92aWRlcixcbiAgdHlwZSBTdWJUaGVtZU5hbWUsXG59IGZyb20gXCIuLi9TdWJUaGVtZVByb3ZpZGVyL1N1YlRoZW1lUHJvdmlkZXJcIjtcbmltcG9ydCB7IFN1YlRoZW1lQ29udGV4dCB9IGZyb20gXCIuLi9TdWJUaGVtZVByb3ZpZGVyL1N1YlRoZW1lQ29udGV4dFwiO1xuXG5jb25zdCBBTklNQVRJT05fVElNRSA9IDIwMDtcblxuZXhwb3J0IHR5cGUgTm90aWZpY2F0aW9uUHJvcHMgPSB7XG4gIFwiZGF0YS1lMmUtdGVzdC1pZFwiPzogc3RyaW5nO1xuICB0eXBlPzogRXh0cmFjdDxTdWJUaGVtZU5hbWUsIFwiaW5mb1wiIHwgXCJzdWNjZXNzXCIgfCBcImVycm9yXCI+O1xuICB0ZXh0Pzogc3RyaW5nIHwgUmVhY3RFbGVtZW50O1xuICBpY29uPzogSWNvbk5hbWUgfCBudWxsO1xuICBpc0Rpc21pc3NhYmxlPzogYm9vbGVhbjtcbiAgY2FsbFRvQWN0aW9uTGFiZWw/OiBzdHJpbmc7XG4gIGV4cGFuZEJ1dHRvbkxhYmVsPzogc3RyaW5nO1xuICBzaHJpbmtCdXR0b25MYWJlbD86IHN0cmluZztcbiAgZXhwYW5kYWJsZT86IGJvb2xlYW47XG4gIC8qKiBUaGlzIHByb3AgaW50cm9kdWNlcyBhZGRpdGlvbmFsIHNwYWNlIHRvIHRoZSBsZWZ0IHRvIGFjY291bnQgZm9yIHRoZSBzaWRlIG5hdmlnYXRpb24gY29sbGFwc2UgYnV0dG9uIGluIHVpLWFtYm9zcyAqL1xuICBhZGp1c3RGb3JTaWRlTmF2VG9nZ2xlPzogYm9vbGVhbjtcbiAgY2xvc2VCdXR0b25BcmlhTGFiZWw/OiBzdHJpbmc7XG4gIG9uQ2xpY2tDYWxsVG9BY3Rpb24/OiAoZTogUmVhY3QuTW91c2VFdmVudCkgPT4gdm9pZDtcbiAgb25DbGlja0Rpc21pc3M/OiAoKSA9PiB2b2lkO1xuICBjaGlsZHJlbj86IFJlYWN0LlJlYWN0Tm9kZTtcbn07XG5cbmNvbnN0IFN0eWxlZEV4cGFuZGluZ0NvbnRhaW5lciA9IHN0eWxlZC5kaXY8e1xuICBpc0Rpc21pc3NlZDogYm9vbGVhbjtcbn0+KCh7IGlzRGlzbWlzc2VkIH0pID0+ICh7XG4gIHRyYW5zZm9ybTogYHRyYW5zbGF0ZVkoJHtpc0Rpc21pc3NlZCA/IFwiY2FsYygtMTAwJSAtIDhweClcIiA6IFwiMCVcIn0pYCxcbiAgdHJhbnNpdGlvbjogYHRyYW5zZm9ybSAke1xuICAgIGlzRGlzbWlzc2VkID8gQU5JTUFUSU9OX1RJTUUgOiAwXG4gIH1tcyBjdWJpYy1iZXppZXIoMC4wLCAwLjAsIDAuMjUsIDEuMClgLFxufSkpO1xuXG5jb25zdCBTdHlsZWRDb250YWluZXIgPSBzdHlsZWQuZGl2KCgpID0+ICh7XG4gIG92ZXJmbG93OiBcImhpZGRlblwiLFxufSkpO1xuXG5jb25zdCBERUZBVUxUX0lDT05TX0JZX1RZUEU6IFJlY29yZDxOb3RpZmljYXRpb25Qcm9wc1tcInR5cGVcIl0sIEljb25OYW1lPiA9IHtcbiAgaW5mbzogXCJpbmZvXCIsXG4gIHN1Y2Nlc3M6IFwiY2hlY2stY2lyY2xlXCIsXG4gIGVycm9yOiBcImFsZXJ0LXRyaWFuZ2xlXCIsXG59O1xuXG5leHBvcnQgZnVuY3Rpb24gTm90aWZpY2F0aW9uKHtcbiAgdHlwZSxcbiAgdGV4dCxcbiAgaWNvbixcbiAgaXNEaXNtaXNzYWJsZSxcbiAgY2FsbFRvQWN0aW9uTGFiZWwsXG4gIG9uQ2xpY2tEaXNtaXNzLFxuICBvbkNsaWNrQ2FsbFRvQWN0aW9uLFxuICBleHBhbmRhYmxlLFxuICBleHBhbmRCdXR0b25MYWJlbCxcbiAgc2hyaW5rQnV0dG9uTGFiZWwsXG4gIGNoaWxkcmVuLFxuICBhZGp1c3RGb3JTaWRlTmF2VG9nZ2xlLFxuICBjbG9zZUJ1dHRvbkFyaWFMYWJlbCA9IFwiRGlzbWlzcyBub3RpZmljYXRpb25cIixcbiAgXCJkYXRhLWUyZS10ZXN0LWlkXCI6IGRhdGFFMmVUZXN0SWQsXG4gIC4uLmFyaWFBdHRyaWJ1dGVzXG59OiBOb3RpZmljYXRpb25Qcm9wcyk6IFJlYWN0LlJlYWN0RWxlbWVudCB7XG4gIGNvbnN0IFtpc0V4cGFuZGVkLCBzZXRJc0V4cGFuZGVkXSA9IHVzZVN0YXRlKGZhbHNlKTtcbiAgY29uc3QgW2lzRGlzbWlzc2VkLCBzZXRJc0Rpc21pc3NlZF0gPSB1c2VTdGF0ZShmYWxzZSk7XG4gIC8qIERlcml2ZSBub3RpZmljYXRpb24gdHlwZSBmcm9tIHN1YnRoZW1lIHRvIHByb3ZpZGUgYmFja3dhcmQgY29tcGF0aWJpbGl0eSB3aXRoIHRoZSBvbGQgdXNhZ2Ugd2hlcmUgU3ViVGhlbWVQcm92aWRlciB3YXMgZXh0ZXJuYWwgICovXG4gIGNvbnN0IHN1YlRoZW1lID0gdXNlQ29udGV4dChTdWJUaGVtZUNvbnRleHQpO1xuICBjb25zdCBzdWJUaGVtZU5hbWUgPSBPYmplY3Qua2V5cyhERUZBVUxUX0lDT05TX0JZX1RZUEUpLmluY2x1ZGVzKHN1YlRoZW1lKVxuICAgID8gdHlwZSA/PyBzdWJUaGVtZSA/PyBcImluZm9cIlxuICAgIDogdHlwZSA/PyBcImluZm9cIjtcbiAgY29uc3QgaWNvbk5hbWUgPVxuICAgIHR5cGVvZiBpY29uID09PSBcInVuZGVmaW5lZFwiXG4gICAgICA/IERFRkFVTFRfSUNPTlNfQllfVFlQRVtzdWJUaGVtZU5hbWUgYXMgTm90aWZpY2F0aW9uUHJvcHNbXCJ0eXBlXCJdXVxuICAgICAgOiBpY29uO1xuXG4gIGNvbnN0IGRpc21pc3MgPSAoKSA9PiB7XG4gICAgc2V0SXNEaXNtaXNzZWQodHJ1ZSk7XG4gICAgc2V0VGltZW91dChvbkNsaWNrRGlzbWlzcywgQU5JTUFUSU9OX1RJTUUpO1xuICB9O1xuXG4gIGNvbnN0IGxlZnRTcGFjZVByb3A6IFBhcnRpYWw8Qm94UHJvcHM+ID0gYWRqdXN0Rm9yU2lkZU5hdlRvZ2dsZSAmJiB7XG4gICAgbFNwYWNlOiBbXCJzXCIsIFwibFwiXSxcbiAgfTtcblxuICBpZiAoaXNEaXNtaXNzZWQpIHJldHVybiBudWxsO1xuXG4gIHJldHVybiAoXG4gICAgPFN0eWxlZENvbnRhaW5lciBkYXRhLWRzLWlkPVwiTm90aWZpY2F0aW9uXCIgey4uLmFyaWFBdHRyaWJ1dGVzfSByb2xlPVwiYWxlcnRcIj5cbiAgICAgIDxTdWJUaGVtZVByb3ZpZGVyIG5hbWU9e3N1YlRoZW1lTmFtZX0+XG4gICAgICAgIDxTdHlsZWRFeHBhbmRpbmdDb250YWluZXIgaXNEaXNtaXNzZWQ9e2lzRGlzbWlzc2VkfT5cbiAgICAgICAgICA8Q2FyZCBzcXVhcmVDb3JuZXJzIGRhdGEtZTJlLXRlc3QtaWQ9e2RhdGFFMmVUZXN0SWR9PlxuICAgICAgICAgICAgPEJveCBzcGFjZT1cInNcIiB7Li4ubGVmdFNwYWNlUHJvcH0+XG4gICAgICAgICAgICAgIDxDb2x1bW5zIGdhcD1cInNcIiB2QWxpZ25JdGVtcz1cInRvcFwiPlxuICAgICAgICAgICAgICAgIHtpY29uTmFtZSAmJiAoXG4gICAgICAgICAgICAgICAgICA8Q29sdW1uIHNpemU9XCJuYXJyb3dcIj5cbiAgICAgICAgICAgICAgICAgICAgPEJveCB2U3BhY2U9XCJ4eHNcIiBzcGFjZT1cInplcm9cIj5cbiAgICAgICAgICAgICAgICAgICAgICA8SWNvblxuICAgICAgICAgICAgICAgICAgICAgICAgYXJpYS1sYWJlbD17c3ViVGhlbWVOYW1lfVxuICAgICAgICAgICAgICAgICAgICAgICAgbmFtZT17aWNvbk5hbWV9XG4gICAgICAgICAgICAgICAgICAgICAgICBjb2xvcj1cInByaW1hcnlcIlxuICAgICAgICAgICAgICAgICAgICAgICAgZGF0YS10ZXN0aWQ9XCJpY29uXCJcbiAgICAgICAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICAgICAgICA8L0JveD5cbiAgICAgICAgICAgICAgICAgIDwvQ29sdW1uPlxuICAgICAgICAgICAgICAgICl9XG4gICAgICAgICAgICAgICAgPENvbHVtbiBzaXplPVwiZmlsbFwiPlxuICAgICAgICAgICAgICAgICAgPEJveCB2U3BhY2U9XCJ4eHNcIiBzcGFjZT1cInplcm9cIj5cbiAgICAgICAgICAgICAgICAgICAgPFRleHQ+e3RleHR9PC9UZXh0PlxuICAgICAgICAgICAgICAgICAgPC9Cb3g+XG4gICAgICAgICAgICAgICAgPC9Db2x1bW4+e1wiIFwifVxuICAgICAgICAgICAgICAgIHsoY2FsbFRvQWN0aW9uTGFiZWwgfHwgZXhwYW5kYWJsZSkgJiYgKFxuICAgICAgICAgICAgICAgICAgPENvbHVtblxuICAgICAgICAgICAgICAgICAgICBzaXplPXtbMTIsIFwibmFycm93XCIsIFwibmFycm93XCJdfVxuICAgICAgICAgICAgICAgICAgICBvcmRlcj17W1wibGFzdFwiLCBcInVuc2V0XCIsIFwidW5zZXRcIl19XG4gICAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICAgIHtjYWxsVG9BY3Rpb25MYWJlbCAmJiAoXG4gICAgICAgICAgICAgICAgICAgICAgPEJ1dHRvbiBzaXplPVwic1wiIGZ1bGxXaWR0aCBvbkNsaWNrPXtvbkNsaWNrQ2FsbFRvQWN0aW9ufT5cbiAgICAgICAgICAgICAgICAgICAgICAgIHtjYWxsVG9BY3Rpb25MYWJlbH1cbiAgICAgICAgICAgICAgICAgICAgICA8L0J1dHRvbj5cbiAgICAgICAgICAgICAgICAgICAgKX1cbiAgICAgICAgICAgICAgICAgICAge2V4cGFuZGFibGUgJiYgKFxuICAgICAgICAgICAgICAgICAgICAgIDxCdXR0b25cbiAgICAgICAgICAgICAgICAgICAgICAgIHNpemU9XCJzXCJcbiAgICAgICAgICAgICAgICAgICAgICAgIGZ1bGxXaWR0aFxuICAgICAgICAgICAgICAgICAgICAgICAgb25DbGljaz17KCkgPT4gc2V0SXNFeHBhbmRlZCghaXNFeHBhbmRlZCl9XG4gICAgICAgICAgICAgICAgICAgICAgICByaWdodEljb249e2lzRXhwYW5kZWQgPyBcImNoZXZyb24tdXBcIiA6IFwiY2hldnJvbi1kb3duXCJ9XG4gICAgICAgICAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgICAgICAgICAge2lzRXhwYW5kZWQgPyBzaHJpbmtCdXR0b25MYWJlbCA6IGV4cGFuZEJ1dHRvbkxhYmVsfVxuICAgICAgICAgICAgICAgICAgICAgIDwvQnV0dG9uPlxuICAgICAgICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgICAgICAgPC9Db2x1bW4+XG4gICAgICAgICAgICAgICAgKX1cbiAgICAgICAgICAgICAgICB7aXNEaXNtaXNzYWJsZSAmJiAoXG4gICAgICAgICAgICAgICAgICA8Q29sdW1uIHNpemU9XCJuYXJyb3dcIj5cbiAgICAgICAgICAgICAgICAgICAgPEJ1dHRvblxuICAgICAgICAgICAgICAgICAgICAgIGFyaWEtbGFiZWw9e2Nsb3NlQnV0dG9uQXJpYUxhYmVsfVxuICAgICAgICAgICAgICAgICAgICAgIGxlZnRJY29uPVwieFwiXG4gICAgICAgICAgICAgICAgICAgICAgdmFyaWFudD1cInRlcnRpYXJ5XCJcbiAgICAgICAgICAgICAgICAgICAgICBzaXplPVwic1wiXG4gICAgICAgICAgICAgICAgICAgICAgb25DbGljaz17ZGlzbWlzc31cbiAgICAgICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICAgICAgIDwvQ29sdW1uPlxuICAgICAgICAgICAgICAgICl9XG4gICAgICAgICAgICAgIDwvQ29sdW1ucz5cbiAgICAgICAgICAgICAge2lzRXhwYW5kZWQgJiYgY2hpbGRyZW59XG4gICAgICAgICAgICA8L0JveD5cbiAgICAgICAgICA8L0NhcmQ+XG4gICAgICAgIDwvU3R5bGVkRXhwYW5kaW5nQ29udGFpbmVyPlxuICAgICAgPC9TdWJUaGVtZVByb3ZpZGVyPlxuICAgIDwvU3R5bGVkQ29udGFpbmVyPlxuICApO1xufVxuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQStDd0IifQ== */"),DEFAULT_ICONS_BY_TYPE={info:"info",success:"check-circle",error:"alert-triangle"};export function Notification({type,text,icon,isDismissable,callToActionLabel,onClickDismiss,onClickCallToAction,expandable,expandButtonLabel,shrinkButtonLabel,children,adjustForSideNavToggle,closeButtonAriaLabel="Dismiss notification","data-e2e-test-id":dataE2eTestId,...ariaAttributes}){let[isExpanded,setIsExpanded]=useState(!1),[isDismissed,setIsDismissed]=useState(!1),subTheme=useContext(SubThemeContext),subThemeName=Object.keys(DEFAULT_ICONS_BY_TYPE).includes(subTheme)?type??subTheme??"info":type??"info",iconName=void 0===icon?DEFAULT_ICONS_BY_TYPE[subThemeName]:icon;return isDismissed?null:React.createElement(StyledContainer,{"data-ds-id":"Notification",...ariaAttributes,role:"alert"},React.createElement(SubThemeProvider,{name:subThemeName},React.createElement(StyledExpandingContainer,{isDismissed:isDismissed},React.createElement(Card,{squareCorners:!0,"data-e2e-test-id":dataE2eTestId},React.createElement(Box,{space:"s",...adjustForSideNavToggle&&{lSpace:["s","l"]}},React.createElement(Columns,{gap:"s",vAlignItems:"top"},iconName&&React.createElement(Column,{size:"narrow"},React.createElement(Box,{vSpace:"xxs",space:"zero"},React.createElement(Icon,{"aria-label":subThemeName,name:iconName,color:"primary","data-testid":"icon"}))),React.createElement(Column,{size:"fill"},React.createElement(Box,{vSpace:"xxs",space:"zero"},React.createElement(Text,null,text)))," ",(callToActionLabel||expandable)&&React.createElement(Column,{size:[12,"narrow","narrow"],order:["last","unset","unset"]},callToActionLabel&&React.createElement(Button,{size:"s",fullWidth:!0,onClick:onClickCallToAction},callToActionLabel),expandable&&React.createElement(Button,{size:"s",fullWidth:!0,onClick:()=>setIsExpanded(!isExpanded),rightIcon:isExpanded?"chevron-up":"chevron-down"},isExpanded?shrinkButtonLabel:expandButtonLabel)),isDismissable&&React.createElement(Column,{size:"narrow"},React.createElement(Button,{"aria-label":closeButtonAriaLabel,leftIcon:"x",variant:"tertiary",size:"s",onClick:()=>{setIsDismissed(!0),setTimeout(onClickDismiss,200)}}))),isExpanded&&children)))))}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export declare const DialogContext:
|
|
1
|
+
export declare const DialogContext: React.Context<boolean>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export declare const SubThemeContext:
|
|
1
|
+
export declare const SubThemeContext: React.Context<import("./SubThemeProvider").SubThemeName>;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
import type { ContainerQueryBreakpoints } from "../../../shared/mediaQueries";
|
|
2
|
-
export declare const ContainerQueryContext:
|
|
2
|
+
export declare const ContainerQueryContext: React.Context<ContainerQueryBreakpoints>;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
export declare const ScreenReaderText: import("@emotion/styled").StyledComponent<{
|
|
2
2
|
theme?: import("@emotion/react").Theme;
|
|
3
3
|
as?: React.ElementType;
|
|
4
|
-
},
|
|
4
|
+
}, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import styled from"@emotion/styled";import React,{useRef,useReducer,useLayoutEffect,useEffect}from"react";import{VirtualScrollReducer}from"./VirtualScrollListReducer";let StyledContainer=styled("div",{target:"eq4r19g0",label:"StyledContainer"})(({maxHeight})=>({overflow:"auto",width:"100%",height:"100%",maxHeight}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvVmlydHVhbFNjcm9sbExpc3QvVmlydHVhbFNjcm9sbExpc3QudHN4Iiwic291cmNlcyI6WyJzcmMvY29tcG9uZW50cy9WaXJ0dWFsU2Nyb2xsTGlzdC9WaXJ0dWFsU2Nyb2xsTGlzdC50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgUmVhY3QsIHsgdXNlUmVmLCB1c2VSZWR1Y2VyLCB1c2VMYXlvdXRFZmZlY3QsIHVzZUVmZmVjdCB9IGZyb20gXCJyZWFjdFwiO1xuXG5pbXBvcnQgeyBWaXJ0dWFsU2Nyb2xsUmVkdWNlciB9IGZyb20gXCIuL1ZpcnR1YWxTY3JvbGxMaXN0UmVkdWNlclwiO1xuXG5jb25zdCBTdHlsZWRDb250YWluZXIgPSBzdHlsZWQuZGl2PFBhcnRpYWw8VmlydHVhbFNjcm9sbExpc3RQcm9wcz4+KFxuICAoeyBtYXhIZWlnaHQgfSkgPT4gKHtcbiAgICBvdmVyZmxvdzogXCJhdXRvXCIsXG4gICAgd2lkdGg6IFwiMTAwJVwiLFxuICAgIGhlaWdodDogXCIxMDAlXCIsXG4gICAgbWF4SGVpZ2h0LFxuICB9KVxuKTtcblxuY29uc3QgU3R5bGVkU2Nyb2xsYWJsZUNvbnRlbnQgPSBzdHlsZWQuZGl2PHsgbWF4Q29udGVudEhlaWdodDogbnVtYmVyIH0+KFxuICAoeyBtYXhDb250ZW50SGVpZ2h0IH0pID0+ICh7XG4gICAgb3ZlcmZsb3c6IFwiaGlkZGVuXCIsXG4gICAgYm94U2l6aW5nOiBcImJvcmRlci1ib3hcIixcbiAgICBoZWlnaHQ6IG1heENvbnRlbnRIZWlnaHQsXG4gIH0pXG4pO1xuXG5leHBvcnQgdHlwZSBWaXJ0dWFsU2Nyb2xsTGlzdFByb3BzID0ge1xuICBcImRhdGEtZTJlLXRlc3QtaWRcIj86IHN0cmluZztcbiAgaWQ6IHN0cmluZztcbiAgbWF4SGVpZ2h0OiBudW1iZXI7XG4gIC8qKiBpbml0aWFsIGVzdGltYXRlIGZvciB2aXJ0dWFsIHNjcm9sbGluZyBjYWxjdWxhdGlvbnMsIGhlbHBzIGVzdGltYXRlIGhvdyBtYW55XG4gICAqIGl0ZW1zIGZpdCBpbiB0aGUgdmlld3BvcnQgYmVmb3JlIHJlYWwgbWVhc3VyZW1lbnRzLlxuICAgKi9cbiAgaXRlbUhlaWdodDogbnVtYmVyO1xuICBpdGVtQW1vdW50OiBudW1iZXI7XG4gIGVtcHR5U3RhdGU/OiAoKSA9PiBSZWFjdC5SZWFjdE5vZGU7XG4gIGl0ZW1JblZpZXc6IG51bWJlcjtcbiAgaXRlbVRlbXBsYXRlOiAoaW5kZXg6IG51bWJlcikgPT4gUmVhY3QuUmVhY3ROb2RlO1xuICBjb250YWluZXJTdHlsZT86IFJlYWN0LkNTU1Byb3BlcnRpZXM7XG4gIG9uQ29udGVudEhlaWdodENoYW5nZT86ICgpID0+IHZvaWQ7XG4gIHJvbGU/OiBSZWFjdC5BcmlhUm9sZTtcbn07XG5cbmNvbnN0IG92ZXJzY2FuID0gMTA7XG5cbmV4cG9ydCBmdW5jdGlvbiBWaXJ0dWFsU2Nyb2xsTGlzdCh7XG4gIGlkLFxuICBtYXhIZWlnaHQsXG4gIGl0ZW1IZWlnaHQsXG4gIGl0ZW1BbW91bnQsXG4gIGVtcHR5U3RhdGUgPSAoKSA9PiBudWxsLFxuICBpdGVtSW5WaWV3LFxuICBpdGVtVGVtcGxhdGUsXG4gIGNvbnRhaW5lclN0eWxlLFxuICBcImRhdGEtZTJlLXRlc3QtaWRcIjogZGF0YUUyZVRlc3RJZCxcbiAgb25Db250ZW50SGVpZ2h0Q2hhbmdlLFxuICByb2xlLFxuICAuLi5hcmlhQXR0cmlidXRlc1xufTogVmlydHVhbFNjcm9sbExpc3RQcm9wcyk6IFJlYWN0LlJlYWN0RWxlbWVudCB7XG4gIGNvbnN0IHNjcm9sbGFibGVDb250YWluZXJSZWYgPSB1c2VSZWYobnVsbCk7XG4gIGNvbnN0IHZpZXdwb3J0UmVmID0gdXNlUmVmKG51bGwpO1xuICBjb25zdCBhZGp1c3RlZEZvclJlZmxvdyA9IHVzZVJlZihmYWxzZSk7XG5cbiAgY29uc3QgW1xuICAgIHtcbiAgICAgIHNjcm9sbGVkSXRlbUNvdW50LFxuICAgICAgYW1vdW50T2ZJdGVtc0luVmlldyxcbiAgICAgIHNjcm9sbGVkSW5QeCxcbiAgICAgIG1heENvbnRlbnRIZWlnaHQgPSBtYXhIZWlnaHQsXG4gICAgICByZWNvbW1lbmRlZFNjcm9sbFBvc2l0aW9uLFxuICAgIH0sXG4gICAgZGlzcGF0Y2gsXG4gIF0gPSB1c2VSZWR1Y2VyKFZpcnR1YWxTY3JvbGxSZWR1Y2VyLCB7fSk7XG5cbiAgdXNlTGF5b3V0RWZmZWN0KCgpID0+IHtcbiAgICBkaXNwYXRjaCh7IHR5cGU6IFwicmVzZXRcIiwgaXRlbUhlaWdodCwgbWF4SGVpZ2h0LCBvdmVyc2NhbiB9KTtcbiAgICBzY3JvbGxhYmxlQ29udGFpbmVyUmVmLmN1cnJlbnQuc2Nyb2xsVG9wID0gMDtcbiAgfSwgW2l0ZW1IZWlnaHQsIGl0ZW1BbW91bnQsIG1heEhlaWdodF0pO1xuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgZGlzcGF0Y2goe1xuICAgICAgdHlwZTogXCJyZWNvbW1lbmRTY3JvbGxQb3NpdGlvblwiLFxuICAgICAgc2Nyb2xsVG9wOiBzY3JvbGxhYmxlQ29udGFpbmVyUmVmLmN1cnJlbnQuc2Nyb2xsVG9wLFxuICAgICAgaXRlbVRvQmVJblZpZXc6IGl0ZW1JblZpZXcsXG4gICAgfSk7XG4gIH0sIFtpdGVtSW5WaWV3XSk7XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBpZiAocmVjb21tZW5kZWRTY3JvbGxQb3NpdGlvbiA9PT0gbnVsbCkgcmV0dXJuO1xuXG4gICAgc2Nyb2xsYWJsZUNvbnRhaW5lclJlZi5jdXJyZW50LnNjcm9sbFRvcCA9IHJlY29tbWVuZGVkU2Nyb2xsUG9zaXRpb247XG4gIH0sIFtyZWNvbW1lbmRlZFNjcm9sbFBvc2l0aW9uXSk7XG5cbiAgdXNlTGF5b3V0RWZmZWN0KCgpID0+IHtcbiAgICBpZiAoIXZpZXdwb3J0UmVmLmN1cnJlbnQpIHJldHVybjtcblxuICAgIGRpc3BhdGNoKHtcbiAgICAgIHR5cGU6IFwidXBkYXRlVmlld3BvcnRcIixcbiAgICAgIHZpZXdwb3J0Tm9kZTogdmlld3BvcnRSZWYuY3VycmVudCxcbiAgICAgIGl0ZW1BbW91bnQsXG4gICAgfSk7XG4gIH0sIFtpdGVtQW1vdW50LCBzY3JvbGxlZEl0ZW1Db3VudF0pO1xuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgb25Db250ZW50SGVpZ2h0Q2hhbmdlPy4oKTtcbiAgfSwgW21heENvbnRlbnRIZWlnaHQsIG9uQ29udGVudEhlaWdodENoYW5nZV0pO1xuXG4gIGNvbnN0IGl0ZW1Db3VudFRvQmVSZW5kZXJlZCA9IE1hdGgubWluKFxuICAgIE1hdGgubWF4KDAsIGl0ZW1BbW91bnQgLSBzY3JvbGxlZEl0ZW1Db3VudCksXG4gICAgYW1vdW50T2ZJdGVtc0luVmlld1xuICApO1xuXG4gIC8qIFNvbWV0aW1lcywgb3B0aW9uIHRleHQgY2FuIHJlZmxvdyBkdWUgdGhlIGFwcGVhcmFuY2Ugb2YgdmVydGljYWwgc2Nyb2xsYmFyIHdoaWNoIGNhbiBjYXVzZSB0ZXh0IHRvIHdyYXAgdG8gbXVsdGlwbGUgbGluZXMgY2F1c2luZyB2aWV3cG9ydFJlZiBoZWlnaHQgdG8gY2hhbmdlLiBJZiBjb250YWluZXIgaGFzIHNjcm9sbCB0aGVuIHdlIGRpc3BhdGNoIGB1cGRhdGVWaWV3cG9ydGAgb25lIG1vcmUgdGltZSB0byBnZXQgdGhlIGNvcnJlY3QgaGVpZ2h0LCB3aXRoIGEgc2V0VGltZW91dCB0byBhbGxvdyB0aW1lIGZvciByZWZsb3cuXG4gICAqL1xuICBpZiAoXG4gICAgbWF4Q29udGVudEhlaWdodCA+IG1heEhlaWdodCAmJlxuICAgICFhZGp1c3RlZEZvclJlZmxvdy5jdXJyZW50ICYmXG4gICAgdmlld3BvcnRSZWYuY3VycmVudFxuICApIHtcbiAgICBzZXRUaW1lb3V0KCgpID0+IHtcbiAgICAgIGRpc3BhdGNoKHtcbiAgICAgICAgdHlwZTogXCJ1cGRhdGVWaWV3cG9ydFwiLFxuICAgICAgICB2aWV3cG9ydE5vZGU6IHZpZXdwb3J0UmVmLmN1cnJlbnQsXG4gICAgICAgIGl0ZW1BbW91bnQsXG4gICAgICB9KTtcbiAgICB9KTtcbiAgICBhZGp1c3RlZEZvclJlZmxvdy5jdXJyZW50ID0gdHJ1ZTtcbiAgfVxuXG4gIHJldHVybiAoXG4gICAgPFN0eWxlZENvbnRhaW5lclxuICAgICAgcmVmPXtzY3JvbGxhYmxlQ29udGFpbmVyUmVmfVxuICAgICAgbWF4SGVpZ2h0PXttYXhIZWlnaHR9XG4gICAgICBzdHlsZT17e1xuICAgICAgICBtYXhIZWlnaHQsXG4gICAgICAgIC4uLmNvbnRhaW5lclN0eWxlLFxuICAgICAgfX1cbiAgICAgIGRhdGEtZTJlLXRlc3QtaWQ9e2RhdGFFMmVUZXN0SWR9XG4gICAgICBkYXRhLWRzLWlkPVwiVmlydHVhbFNjcm9sbExpc3RcIlxuICAgICAgb25TY3JvbGw9eyhlOiBSZWFjdC5VSUV2ZW50PEhUTUxFbGVtZW50PikgPT4ge1xuICAgICAgICBkaXNwYXRjaCh7XG4gICAgICAgICAgdHlwZTogXCJzY3JvbGxcIixcbiAgICAgICAgICBzY3JvbGxUb3A6IGUuY3VycmVudFRhcmdldC5zY3JvbGxUb3AsXG4gICAgICAgIH0pO1xuICAgICAgfX1cbiAgICA+XG4gICAgICB7aXRlbUFtb3VudCA9PT0gMCA/IChcbiAgICAgICAgZW1wdHlTdGF0ZSgpXG4gICAgICApIDogKFxuICAgICAgICA8U3R5bGVkU2Nyb2xsYWJsZUNvbnRlbnQgbWF4Q29udGVudEhlaWdodD17bWF4Q29udGVudEhlaWdodH0+XG4gICAgICAgICAgPHVsXG4gICAgICAgICAgICByZWY9e3ZpZXdwb3J0UmVmfVxuICAgICAgICAgICAgc3R5bGU9e3tcbiAgICAgICAgICAgICAgdHJhbnNmb3JtOiBgdHJhbnNsYXRlWSgke3Njcm9sbGVkSW5QeH1weGAsXG4gICAgICAgICAgICB9fVxuICAgICAgICAgICAgcm9sZT17cm9sZX1cbiAgICAgICAgICAgIGlkPXtpZH1cbiAgICAgICAgICAgIHsuLi5hcmlhQXR0cmlidXRlc31cbiAgICAgICAgICA+XG4gICAgICAgICAgICB7ISFpdGVtQ291bnRUb0JlUmVuZGVyZWQgJiZcbiAgICAgICAgICAgICAgbmV3IEFycmF5KGl0ZW1Db3VudFRvQmVSZW5kZXJlZClcbiAgICAgICAgICAgICAgICAuZmlsbCgwKVxuICAgICAgICAgICAgICAgIC5tYXAoKF8sIGluZGV4KSA9PiBpdGVtVGVtcGxhdGUoc2Nyb2xsZWRJdGVtQ291bnQgKyBpbmRleCkpfVxuICAgICAgICAgIDwvdWw+XG4gICAgICAgIDwvU3R5bGVkU2Nyb2xsYWJsZUNvbnRlbnQ+XG4gICAgICApfVxuICAgIDwvU3R5bGVkQ29udGFpbmVyPlxuICApO1xufVxuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUt3QiJ9 */"),StyledScrollableContent=styled("div",{target:"eq4r19g1",label:"StyledScrollableContent"})(({maxContentHeight})=>({overflow:"hidden",boxSizing:"border-box",height:maxContentHeight}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvVmlydHVhbFNjcm9sbExpc3QvVmlydHVhbFNjcm9sbExpc3QudHN4Iiwic291cmNlcyI6WyJzcmMvY29tcG9uZW50cy9WaXJ0dWFsU2Nyb2xsTGlzdC9WaXJ0dWFsU2Nyb2xsTGlzdC50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgUmVhY3QsIHsgdXNlUmVmLCB1c2VSZWR1Y2VyLCB1c2VMYXlvdXRFZmZlY3QsIHVzZUVmZmVjdCB9IGZyb20gXCJyZWFjdFwiO1xuXG5pbXBvcnQgeyBWaXJ0dWFsU2Nyb2xsUmVkdWNlciB9IGZyb20gXCIuL1ZpcnR1YWxTY3JvbGxMaXN0UmVkdWNlclwiO1xuXG5jb25zdCBTdHlsZWRDb250YWluZXIgPSBzdHlsZWQuZGl2PFBhcnRpYWw8VmlydHVhbFNjcm9sbExpc3RQcm9wcz4+KFxuICAoeyBtYXhIZWlnaHQgfSkgPT4gKHtcbiAgICBvdmVyZmxvdzogXCJhdXRvXCIsXG4gICAgd2lkdGg6IFwiMTAwJVwiLFxuICAgIGhlaWdodDogXCIxMDAlXCIsXG4gICAgbWF4SGVpZ2h0LFxuICB9KVxuKTtcblxuY29uc3QgU3R5bGVkU2Nyb2xsYWJsZUNvbnRlbnQgPSBzdHlsZWQuZGl2PHsgbWF4Q29udGVudEhlaWdodDogbnVtYmVyIH0+KFxuICAoeyBtYXhDb250ZW50SGVpZ2h0IH0pID0+ICh7XG4gICAgb3ZlcmZsb3c6IFwiaGlkZGVuXCIsXG4gICAgYm94U2l6aW5nOiBcImJvcmRlci1ib3hcIixcbiAgICBoZWlnaHQ6IG1heENvbnRlbnRIZWlnaHQsXG4gIH0pXG4pO1xuXG5leHBvcnQgdHlwZSBWaXJ0dWFsU2Nyb2xsTGlzdFByb3BzID0ge1xuICBcImRhdGEtZTJlLXRlc3QtaWRcIj86IHN0cmluZztcbiAgaWQ6IHN0cmluZztcbiAgbWF4SGVpZ2h0OiBudW1iZXI7XG4gIC8qKiBpbml0aWFsIGVzdGltYXRlIGZvciB2aXJ0dWFsIHNjcm9sbGluZyBjYWxjdWxhdGlvbnMsIGhlbHBzIGVzdGltYXRlIGhvdyBtYW55XG4gICAqIGl0ZW1zIGZpdCBpbiB0aGUgdmlld3BvcnQgYmVmb3JlIHJlYWwgbWVhc3VyZW1lbnRzLlxuICAgKi9cbiAgaXRlbUhlaWdodDogbnVtYmVyO1xuICBpdGVtQW1vdW50OiBudW1iZXI7XG4gIGVtcHR5U3RhdGU/OiAoKSA9PiBSZWFjdC5SZWFjdE5vZGU7XG4gIGl0ZW1JblZpZXc6IG51bWJlcjtcbiAgaXRlbVRlbXBsYXRlOiAoaW5kZXg6IG51bWJlcikgPT4gUmVhY3QuUmVhY3ROb2RlO1xuICBjb250YWluZXJTdHlsZT86IFJlYWN0LkNTU1Byb3BlcnRpZXM7XG4gIG9uQ29udGVudEhlaWdodENoYW5nZT86ICgpID0+IHZvaWQ7XG4gIHJvbGU/OiBSZWFjdC5BcmlhUm9sZTtcbn07XG5cbmNvbnN0IG92ZXJzY2FuID0gMTA7XG5cbmV4cG9ydCBmdW5jdGlvbiBWaXJ0dWFsU2Nyb2xsTGlzdCh7XG4gIGlkLFxuICBtYXhIZWlnaHQsXG4gIGl0ZW1IZWlnaHQsXG4gIGl0ZW1BbW91bnQsXG4gIGVtcHR5U3RhdGUgPSAoKSA9PiBudWxsLFxuICBpdGVtSW5WaWV3LFxuICBpdGVtVGVtcGxhdGUsXG4gIGNvbnRhaW5lclN0eWxlLFxuICBcImRhdGEtZTJlLXRlc3QtaWRcIjogZGF0YUUyZVRlc3RJZCxcbiAgb25Db250ZW50SGVpZ2h0Q2hhbmdlLFxuICByb2xlLFxuICAuLi5hcmlhQXR0cmlidXRlc1xufTogVmlydHVhbFNjcm9sbExpc3RQcm9wcyk6IFJlYWN0LlJlYWN0RWxlbWVudCB7XG4gIGNvbnN0IHNjcm9sbGFibGVDb250YWluZXJSZWYgPSB1c2VSZWYobnVsbCk7XG4gIGNvbnN0IHZpZXdwb3J0UmVmID0gdXNlUmVmKG51bGwpO1xuICBjb25zdCBhZGp1c3RlZEZvclJlZmxvdyA9IHVzZVJlZihmYWxzZSk7XG5cbiAgY29uc3QgW1xuICAgIHtcbiAgICAgIHNjcm9sbGVkSXRlbUNvdW50LFxuICAgICAgYW1vdW50T2ZJdGVtc0luVmlldyxcbiAgICAgIHNjcm9sbGVkSW5QeCxcbiAgICAgIG1heENvbnRlbnRIZWlnaHQgPSBtYXhIZWlnaHQsXG4gICAgICByZWNvbW1lbmRlZFNjcm9sbFBvc2l0aW9uLFxuICAgIH0sXG4gICAgZGlzcGF0Y2gsXG4gIF0gPSB1c2VSZWR1Y2VyKFZpcnR1YWxTY3JvbGxSZWR1Y2VyLCB7fSk7XG5cbiAgdXNlTGF5b3V0RWZmZWN0KCgpID0+IHtcbiAgICBkaXNwYXRjaCh7IHR5cGU6IFwicmVzZXRcIiwgaXRlbUhlaWdodCwgbWF4SGVpZ2h0LCBvdmVyc2NhbiB9KTtcbiAgICBzY3JvbGxhYmxlQ29udGFpbmVyUmVmLmN1cnJlbnQuc2Nyb2xsVG9wID0gMDtcbiAgfSwgW2l0ZW1IZWlnaHQsIGl0ZW1BbW91bnQsIG1heEhlaWdodF0pO1xuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgZGlzcGF0Y2goe1xuICAgICAgdHlwZTogXCJyZWNvbW1lbmRTY3JvbGxQb3NpdGlvblwiLFxuICAgICAgc2Nyb2xsVG9wOiBzY3JvbGxhYmxlQ29udGFpbmVyUmVmLmN1cnJlbnQuc2Nyb2xsVG9wLFxuICAgICAgaXRlbVRvQmVJblZpZXc6IGl0ZW1JblZpZXcsXG4gICAgfSk7XG4gIH0sIFtpdGVtSW5WaWV3XSk7XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBpZiAocmVjb21tZW5kZWRTY3JvbGxQb3NpdGlvbiA9PT0gbnVsbCkgcmV0dXJuO1xuXG4gICAgc2Nyb2xsYWJsZUNvbnRhaW5lclJlZi5jdXJyZW50LnNjcm9sbFRvcCA9IHJlY29tbWVuZGVkU2Nyb2xsUG9zaXRpb247XG4gIH0sIFtyZWNvbW1lbmRlZFNjcm9sbFBvc2l0aW9uXSk7XG5cbiAgdXNlTGF5b3V0RWZmZWN0KCgpID0+IHtcbiAgICBpZiAoIXZpZXdwb3J0UmVmLmN1cnJlbnQpIHJldHVybjtcblxuICAgIGRpc3BhdGNoKHtcbiAgICAgIHR5cGU6IFwidXBkYXRlVmlld3BvcnRcIixcbiAgICAgIHZpZXdwb3J0Tm9kZTogdmlld3BvcnRSZWYuY3VycmVudCxcbiAgICAgIGl0ZW1BbW91bnQsXG4gICAgfSk7XG4gIH0sIFtpdGVtQW1vdW50LCBzY3JvbGxlZEl0ZW1Db3VudF0pO1xuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgb25Db250ZW50SGVpZ2h0Q2hhbmdlPy4oKTtcbiAgfSwgW21heENvbnRlbnRIZWlnaHQsIG9uQ29udGVudEhlaWdodENoYW5nZV0pO1xuXG4gIGNvbnN0IGl0ZW1Db3VudFRvQmVSZW5kZXJlZCA9IE1hdGgubWluKFxuICAgIE1hdGgubWF4KDAsIGl0ZW1BbW91bnQgLSBzY3JvbGxlZEl0ZW1Db3VudCksXG4gICAgYW1vdW50T2ZJdGVtc0luVmlld1xuICApO1xuXG4gIC8qIFNvbWV0aW1lcywgb3B0aW9uIHRleHQgY2FuIHJlZmxvdyBkdWUgdGhlIGFwcGVhcmFuY2Ugb2YgdmVydGljYWwgc2Nyb2xsYmFyIHdoaWNoIGNhbiBjYXVzZSB0ZXh0IHRvIHdyYXAgdG8gbXVsdGlwbGUgbGluZXMgY2F1c2luZyB2aWV3cG9ydFJlZiBoZWlnaHQgdG8gY2hhbmdlLiBJZiBjb250YWluZXIgaGFzIHNjcm9sbCB0aGVuIHdlIGRpc3BhdGNoIGB1cGRhdGVWaWV3cG9ydGAgb25lIG1vcmUgdGltZSB0byBnZXQgdGhlIGNvcnJlY3QgaGVpZ2h0LCB3aXRoIGEgc2V0VGltZW91dCB0byBhbGxvdyB0aW1lIGZvciByZWZsb3cuXG4gICAqL1xuICBpZiAoXG4gICAgbWF4Q29udGVudEhlaWdodCA+IG1heEhlaWdodCAmJlxuICAgICFhZGp1c3RlZEZvclJlZmxvdy5jdXJyZW50ICYmXG4gICAgdmlld3BvcnRSZWYuY3VycmVudFxuICApIHtcbiAgICBzZXRUaW1lb3V0KCgpID0+IHtcbiAgICAgIGRpc3BhdGNoKHtcbiAgICAgICAgdHlwZTogXCJ1cGRhdGVWaWV3cG9ydFwiLFxuICAgICAgICB2aWV3cG9ydE5vZGU6IHZpZXdwb3J0UmVmLmN1cnJlbnQsXG4gICAgICAgIGl0ZW1BbW91bnQsXG4gICAgICB9KTtcbiAgICB9KTtcbiAgICBhZGp1c3RlZEZvclJlZmxvdy5jdXJyZW50ID0gdHJ1ZTtcbiAgfVxuXG4gIHJldHVybiAoXG4gICAgPFN0eWxlZENvbnRhaW5lclxuICAgICAgcmVmPXtzY3JvbGxhYmxlQ29udGFpbmVyUmVmfVxuICAgICAgbWF4SGVpZ2h0PXttYXhIZWlnaHR9XG4gICAgICBzdHlsZT17e1xuICAgICAgICBtYXhIZWlnaHQsXG4gICAgICAgIC4uLmNvbnRhaW5lclN0eWxlLFxuICAgICAgfX1cbiAgICAgIGRhdGEtZTJlLXRlc3QtaWQ9e2RhdGFFMmVUZXN0SWR9XG4gICAgICBkYXRhLWRzLWlkPVwiVmlydHVhbFNjcm9sbExpc3RcIlxuICAgICAgb25TY3JvbGw9eyhlOiBSZWFjdC5VSUV2ZW50PEhUTUxFbGVtZW50PikgPT4ge1xuICAgICAgICBkaXNwYXRjaCh7XG4gICAgICAgICAgdHlwZTogXCJzY3JvbGxcIixcbiAgICAgICAgICBzY3JvbGxUb3A6IGUuY3VycmVudFRhcmdldC5zY3JvbGxUb3AsXG4gICAgICAgIH0pO1xuICAgICAgfX1cbiAgICA+XG4gICAgICB7aXRlbUFtb3VudCA9PT0gMCA/IChcbiAgICAgICAgZW1wdHlTdGF0ZSgpXG4gICAgICApIDogKFxuICAgICAgICA8U3R5bGVkU2Nyb2xsYWJsZUNvbnRlbnQgbWF4Q29udGVudEhlaWdodD17bWF4Q29udGVudEhlaWdodH0+XG4gICAgICAgICAgPHVsXG4gICAgICAgICAgICByZWY9e3ZpZXdwb3J0UmVmfVxuICAgICAgICAgICAgc3R5bGU9e3tcbiAgICAgICAgICAgICAgdHJhbnNmb3JtOiBgdHJhbnNsYXRlWSgke3Njcm9sbGVkSW5QeH1weGAsXG4gICAgICAgICAgICB9fVxuICAgICAgICAgICAgcm9sZT17cm9sZX1cbiAgICAgICAgICAgIGlkPXtpZH1cbiAgICAgICAgICAgIHsuLi5hcmlhQXR0cmlidXRlc31cbiAgICAgICAgICA+XG4gICAgICAgICAgICB7ISFpdGVtQ291bnRUb0JlUmVuZGVyZWQgJiZcbiAgICAgICAgICAgICAgbmV3IEFycmF5KGl0ZW1Db3VudFRvQmVSZW5kZXJlZClcbiAgICAgICAgICAgICAgICAuZmlsbCgwKVxuICAgICAgICAgICAgICAgIC5tYXAoKF8sIGluZGV4KSA9PiBpdGVtVGVtcGxhdGUoc2Nyb2xsZWRJdGVtQ291bnQgKyBpbmRleCkpfVxuICAgICAgICAgIDwvdWw+XG4gICAgICAgIDwvU3R5bGVkU2Nyb2xsYWJsZUNvbnRlbnQ+XG4gICAgICApfVxuICAgIDwvU3R5bGVkQ29udGFpbmVyPlxuICApO1xufVxuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWNnQyJ9 */");export function VirtualScrollList({id,maxHeight,itemHeight,itemAmount,emptyState=()=>null,itemInView,itemTemplate,containerStyle,"data-e2e-test-id":dataE2eTestId,onContentHeightChange,role,...ariaAttributes}){let scrollableContainerRef=useRef(null),viewportRef=useRef(null),adjustedForReflow=useRef(!1),[{scrolledItemCount,amountOfItemsInView,scrolledInPx,maxContentHeight=maxHeight,recommendedScrollPosition},dispatch]=useReducer(VirtualScrollReducer,{});useLayoutEffect(()=>{dispatch({type:"reset",itemHeight,maxHeight,overscan:10}),scrollableContainerRef.current.scrollTop=0},[itemHeight,itemAmount,maxHeight]),useEffect(()=>{dispatch({type:"recommendScrollPosition",scrollTop:scrollableContainerRef.current.scrollTop,itemToBeInView:itemInView})},[itemInView]),useEffect(()=>{null!==recommendedScrollPosition&&(scrollableContainerRef.current.scrollTop=recommendedScrollPosition)},[recommendedScrollPosition]),useLayoutEffect(()=>{viewportRef.current&&dispatch({type:"updateViewport",viewportNode:viewportRef.current,itemAmount})},[itemAmount,scrolledItemCount]),useEffect(()=>{onContentHeightChange?.()},[maxContentHeight,onContentHeightChange]);let itemCountToBeRendered=Math.min(Math.max(0,itemAmount-scrolledItemCount),amountOfItemsInView);return maxContentHeight>maxHeight&&!adjustedForReflow.current&&viewportRef.current&&(setTimeout(()=>{dispatch({type:"updateViewport",viewportNode:viewportRef.current,itemAmount})}),adjustedForReflow.current=!0),React.createElement(StyledContainer,{ref:scrollableContainerRef,maxHeight:maxHeight,style:{maxHeight,...containerStyle},"data-e2e-test-id":dataE2eTestId,"data-ds-id":"VirtualScrollList",onScroll:e=>{dispatch({type:"scroll",scrollTop:e.currentTarget.scrollTop})}},0===itemAmount?emptyState():React.createElement(StyledScrollableContent,{maxContentHeight:maxContentHeight},React.createElement("ul",{ref:viewportRef,style:{transform:`translateY(${scrolledInPx}px`},role:role,id:id,...ariaAttributes},!!itemCountToBeRendered&&Array(itemCountToBeRendered).fill(0).map((_,index)=>itemTemplate(scrolledItemCount+index)))))}
|
|
1
|
+
import styled from"@emotion/styled";import React,{useRef,useReducer,useLayoutEffect,useEffect}from"react";import{VirtualScrollReducer}from"./VirtualScrollListReducer";let StyledContainer=styled("div",{target:"e1727xf20",label:"StyledContainer"})(({maxHeight})=>({overflow:"auto",width:"100%",height:"100%",maxHeight}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvVmlydHVhbFNjcm9sbExpc3QvVmlydHVhbFNjcm9sbExpc3QudHN4Iiwic291cmNlcyI6WyJzcmMvY29tcG9uZW50cy9WaXJ0dWFsU2Nyb2xsTGlzdC9WaXJ0dWFsU2Nyb2xsTGlzdC50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgUmVhY3QsIHsgdXNlUmVmLCB1c2VSZWR1Y2VyLCB1c2VMYXlvdXRFZmZlY3QsIHVzZUVmZmVjdCB9IGZyb20gXCJyZWFjdFwiO1xuXG5pbXBvcnQgeyBWaXJ0dWFsU2Nyb2xsUmVkdWNlciB9IGZyb20gXCIuL1ZpcnR1YWxTY3JvbGxMaXN0UmVkdWNlclwiO1xuXG5jb25zdCBTdHlsZWRDb250YWluZXIgPSBzdHlsZWQuZGl2PFBhcnRpYWw8VmlydHVhbFNjcm9sbExpc3RQcm9wcz4+KFxuICAoeyBtYXhIZWlnaHQgfSkgPT4gKHtcbiAgICBvdmVyZmxvdzogXCJhdXRvXCIsXG4gICAgd2lkdGg6IFwiMTAwJVwiLFxuICAgIGhlaWdodDogXCIxMDAlXCIsXG4gICAgbWF4SGVpZ2h0LFxuICB9KVxuKTtcblxuY29uc3QgU3R5bGVkU2Nyb2xsYWJsZUNvbnRlbnQgPSBzdHlsZWQuZGl2PHsgbWF4Q29udGVudEhlaWdodDogbnVtYmVyIH0+KFxuICAoeyBtYXhDb250ZW50SGVpZ2h0IH0pID0+ICh7XG4gICAgb3ZlcmZsb3c6IFwiaGlkZGVuXCIsXG4gICAgYm94U2l6aW5nOiBcImJvcmRlci1ib3hcIixcbiAgICBoZWlnaHQ6IG1heENvbnRlbnRIZWlnaHQsXG4gIH0pXG4pO1xuXG5leHBvcnQgdHlwZSBWaXJ0dWFsU2Nyb2xsTGlzdFByb3BzID0ge1xuICBcImRhdGEtZTJlLXRlc3QtaWRcIj86IHN0cmluZztcbiAgaWQ6IHN0cmluZztcbiAgbWF4SGVpZ2h0OiBudW1iZXI7XG4gIC8qKiBpbml0aWFsIGVzdGltYXRlIGZvciB2aXJ0dWFsIHNjcm9sbGluZyBjYWxjdWxhdGlvbnMsIGhlbHBzIGVzdGltYXRlIGhvdyBtYW55XG4gICAqIGl0ZW1zIGZpdCBpbiB0aGUgdmlld3BvcnQgYmVmb3JlIHJlYWwgbWVhc3VyZW1lbnRzLlxuICAgKi9cbiAgaXRlbUhlaWdodDogbnVtYmVyO1xuICBpdGVtQW1vdW50OiBudW1iZXI7XG4gIGVtcHR5U3RhdGU/OiAoKSA9PiBSZWFjdC5SZWFjdE5vZGU7XG4gIGl0ZW1JblZpZXc6IG51bWJlcjtcbiAgaXRlbVRlbXBsYXRlOiAoaW5kZXg6IG51bWJlcikgPT4gUmVhY3QuUmVhY3ROb2RlO1xuICBjb250YWluZXJTdHlsZT86IFJlYWN0LkNTU1Byb3BlcnRpZXM7XG4gIG9uQ29udGVudEhlaWdodENoYW5nZT86ICgpID0+IHZvaWQ7XG4gIHJvbGU/OiBSZWFjdC5BcmlhUm9sZTtcbn07XG5cbmNvbnN0IG92ZXJzY2FuID0gMTA7XG5cbmV4cG9ydCBmdW5jdGlvbiBWaXJ0dWFsU2Nyb2xsTGlzdCh7XG4gIGlkLFxuICBtYXhIZWlnaHQsXG4gIGl0ZW1IZWlnaHQsXG4gIGl0ZW1BbW91bnQsXG4gIGVtcHR5U3RhdGUgPSAoKSA9PiBudWxsLFxuICBpdGVtSW5WaWV3LFxuICBpdGVtVGVtcGxhdGUsXG4gIGNvbnRhaW5lclN0eWxlLFxuICBcImRhdGEtZTJlLXRlc3QtaWRcIjogZGF0YUUyZVRlc3RJZCxcbiAgb25Db250ZW50SGVpZ2h0Q2hhbmdlLFxuICByb2xlLFxuICAuLi5hcmlhQXR0cmlidXRlc1xufTogVmlydHVhbFNjcm9sbExpc3RQcm9wcyk6IFJlYWN0LlJlYWN0RWxlbWVudCB7XG4gIGNvbnN0IHNjcm9sbGFibGVDb250YWluZXJSZWYgPSB1c2VSZWYobnVsbCk7XG4gIGNvbnN0IHZpZXdwb3J0UmVmID0gdXNlUmVmKG51bGwpO1xuICBjb25zdCBhZGp1c3RlZEZvclJlZmxvdyA9IHVzZVJlZihmYWxzZSk7XG5cbiAgY29uc3QgW1xuICAgIHtcbiAgICAgIHNjcm9sbGVkSXRlbUNvdW50LFxuICAgICAgYW1vdW50T2ZJdGVtc0luVmlldyxcbiAgICAgIHNjcm9sbGVkSW5QeCxcbiAgICAgIG1heENvbnRlbnRIZWlnaHQgPSBtYXhIZWlnaHQsXG4gICAgICByZWNvbW1lbmRlZFNjcm9sbFBvc2l0aW9uLFxuICAgIH0sXG4gICAgZGlzcGF0Y2gsXG4gIF0gPSB1c2VSZWR1Y2VyKFZpcnR1YWxTY3JvbGxSZWR1Y2VyLCB7fSk7XG5cbiAgdXNlTGF5b3V0RWZmZWN0KCgpID0+IHtcbiAgICBkaXNwYXRjaCh7IHR5cGU6IFwicmVzZXRcIiwgaXRlbUhlaWdodCwgbWF4SGVpZ2h0LCBvdmVyc2NhbiB9KTtcbiAgICBzY3JvbGxhYmxlQ29udGFpbmVyUmVmLmN1cnJlbnQuc2Nyb2xsVG9wID0gMDtcbiAgfSwgW2l0ZW1IZWlnaHQsIGl0ZW1BbW91bnQsIG1heEhlaWdodF0pO1xuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgZGlzcGF0Y2goe1xuICAgICAgdHlwZTogXCJyZWNvbW1lbmRTY3JvbGxQb3NpdGlvblwiLFxuICAgICAgc2Nyb2xsVG9wOiBzY3JvbGxhYmxlQ29udGFpbmVyUmVmLmN1cnJlbnQuc2Nyb2xsVG9wLFxuICAgICAgaXRlbVRvQmVJblZpZXc6IGl0ZW1JblZpZXcsXG4gICAgfSk7XG4gIH0sIFtpdGVtSW5WaWV3XSk7XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBpZiAocmVjb21tZW5kZWRTY3JvbGxQb3NpdGlvbiA9PT0gbnVsbCkgcmV0dXJuO1xuXG4gICAgc2Nyb2xsYWJsZUNvbnRhaW5lclJlZi5jdXJyZW50LnNjcm9sbFRvcCA9IHJlY29tbWVuZGVkU2Nyb2xsUG9zaXRpb247XG4gIH0sIFtyZWNvbW1lbmRlZFNjcm9sbFBvc2l0aW9uXSk7XG5cbiAgdXNlTGF5b3V0RWZmZWN0KCgpID0+IHtcbiAgICBpZiAoIXZpZXdwb3J0UmVmLmN1cnJlbnQpIHJldHVybjtcblxuICAgIGRpc3BhdGNoKHtcbiAgICAgIHR5cGU6IFwidXBkYXRlVmlld3BvcnRcIixcbiAgICAgIHZpZXdwb3J0Tm9kZTogdmlld3BvcnRSZWYuY3VycmVudCxcbiAgICAgIGl0ZW1BbW91bnQsXG4gICAgfSk7XG4gIH0sIFtpdGVtQW1vdW50LCBzY3JvbGxlZEl0ZW1Db3VudF0pO1xuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgb25Db250ZW50SGVpZ2h0Q2hhbmdlPy4oKTtcbiAgfSwgW21heENvbnRlbnRIZWlnaHQsIG9uQ29udGVudEhlaWdodENoYW5nZV0pO1xuXG4gIGNvbnN0IGl0ZW1Db3VudFRvQmVSZW5kZXJlZCA9IE1hdGgubWluKFxuICAgIE1hdGgubWF4KDAsIGl0ZW1BbW91bnQgLSBzY3JvbGxlZEl0ZW1Db3VudCksXG4gICAgYW1vdW50T2ZJdGVtc0luVmlld1xuICApO1xuXG4gIC8qIFNvbWV0aW1lcywgb3B0aW9uIHRleHQgY2FuIHJlZmxvdyBkdWUgdGhlIGFwcGVhcmFuY2Ugb2YgdmVydGljYWwgc2Nyb2xsYmFyIHdoaWNoIGNhbiBjYXVzZSB0ZXh0IHRvIHdyYXAgdG8gbXVsdGlwbGUgbGluZXMgY2F1c2luZyB2aWV3cG9ydFJlZiBoZWlnaHQgdG8gY2hhbmdlLiBJZiBjb250YWluZXIgaGFzIHNjcm9sbCB0aGVuIHdlIGRpc3BhdGNoIGB1cGRhdGVWaWV3cG9ydGAgb25lIG1vcmUgdGltZSB0byBnZXQgdGhlIGNvcnJlY3QgaGVpZ2h0LCB3aXRoIGEgc2V0VGltZW91dCB0byBhbGxvdyB0aW1lIGZvciByZWZsb3cuXG4gICAqL1xuICBpZiAoXG4gICAgbWF4Q29udGVudEhlaWdodCA+IG1heEhlaWdodCAmJlxuICAgICFhZGp1c3RlZEZvclJlZmxvdy5jdXJyZW50ICYmXG4gICAgdmlld3BvcnRSZWYuY3VycmVudFxuICApIHtcbiAgICBzZXRUaW1lb3V0KCgpID0+IHtcbiAgICAgIGRpc3BhdGNoKHtcbiAgICAgICAgdHlwZTogXCJ1cGRhdGVWaWV3cG9ydFwiLFxuICAgICAgICB2aWV3cG9ydE5vZGU6IHZpZXdwb3J0UmVmLmN1cnJlbnQsXG4gICAgICAgIGl0ZW1BbW91bnQsXG4gICAgICB9KTtcbiAgICB9KTtcbiAgICBhZGp1c3RlZEZvclJlZmxvdy5jdXJyZW50ID0gdHJ1ZTtcbiAgfVxuXG4gIHJldHVybiAoXG4gICAgPFN0eWxlZENvbnRhaW5lclxuICAgICAgcmVmPXtzY3JvbGxhYmxlQ29udGFpbmVyUmVmfVxuICAgICAgbWF4SGVpZ2h0PXttYXhIZWlnaHR9XG4gICAgICBzdHlsZT17e1xuICAgICAgICBtYXhIZWlnaHQsXG4gICAgICAgIC4uLmNvbnRhaW5lclN0eWxlLFxuICAgICAgfX1cbiAgICAgIGRhdGEtZTJlLXRlc3QtaWQ9e2RhdGFFMmVUZXN0SWR9XG4gICAgICBkYXRhLWRzLWlkPVwiVmlydHVhbFNjcm9sbExpc3RcIlxuICAgICAgb25TY3JvbGw9eyhlOiBSZWFjdC5VSUV2ZW50PEhUTUxFbGVtZW50PikgPT4ge1xuICAgICAgICBkaXNwYXRjaCh7XG4gICAgICAgICAgdHlwZTogXCJzY3JvbGxcIixcbiAgICAgICAgICBzY3JvbGxUb3A6IGUuY3VycmVudFRhcmdldC5zY3JvbGxUb3AsXG4gICAgICAgIH0pO1xuICAgICAgfX1cbiAgICA+XG4gICAgICB7aXRlbUFtb3VudCA9PT0gMCA/IChcbiAgICAgICAgZW1wdHlTdGF0ZSgpXG4gICAgICApIDogKFxuICAgICAgICA8U3R5bGVkU2Nyb2xsYWJsZUNvbnRlbnQgbWF4Q29udGVudEhlaWdodD17bWF4Q29udGVudEhlaWdodH0+XG4gICAgICAgICAgPGRpdlxuICAgICAgICAgICAgcmVmPXt2aWV3cG9ydFJlZn1cbiAgICAgICAgICAgIHN0eWxlPXt7XG4gICAgICAgICAgICAgIHRyYW5zZm9ybTogYHRyYW5zbGF0ZVkoJHtzY3JvbGxlZEluUHh9cHhgLFxuICAgICAgICAgICAgfX1cbiAgICAgICAgICAgIHJvbGU9e3JvbGV9XG4gICAgICAgICAgICBpZD17aWR9XG4gICAgICAgICAgICB7Li4uYXJpYUF0dHJpYnV0ZXN9XG4gICAgICAgICAgPlxuICAgICAgICAgICAgeyEhaXRlbUNvdW50VG9CZVJlbmRlcmVkICYmXG4gICAgICAgICAgICAgIG5ldyBBcnJheShpdGVtQ291bnRUb0JlUmVuZGVyZWQpXG4gICAgICAgICAgICAgICAgLmZpbGwoMClcbiAgICAgICAgICAgICAgICAubWFwKChfLCBpbmRleCkgPT4gaXRlbVRlbXBsYXRlKHNjcm9sbGVkSXRlbUNvdW50ICsgaW5kZXgpKX1cbiAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgPC9TdHlsZWRTY3JvbGxhYmxlQ29udGVudD5cbiAgICAgICl9XG4gICAgPC9TdHlsZWRDb250YWluZXI+XG4gICk7XG59XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBS3dCIn0= */"),StyledScrollableContent=styled("div",{target:"e1727xf21",label:"StyledScrollableContent"})(({maxContentHeight})=>({overflow:"hidden",boxSizing:"border-box",height:maxContentHeight}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvVmlydHVhbFNjcm9sbExpc3QvVmlydHVhbFNjcm9sbExpc3QudHN4Iiwic291cmNlcyI6WyJzcmMvY29tcG9uZW50cy9WaXJ0dWFsU2Nyb2xsTGlzdC9WaXJ0dWFsU2Nyb2xsTGlzdC50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgUmVhY3QsIHsgdXNlUmVmLCB1c2VSZWR1Y2VyLCB1c2VMYXlvdXRFZmZlY3QsIHVzZUVmZmVjdCB9IGZyb20gXCJyZWFjdFwiO1xuXG5pbXBvcnQgeyBWaXJ0dWFsU2Nyb2xsUmVkdWNlciB9IGZyb20gXCIuL1ZpcnR1YWxTY3JvbGxMaXN0UmVkdWNlclwiO1xuXG5jb25zdCBTdHlsZWRDb250YWluZXIgPSBzdHlsZWQuZGl2PFBhcnRpYWw8VmlydHVhbFNjcm9sbExpc3RQcm9wcz4+KFxuICAoeyBtYXhIZWlnaHQgfSkgPT4gKHtcbiAgICBvdmVyZmxvdzogXCJhdXRvXCIsXG4gICAgd2lkdGg6IFwiMTAwJVwiLFxuICAgIGhlaWdodDogXCIxMDAlXCIsXG4gICAgbWF4SGVpZ2h0LFxuICB9KVxuKTtcblxuY29uc3QgU3R5bGVkU2Nyb2xsYWJsZUNvbnRlbnQgPSBzdHlsZWQuZGl2PHsgbWF4Q29udGVudEhlaWdodDogbnVtYmVyIH0+KFxuICAoeyBtYXhDb250ZW50SGVpZ2h0IH0pID0+ICh7XG4gICAgb3ZlcmZsb3c6IFwiaGlkZGVuXCIsXG4gICAgYm94U2l6aW5nOiBcImJvcmRlci1ib3hcIixcbiAgICBoZWlnaHQ6IG1heENvbnRlbnRIZWlnaHQsXG4gIH0pXG4pO1xuXG5leHBvcnQgdHlwZSBWaXJ0dWFsU2Nyb2xsTGlzdFByb3BzID0ge1xuICBcImRhdGEtZTJlLXRlc3QtaWRcIj86IHN0cmluZztcbiAgaWQ6IHN0cmluZztcbiAgbWF4SGVpZ2h0OiBudW1iZXI7XG4gIC8qKiBpbml0aWFsIGVzdGltYXRlIGZvciB2aXJ0dWFsIHNjcm9sbGluZyBjYWxjdWxhdGlvbnMsIGhlbHBzIGVzdGltYXRlIGhvdyBtYW55XG4gICAqIGl0ZW1zIGZpdCBpbiB0aGUgdmlld3BvcnQgYmVmb3JlIHJlYWwgbWVhc3VyZW1lbnRzLlxuICAgKi9cbiAgaXRlbUhlaWdodDogbnVtYmVyO1xuICBpdGVtQW1vdW50OiBudW1iZXI7XG4gIGVtcHR5U3RhdGU/OiAoKSA9PiBSZWFjdC5SZWFjdE5vZGU7XG4gIGl0ZW1JblZpZXc6IG51bWJlcjtcbiAgaXRlbVRlbXBsYXRlOiAoaW5kZXg6IG51bWJlcikgPT4gUmVhY3QuUmVhY3ROb2RlO1xuICBjb250YWluZXJTdHlsZT86IFJlYWN0LkNTU1Byb3BlcnRpZXM7XG4gIG9uQ29udGVudEhlaWdodENoYW5nZT86ICgpID0+IHZvaWQ7XG4gIHJvbGU/OiBSZWFjdC5BcmlhUm9sZTtcbn07XG5cbmNvbnN0IG92ZXJzY2FuID0gMTA7XG5cbmV4cG9ydCBmdW5jdGlvbiBWaXJ0dWFsU2Nyb2xsTGlzdCh7XG4gIGlkLFxuICBtYXhIZWlnaHQsXG4gIGl0ZW1IZWlnaHQsXG4gIGl0ZW1BbW91bnQsXG4gIGVtcHR5U3RhdGUgPSAoKSA9PiBudWxsLFxuICBpdGVtSW5WaWV3LFxuICBpdGVtVGVtcGxhdGUsXG4gIGNvbnRhaW5lclN0eWxlLFxuICBcImRhdGEtZTJlLXRlc3QtaWRcIjogZGF0YUUyZVRlc3RJZCxcbiAgb25Db250ZW50SGVpZ2h0Q2hhbmdlLFxuICByb2xlLFxuICAuLi5hcmlhQXR0cmlidXRlc1xufTogVmlydHVhbFNjcm9sbExpc3RQcm9wcyk6IFJlYWN0LlJlYWN0RWxlbWVudCB7XG4gIGNvbnN0IHNjcm9sbGFibGVDb250YWluZXJSZWYgPSB1c2VSZWYobnVsbCk7XG4gIGNvbnN0IHZpZXdwb3J0UmVmID0gdXNlUmVmKG51bGwpO1xuICBjb25zdCBhZGp1c3RlZEZvclJlZmxvdyA9IHVzZVJlZihmYWxzZSk7XG5cbiAgY29uc3QgW1xuICAgIHtcbiAgICAgIHNjcm9sbGVkSXRlbUNvdW50LFxuICAgICAgYW1vdW50T2ZJdGVtc0luVmlldyxcbiAgICAgIHNjcm9sbGVkSW5QeCxcbiAgICAgIG1heENvbnRlbnRIZWlnaHQgPSBtYXhIZWlnaHQsXG4gICAgICByZWNvbW1lbmRlZFNjcm9sbFBvc2l0aW9uLFxuICAgIH0sXG4gICAgZGlzcGF0Y2gsXG4gIF0gPSB1c2VSZWR1Y2VyKFZpcnR1YWxTY3JvbGxSZWR1Y2VyLCB7fSk7XG5cbiAgdXNlTGF5b3V0RWZmZWN0KCgpID0+IHtcbiAgICBkaXNwYXRjaCh7IHR5cGU6IFwicmVzZXRcIiwgaXRlbUhlaWdodCwgbWF4SGVpZ2h0LCBvdmVyc2NhbiB9KTtcbiAgICBzY3JvbGxhYmxlQ29udGFpbmVyUmVmLmN1cnJlbnQuc2Nyb2xsVG9wID0gMDtcbiAgfSwgW2l0ZW1IZWlnaHQsIGl0ZW1BbW91bnQsIG1heEhlaWdodF0pO1xuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgZGlzcGF0Y2goe1xuICAgICAgdHlwZTogXCJyZWNvbW1lbmRTY3JvbGxQb3NpdGlvblwiLFxuICAgICAgc2Nyb2xsVG9wOiBzY3JvbGxhYmxlQ29udGFpbmVyUmVmLmN1cnJlbnQuc2Nyb2xsVG9wLFxuICAgICAgaXRlbVRvQmVJblZpZXc6IGl0ZW1JblZpZXcsXG4gICAgfSk7XG4gIH0sIFtpdGVtSW5WaWV3XSk7XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBpZiAocmVjb21tZW5kZWRTY3JvbGxQb3NpdGlvbiA9PT0gbnVsbCkgcmV0dXJuO1xuXG4gICAgc2Nyb2xsYWJsZUNvbnRhaW5lclJlZi5jdXJyZW50LnNjcm9sbFRvcCA9IHJlY29tbWVuZGVkU2Nyb2xsUG9zaXRpb247XG4gIH0sIFtyZWNvbW1lbmRlZFNjcm9sbFBvc2l0aW9uXSk7XG5cbiAgdXNlTGF5b3V0RWZmZWN0KCgpID0+IHtcbiAgICBpZiAoIXZpZXdwb3J0UmVmLmN1cnJlbnQpIHJldHVybjtcblxuICAgIGRpc3BhdGNoKHtcbiAgICAgIHR5cGU6IFwidXBkYXRlVmlld3BvcnRcIixcbiAgICAgIHZpZXdwb3J0Tm9kZTogdmlld3BvcnRSZWYuY3VycmVudCxcbiAgICAgIGl0ZW1BbW91bnQsXG4gICAgfSk7XG4gIH0sIFtpdGVtQW1vdW50LCBzY3JvbGxlZEl0ZW1Db3VudF0pO1xuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgb25Db250ZW50SGVpZ2h0Q2hhbmdlPy4oKTtcbiAgfSwgW21heENvbnRlbnRIZWlnaHQsIG9uQ29udGVudEhlaWdodENoYW5nZV0pO1xuXG4gIGNvbnN0IGl0ZW1Db3VudFRvQmVSZW5kZXJlZCA9IE1hdGgubWluKFxuICAgIE1hdGgubWF4KDAsIGl0ZW1BbW91bnQgLSBzY3JvbGxlZEl0ZW1Db3VudCksXG4gICAgYW1vdW50T2ZJdGVtc0luVmlld1xuICApO1xuXG4gIC8qIFNvbWV0aW1lcywgb3B0aW9uIHRleHQgY2FuIHJlZmxvdyBkdWUgdGhlIGFwcGVhcmFuY2Ugb2YgdmVydGljYWwgc2Nyb2xsYmFyIHdoaWNoIGNhbiBjYXVzZSB0ZXh0IHRvIHdyYXAgdG8gbXVsdGlwbGUgbGluZXMgY2F1c2luZyB2aWV3cG9ydFJlZiBoZWlnaHQgdG8gY2hhbmdlLiBJZiBjb250YWluZXIgaGFzIHNjcm9sbCB0aGVuIHdlIGRpc3BhdGNoIGB1cGRhdGVWaWV3cG9ydGAgb25lIG1vcmUgdGltZSB0byBnZXQgdGhlIGNvcnJlY3QgaGVpZ2h0LCB3aXRoIGEgc2V0VGltZW91dCB0byBhbGxvdyB0aW1lIGZvciByZWZsb3cuXG4gICAqL1xuICBpZiAoXG4gICAgbWF4Q29udGVudEhlaWdodCA+IG1heEhlaWdodCAmJlxuICAgICFhZGp1c3RlZEZvclJlZmxvdy5jdXJyZW50ICYmXG4gICAgdmlld3BvcnRSZWYuY3VycmVudFxuICApIHtcbiAgICBzZXRUaW1lb3V0KCgpID0+IHtcbiAgICAgIGRpc3BhdGNoKHtcbiAgICAgICAgdHlwZTogXCJ1cGRhdGVWaWV3cG9ydFwiLFxuICAgICAgICB2aWV3cG9ydE5vZGU6IHZpZXdwb3J0UmVmLmN1cnJlbnQsXG4gICAgICAgIGl0ZW1BbW91bnQsXG4gICAgICB9KTtcbiAgICB9KTtcbiAgICBhZGp1c3RlZEZvclJlZmxvdy5jdXJyZW50ID0gdHJ1ZTtcbiAgfVxuXG4gIHJldHVybiAoXG4gICAgPFN0eWxlZENvbnRhaW5lclxuICAgICAgcmVmPXtzY3JvbGxhYmxlQ29udGFpbmVyUmVmfVxuICAgICAgbWF4SGVpZ2h0PXttYXhIZWlnaHR9XG4gICAgICBzdHlsZT17e1xuICAgICAgICBtYXhIZWlnaHQsXG4gICAgICAgIC4uLmNvbnRhaW5lclN0eWxlLFxuICAgICAgfX1cbiAgICAgIGRhdGEtZTJlLXRlc3QtaWQ9e2RhdGFFMmVUZXN0SWR9XG4gICAgICBkYXRhLWRzLWlkPVwiVmlydHVhbFNjcm9sbExpc3RcIlxuICAgICAgb25TY3JvbGw9eyhlOiBSZWFjdC5VSUV2ZW50PEhUTUxFbGVtZW50PikgPT4ge1xuICAgICAgICBkaXNwYXRjaCh7XG4gICAgICAgICAgdHlwZTogXCJzY3JvbGxcIixcbiAgICAgICAgICBzY3JvbGxUb3A6IGUuY3VycmVudFRhcmdldC5zY3JvbGxUb3AsXG4gICAgICAgIH0pO1xuICAgICAgfX1cbiAgICA+XG4gICAgICB7aXRlbUFtb3VudCA9PT0gMCA/IChcbiAgICAgICAgZW1wdHlTdGF0ZSgpXG4gICAgICApIDogKFxuICAgICAgICA8U3R5bGVkU2Nyb2xsYWJsZUNvbnRlbnQgbWF4Q29udGVudEhlaWdodD17bWF4Q29udGVudEhlaWdodH0+XG4gICAgICAgICAgPGRpdlxuICAgICAgICAgICAgcmVmPXt2aWV3cG9ydFJlZn1cbiAgICAgICAgICAgIHN0eWxlPXt7XG4gICAgICAgICAgICAgIHRyYW5zZm9ybTogYHRyYW5zbGF0ZVkoJHtzY3JvbGxlZEluUHh9cHhgLFxuICAgICAgICAgICAgfX1cbiAgICAgICAgICAgIHJvbGU9e3JvbGV9XG4gICAgICAgICAgICBpZD17aWR9XG4gICAgICAgICAgICB7Li4uYXJpYUF0dHJpYnV0ZXN9XG4gICAgICAgICAgPlxuICAgICAgICAgICAgeyEhaXRlbUNvdW50VG9CZVJlbmRlcmVkICYmXG4gICAgICAgICAgICAgIG5ldyBBcnJheShpdGVtQ291bnRUb0JlUmVuZGVyZWQpXG4gICAgICAgICAgICAgICAgLmZpbGwoMClcbiAgICAgICAgICAgICAgICAubWFwKChfLCBpbmRleCkgPT4gaXRlbVRlbXBsYXRlKHNjcm9sbGVkSXRlbUNvdW50ICsgaW5kZXgpKX1cbiAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgPC9TdHlsZWRTY3JvbGxhYmxlQ29udGVudD5cbiAgICAgICl9XG4gICAgPC9TdHlsZWRDb250YWluZXI+XG4gICk7XG59XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBY2dDIn0= */");export function VirtualScrollList({id,maxHeight,itemHeight,itemAmount,emptyState=()=>null,itemInView,itemTemplate,containerStyle,"data-e2e-test-id":dataE2eTestId,onContentHeightChange,role,...ariaAttributes}){let scrollableContainerRef=useRef(null),viewportRef=useRef(null),adjustedForReflow=useRef(!1),[{scrolledItemCount,amountOfItemsInView,scrolledInPx,maxContentHeight=maxHeight,recommendedScrollPosition},dispatch]=useReducer(VirtualScrollReducer,{});useLayoutEffect(()=>{dispatch({type:"reset",itemHeight,maxHeight,overscan:10}),scrollableContainerRef.current.scrollTop=0},[itemHeight,itemAmount,maxHeight]),useEffect(()=>{dispatch({type:"recommendScrollPosition",scrollTop:scrollableContainerRef.current.scrollTop,itemToBeInView:itemInView})},[itemInView]),useEffect(()=>{null!==recommendedScrollPosition&&(scrollableContainerRef.current.scrollTop=recommendedScrollPosition)},[recommendedScrollPosition]),useLayoutEffect(()=>{viewportRef.current&&dispatch({type:"updateViewport",viewportNode:viewportRef.current,itemAmount})},[itemAmount,scrolledItemCount]),useEffect(()=>{onContentHeightChange?.()},[maxContentHeight,onContentHeightChange]);let itemCountToBeRendered=Math.min(Math.max(0,itemAmount-scrolledItemCount),amountOfItemsInView);return maxContentHeight>maxHeight&&!adjustedForReflow.current&&viewportRef.current&&(setTimeout(()=>{dispatch({type:"updateViewport",viewportNode:viewportRef.current,itemAmount})}),adjustedForReflow.current=!0),React.createElement(StyledContainer,{ref:scrollableContainerRef,maxHeight:maxHeight,style:{maxHeight,...containerStyle},"data-e2e-test-id":dataE2eTestId,"data-ds-id":"VirtualScrollList",onScroll:e=>{dispatch({type:"scroll",scrollTop:e.currentTarget.scrollTop})}},0===itemAmount?emptyState():React.createElement(StyledScrollableContent,{maxContentHeight:maxContentHeight},React.createElement("div",{ref:viewportRef,style:{transform:`translateY(${scrolledInPx}px`},role:role,id:id,...ariaAttributes},!!itemCountToBeRendered&&Array(itemCountToBeRendered).fill(0).map((_,index)=>itemTemplate(scrolledItemCount+index)))))}
|
|
@@ -15,4 +15,4 @@ export declare const SelectableButton: import("@emotion/styled").StyledComponent
|
|
|
15
15
|
as?: React.ElementType;
|
|
16
16
|
} & {
|
|
17
17
|
isActive?: boolean;
|
|
18
|
-
},
|
|
18
|
+
}, React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;
|