@amboss/design-system 3.13.10 → 3.13.12
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/EntityList/BaseEntityList.d.ts +1 -1
- package/build/cjs/components/EntityList/BaseEntityList.js +1 -1
- package/build/cjs/components/EntityList/types.d.ts +11 -0
- package/build/cjs/components/PromptInput/CategoryList.d.ts +1 -0
- package/build/cjs/components/PromptInput/CategoryList.js +1 -1
- package/build/cjs/components/PromptInput/PromptInput.js +1 -1
- package/build/cjs/components/PromptInput/PromptTextArea.d.ts +2 -0
- package/build/cjs/components/PromptInput/PromptTextArea.js +1 -1
- package/build/esm/components/EntityList/BaseEntityList.d.ts +1 -1
- package/build/esm/components/EntityList/BaseEntityList.js +1 -1
- package/build/esm/components/EntityList/types.d.ts +11 -0
- package/build/esm/components/PromptInput/CategoryList.d.ts +1 -0
- package/build/esm/components/PromptInput/CategoryList.js +1 -1
- package/build/esm/components/PromptInput/PromptInput.js +1 -1
- package/build/esm/components/PromptInput/PromptTextArea.d.ts +2 -0
- package/build/esm/components/PromptInput/PromptTextArea.js +1 -1
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"PromptTextArea",{enumerable:!0,get:function(){return PromptTextArea}});const _interop_require_default=require("@swc/helpers/_/_interop_require_default"),_react=/*#__PURE__*/require("@swc/helpers/_/_interop_require_wildcard")._(require("react")),_styled=/*#__PURE__*/_interop_require_default._(require("@emotion/styled")),_ScreenReaderText=require("../Utilities/ScreenReaderText/ScreenReaderText"),_AutocompleteList=require("./AutocompleteList"),StyledTextAreaContainer=(0,_styled.default)("label",{target:"
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"PromptTextArea",{enumerable:!0,get:function(){return PromptTextArea}});const _interop_require_default=require("@swc/helpers/_/_interop_require_default"),_react=/*#__PURE__*/require("@swc/helpers/_/_interop_require_wildcard")._(require("react")),_styled=/*#__PURE__*/_interop_require_default._(require("@emotion/styled")),_ScreenReaderText=require("../Utilities/ScreenReaderText/ScreenReaderText"),_AutocompleteList=require("./AutocompleteList"),StyledTextAreaContainer=(0,_styled.default)("label",{target:"e7zwgq10",label:"StyledTextAreaContainer"})(({theme,maxTextAreaHeight,isCollapsed,isNavBarVariant})=>({display:"grid",verticalAlign:"top",alignItems:"stretch",width:"100%",borderRadius:"inherit",fontFamily:theme.variables.fontFamily.lato,fontSize:theme.variables.size.font.m,lineHeight:theme.variables.size.lineHeight.xl,...isCollapsed&&{backgroundColor:theme.values.color.canvas},"&::after":{content:"attr(data-value) ' '",boxSizing:"border-box",fontFamily:theme.variables.fontFamily.lato,fontSize:theme.variables.size.font.m,gridArea:"1 / 1",whiteSpace:"pre-wrap",visibility:"hidden",maxHeight:maxTextAreaHeight},textarea:{all:"unset",resize:"none",gridArea:"1 / 1",...isCollapsed&&{overflow:"hidden"}},"&::after, textarea":{padding:isNavBarVariant?`${theme.variables.size.spacing.xxs} ${theme.variables.size.spacing.xxl} ${theme.variables.size.spacing.xxs} ${theme.variables.size.spacing.m}`:`${theme.variables.size.spacing.m} ${theme.variables.size.spacing.xxl} ${theme.variables.size.spacing.m} ${theme.variables.size.spacing.m}`,...!isCollapsed&&{paddingBottom:theme.variables.size.spacing.m}}}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvUHJvbXB0SW5wdXQvUHJvbXB0VGV4dEFyZWEudHN4Iiwic291cmNlcyI6WyJzcmMvY29tcG9uZW50cy9Qcm9tcHRJbnB1dC9Qcm9tcHRUZXh0QXJlYS50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHR5cGUgeyBSZWZPYmplY3QsIFRleHRhcmVhSFRNTEF0dHJpYnV0ZXMgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBSZWFjdCwgeyBmb3J3YXJkUmVmLCB1c2VFZmZlY3QgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHR5cGUgeyBQcm9wZXJ0eSB9IGZyb20gXCJjc3N0eXBlXCI7XG5pbXBvcnQgeyBTY3JlZW5SZWFkZXJUZXh0IH0gZnJvbSBcIi4uL1V0aWxpdGllcy9TY3JlZW5SZWFkZXJUZXh0L1NjcmVlblJlYWRlclRleHRcIjtcbmltcG9ydCB7IGdldEF1dG9jb21wbGV0ZUxpc3RJZCB9IGZyb20gXCIuL0F1dG9jb21wbGV0ZUxpc3RcIjtcbmltcG9ydCB0eXBlIHsgRmxhdHRlbmVkTGlzdEl0ZW0gfSBmcm9tIFwiLi9DYXRlZ29yeUxpc3RcIjtcblxuZXhwb3J0IHR5cGUgUHJvbXB0VGV4dEFyZWFQcm9wcyA9XG4gIFRleHRhcmVhSFRNTEF0dHJpYnV0ZXM8SFRNTFRleHRBcmVhRWxlbWVudD4gJiB7XG4gICAgZGF0YUUyZVRlc3RJZD86IHN0cmluZztcbiAgICBsYWJlbDogc3RyaW5nO1xuICAgIG5hbWU6IHN0cmluZztcbiAgICB2YWx1ZTogc3RyaW5nO1xuICAgIG1heFRleHRBcmVhSGVpZ2h0PzogUHJvcGVydHkuSGVpZ2h0O1xuICAgIHNlbGVjdGVkTGlzdEl0ZW0/OiBGbGF0dGVuZWRMaXN0SXRlbTtcbiAgICBpc0F1dG9jb21wbGV0ZUxpc3RPcGVuPzogYm9vbGVhbjtcbiAgICBpc0NvbGxhcHNlZD86IGJvb2xlYW47XG4gICAgLyoqIENvbGxhcHNlZCB2YXJpYW50IHNob3dpbmcgb25seSBzaW5nbGUgcm93IHRleHQgYXJlYSAqL1xuICAgIGlzTmF2QmFyVmFyaWFudD86IGJvb2xlYW47XG4gIH07XG5cbnR5cGUgU3R5bGVkVGV4dEFyZWFDb250YWluZXJQcm9wcyA9IFBpY2s8XG4gIFByb21wdFRleHRBcmVhUHJvcHMsXG4gIFwibWF4VGV4dEFyZWFIZWlnaHRcIiB8IFwiaXNDb2xsYXBzZWRcIiB8IFwiaXNOYXZCYXJWYXJpYW50XCJcbj47XG5cbi8vIFRleHRhcmVhIGF1dG8gZ3JvdyBpbXBsZW1lbnRlZCBhY2NvcmRpbmcgdG8gaHR0cHM6Ly9jc3MtdHJpY2tzLmNvbS90aGUtY2xlYW5lc3QtdHJpY2stZm9yLWF1dG9ncm93aW5nLXRleHRhcmVhcy9cbmNvbnN0IFN0eWxlZFRleHRBcmVhQ29udGFpbmVyID0gc3R5bGVkLmxhYmVsPFN0eWxlZFRleHRBcmVhQ29udGFpbmVyUHJvcHM+KFxuICAoeyB0aGVtZSwgbWF4VGV4dEFyZWFIZWlnaHQsIGlzQ29sbGFwc2VkLCBpc05hdkJhclZhcmlhbnQgfSkgPT4gKHtcbiAgICBkaXNwbGF5OiBcImdyaWRcIixcbiAgICB2ZXJ0aWNhbEFsaWduOiBcInRvcFwiLFxuICAgIGFsaWduSXRlbXM6IFwic3RyZXRjaFwiLFxuICAgIHdpZHRoOiBcIjEwMCVcIixcbiAgICBib3JkZXJSYWRpdXM6IFwiaW5oZXJpdFwiLFxuICAgIGZvbnRGYW1pbHk6IHRoZW1lLnZhcmlhYmxlcy5mb250RmFtaWx5LmxhdG8sXG4gICAgZm9udFNpemU6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmZvbnQubSxcbiAgICBsaW5lSGVpZ2h0OiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5saW5lSGVpZ2h0LnhsLFxuXG4gICAgLi4uKGlzQ29sbGFwc2VkICYmIHtcbiAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmNhbnZhcyxcbiAgICB9KSxcblxuICAgIFwiJjo6YWZ0ZXJcIjoge1xuICAgICAgY29udGVudDogXCJhdHRyKGRhdGEtdmFsdWUpICcgJ1wiLCAvLyB0aGUgZW1wdHkgc3BhY2UgcHJldmVudHMgdGV4dGFyZWEganVtcCBvbiBncm93XG4gICAgICBib3hTaXppbmc6IFwiYm9yZGVyLWJveFwiLFxuICAgICAgZm9udEZhbWlseTogdGhlbWUudmFyaWFibGVzLmZvbnRGYW1pbHkubGF0byxcbiAgICAgIGZvbnRTaXplOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5mb250Lm0sXG4gICAgICBncmlkQXJlYTogXCIxIC8gMVwiLFxuICAgICAgd2hpdGVTcGFjZTogXCJwcmUtd3JhcFwiLFxuICAgICAgdmlzaWJpbGl0eTogXCJoaWRkZW5cIixcbiAgICAgIG1heEhlaWdodDogbWF4VGV4dEFyZWFIZWlnaHQsXG4gICAgfSxcblxuICAgIHRleHRhcmVhOiB7XG4gICAgICBhbGw6IFwidW5zZXRcIixcbiAgICAgIHJlc2l6ZTogXCJub25lXCIsXG4gICAgICBncmlkQXJlYTogXCIxIC8gMVwiLFxuXG4gICAgICAuLi4oaXNDb2xsYXBzZWQgJiYge1xuICAgICAgICBvdmVyZmxvdzogXCJoaWRkZW5cIixcbiAgICAgIH0pLFxuICAgIH0sXG5cbiAgICBcIiY6OmFmdGVyLCB0ZXh0YXJlYVwiOiB7XG4gICAgICBwYWRkaW5nOiBpc05hdkJhclZhcmlhbnRcbiAgICAgICAgPyBgJHt0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnh4c30gICR7dGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy54eGx9ICR7dGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy54eHN9ICAke3RoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcubX1gXG4gICAgICAgIDogYCR7dGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5tfSAke3RoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcueHhsfSAke3RoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcubX0gJHt0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLm19YCxcblxuICAgICAgLi4uKCFpc0NvbGxhcHNlZCAmJiB7XG4gICAgICAgIHBhZGRpbmdCb3R0b206IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcubSxcbiAgICAgIH0pLFxuICAgIH0sXG4gIH0pXG4pO1xuXG5leHBvcnQgY29uc3QgUHJvbXB0VGV4dEFyZWEgPSBmb3J3YXJkUmVmKFxuICAoXG4gICAge1xuICAgICAgZGF0YUUyZVRlc3RJZCxcbiAgICAgIGxhYmVsLFxuICAgICAgbmFtZSxcbiAgICAgIHZhbHVlLFxuICAgICAgcGxhY2Vob2xkZXIsXG4gICAgICBtYXhUZXh0QXJlYUhlaWdodCA9IFwiMjAwcHhcIixcbiAgICAgIHNlbGVjdGVkTGlzdEl0ZW0sXG4gICAgICBpc0F1dG9jb21wbGV0ZUxpc3RPcGVuLFxuICAgICAgaXNDb2xsYXBzZWQsXG4gICAgICBpc05hdkJhclZhcmlhbnQsXG4gICAgICBvbkNoYW5nZSxcbiAgICAgIC4uLnJlc3RcbiAgICB9OiBQcm9tcHRUZXh0QXJlYVByb3BzLFxuICAgIHJlZjogUmVmT2JqZWN0PEhUTUxUZXh0QXJlYUVsZW1lbnQ+XG4gICkgPT4ge1xuICAgIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgICBjb25zdCB0ZXh0QXJlYSA9IHJlZi5jdXJyZW50O1xuXG4gICAgICBpZiAoaXNDb2xsYXBzZWQpIHtcbiAgICAgICAgKHRleHRBcmVhLnBhcmVudE5vZGUgYXMgSFRNTEVsZW1lbnQpLmRhdGFzZXQudmFsdWUgPSBcIlwiO1xuICAgICAgfSBlbHNlIHtcbiAgICAgICAgLy8gU2V0IHRoZSB2YWx1ZSBvZiB0aGUgOjphZnRlciBwc3VlZG8gZWxlbWVudCBzbyB0aGF0IHRoZSBUZXh0QXJlYSByZXNpemVzIGFjY29yZGluZ2x5IGFzIHRoZSBncmlkIHN0cmV0Y2hlcy5cbiAgICAgICAgKHRleHRBcmVhLnBhcmVudE5vZGUgYXMgSFRNTEVsZW1lbnQpLmRhdGFzZXQudmFsdWUgPSB2YWx1ZTtcbiAgICAgIH1cbiAgICB9LCBbdmFsdWUsIHJlZiwgaXNDb2xsYXBzZWRdKTtcblxuICAgIHJldHVybiAoXG4gICAgICA8U3R5bGVkVGV4dEFyZWFDb250YWluZXJcbiAgICAgICAgbWF4VGV4dEFyZWFIZWlnaHQ9e21heFRleHRBcmVhSGVpZ2h0fVxuICAgICAgICBpc0NvbGxhcHNlZD17aXNDb2xsYXBzZWR9XG4gICAgICAgIGlzTmF2QmFyVmFyaWFudD17aXNOYXZCYXJWYXJpYW50fVxuICAgICAgPlxuICAgICAgICA8U2NyZWVuUmVhZGVyVGV4dD57bGFiZWx9PC9TY3JlZW5SZWFkZXJUZXh0PlxuICAgICAgICA8dGV4dGFyZWFcbiAgICAgICAgICB7Li4ucmVzdH1cbiAgICAgICAgICBkYXRhLWUyZS10ZXN0LWlkPXtkYXRhRTJlVGVzdElkfVxuICAgICAgICAgIHJlZj17cmVmfVxuICAgICAgICAgIG5hbWU9e25hbWV9XG4gICAgICAgICAgdmFsdWU9e3ZhbHVlfVxuICAgICAgICAgIHBsYWNlaG9sZGVyPXtwbGFjZWhvbGRlcn1cbiAgICAgICAgICBvbkNoYW5nZT17b25DaGFuZ2V9XG4gICAgICAgICAgcm93cz17MX1cbiAgICAgICAgICByb2xlPVwiY29tYm9ib3hcIlxuICAgICAgICAgIGFyaWEtYXV0b2NvbXBsZXRlPVwibGlzdFwiXG4gICAgICAgICAgYXJpYS1jb250cm9scz17XG4gICAgICAgICAgICBpc0F1dG9jb21wbGV0ZUxpc3RPcGVuID8gZ2V0QXV0b2NvbXBsZXRlTGlzdElkKG5hbWUpIDogXCJcIlxuICAgICAgICAgIH1cbiAgICAgICAgICBhcmlhLWFjdGl2ZWRlc2NlbmRhbnQ9e3NlbGVjdGVkTGlzdEl0ZW0gPyBzZWxlY3RlZExpc3RJdGVtLmlkIDogXCJcIn1cbiAgICAgICAgICBhcmlhLWV4cGFuZGVkPXtpc0F1dG9jb21wbGV0ZUxpc3RPcGVufVxuICAgICAgICAvPlxuICAgICAgPC9TdHlsZWRUZXh0QXJlYUNvbnRhaW5lcj5cbiAgICApO1xuICB9XG4pO1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTRCZ0MifQ== */"),PromptTextArea=(0,_react.forwardRef)(({dataE2eTestId,label,name,value,placeholder,maxTextAreaHeight="200px",selectedListItem,isAutocompleteListOpen,isCollapsed,isNavBarVariant,onChange,...rest},ref)=>((0,_react.useEffect)(()=>{let textArea=ref.current;isCollapsed?textArea.parentNode.dataset.value="":textArea.parentNode.dataset.value=value},[value,ref,isCollapsed]),_react.default.createElement(StyledTextAreaContainer,{maxTextAreaHeight:maxTextAreaHeight,isCollapsed:isCollapsed,isNavBarVariant:isNavBarVariant},_react.default.createElement(_ScreenReaderText.ScreenReaderText,null,label),_react.default.createElement("textarea",{...rest,"data-e2e-test-id":dataE2eTestId,ref:ref,name:name,value:value,placeholder:placeholder,onChange:onChange,rows:1,role:"combobox","aria-autocomplete":"list","aria-controls":isAutocompleteListOpen?(0,_AutocompleteList.getAutocompleteListId)(name):"","aria-activedescendant":selectedListItem?selectedListItem.id:"","aria-expanded":isAutocompleteListOpen}))));
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import type { EntityListProps } from "./types";
|
|
3
|
-
export declare function BaseEntityList({ data, size, onClick, isSelectable, selectedIds, onSelectionChange, renderRightContent, getLeftIconProps, hideBorder, "data-e2e-test-id": dataE2eTestId, }: EntityListProps): React.ReactElement;
|
|
3
|
+
export declare function BaseEntityList({ data, size, onClick, isSelectable, selectedIds, onSelectionChange, renderRightContent, getLeftIconProps, hideBorder, filterFn, "data-e2e-test-id": dataE2eTestId, }: EntityListProps): React.ReactElement;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import React,{useRef,useState,useEffect,useMemo,useCallback}from"react";import styled from"@emotion/styled";import{StyledList}from"./styled-components";import{useKeyboard}from"../../shared/useKeyboard";import{Icon}from"../Icon/Icon";import{EntityListItem}from"./EntityListItem";let StyledMinHeightCell=styled("div",{target:"e1svcpfc0",label:"StyledMinHeightCell"})(({theme,textSize})=>({minHeight:"s"===textSize?`calc(${theme.variables.size.spacing.m} + ${theme.variables.size.spacing.xxs})`:theme.variables.size.spacing.l,display:"flex",alignItems:"center"}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvRW50aXR5TGlzdC9CYXNlRW50aXR5TGlzdC50c3giLCJzb3VyY2VzIjpbInNyYy9jb21wb25lbnRzL0VudGl0eUxpc3QvQmFzZUVudGl0eUxpc3QudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwge1xuICB1c2VSZWYsXG4gIHVzZVN0YXRlLFxuICB1c2VFZmZlY3QsXG4gIHVzZU1lbW8sXG4gIHVzZUNhbGxiYWNrLFxufSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgU3R5bGVkTGlzdCB9IGZyb20gXCIuL3N0eWxlZC1jb21wb25lbnRzXCI7XG5pbXBvcnQgdHlwZSB7IEVudGl0eUxpc3RQcm9wcywgTGlzdE5vZGUsIFRleHRTaXplUHJvcHMgfSBmcm9tIFwiLi90eXBlc1wiO1xuaW1wb3J0IHsgdXNlS2V5Ym9hcmQgfSBmcm9tIFwiLi4vLi4vc2hhcmVkL3VzZUtleWJvYXJkXCI7XG5pbXBvcnQgeyBJY29uIH0gZnJvbSBcIi4uL0ljb24vSWNvblwiO1xuaW1wb3J0IHsgRW50aXR5TGlzdEl0ZW0gfSBmcm9tIFwiLi9FbnRpdHlMaXN0SXRlbVwiO1xuXG4vLyBUaGlzIG1pbkhlaWdodCBpcyBuZWVkZWQgZm9yIGFsaWduIHNtYWxsIGljb25zIGluIHRoZSBtaWRkbGUgb2YgMSByb3cgdGV4dCxcbi8vIGJ1dCBpdCBzaG91bGQgc3RheSBhdCB0aGUgdG9wIGlmIHRoZXJlIGlzIG11bHRpbGluZSB0ZXh0XG5jb25zdCBTdHlsZWRNaW5IZWlnaHRDZWxsID0gc3R5bGVkLmRpdjxUZXh0U2l6ZVByb3BzPihcbiAgKHsgdGhlbWUsIHRleHRTaXplIH0pID0+ICh7XG4gICAgbWluSGVpZ2h0OlxuICAgICAgdGV4dFNpemUgPT09IFwic1wiXG4gICAgICAgID8gYGNhbGMoJHt0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLm19ICsgJHt0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnh4c30pYFxuICAgICAgICA6IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcubCxcbiAgICBkaXNwbGF5OiBcImZsZXhcIixcbiAgICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICB9KVxuKTtcblxuY29uc3QgZmluZEVuYWJsZWRJdGVtSW5kZXggPSAoXG4gIGl0ZW1zOiBMaXN0Tm9kZVtdLFxuICBzdGFydEluZGV4OiBudW1iZXIsXG4gIGRpcmVjdGlvbiA9IFwibmV4dFwiXG4pOiBudW1iZXIgPT4ge1xuICBpZiAoZGlyZWN0aW9uID09PSBcIm5leHRcIikge1xuICAgIGZvciAobGV0IGkgPSBzdGFydEluZGV4ICsgMTsgaSA8IGl0ZW1zLmxlbmd0aDsgaSArPSAxKSB7XG4gICAgICBpZiAoIWl0ZW1zW2ldLmlzRGlzYWJsZWQpIHtcbiAgICAgICAgcmV0dXJuIGk7XG4gICAgICB9XG4gICAgfVxuICB9IGVsc2UgaWYgKGRpcmVjdGlvbiA9PT0gXCJwcmV2aW91c1wiKSB7XG4gICAgZm9yIChsZXQgaSA9IHN0YXJ0SW5kZXggLSAxOyBpID49IDA7IGkgLT0gMSkge1xuICAgICAgaWYgKCFpdGVtc1tpXS5pc0Rpc2FibGVkKSB7XG4gICAgICAgIHJldHVybiBpO1xuICAgICAgfVxuICAgIH1cbiAgfVxuICByZXR1cm4gc3RhcnRJbmRleDtcbn07XG5cbmV4cG9ydCBmdW5jdGlvbiBCYXNlRW50aXR5TGlzdCh7XG4gIGRhdGEsXG4gIHNpemUgPSBcIm1cIixcbiAgb25DbGljayxcbiAgaXNTZWxlY3RhYmxlLFxuICBzZWxlY3RlZElkcyxcbiAgb25TZWxlY3Rpb25DaGFuZ2UsXG4gIHJlbmRlclJpZ2h0Q29udGVudCxcbiAgZ2V0TGVmdEljb25Qcm9wcyxcbiAgaGlkZUJvcmRlcixcbiAgXCJkYXRhLWUyZS10ZXN0LWlkXCI6IGRhdGFFMmVUZXN0SWQsXG59OiBFbnRpdHlMaXN0UHJvcHMpOiBSZWFjdC5SZWFjdEVsZW1lbnQge1xuICBjb25zdCBzZWxlY3RlZElkc1NldCA9IHVzZU1lbW8oKCkgPT4gbmV3IFNldChzZWxlY3RlZElkcyksIFtzZWxlY3RlZElkc10pO1xuICBjb25zdCBbaXNLZXlib2FyZEZvY3VzLCBzZXRJc0tleWJvYXJkRm9jdXNdID0gdXNlU3RhdGU8Ym9vbGVhbj4oZmFsc2UpO1xuICBjb25zdCBbc2VsZWN0ZWRJbmRleCwgc2V0U2VsZWN0ZWRJbmRleF0gPSB1c2VTdGF0ZTxudW1iZXI+KCgpID0+XG4gICAgaXNTZWxlY3RhYmxlIHx8IG9uQ2xpY2sgPyBmaW5kRW5hYmxlZEl0ZW1JbmRleChkYXRhLCAtMSkgOiAtMVxuICApO1xuICBjb25zdCByZWZMaXN0ID0gdXNlUmVmPEhUTUxVTGlzdEVsZW1lbnQ+KG51bGwpO1xuICB1c2VLZXlib2FyZChcbiAgICB7XG4gICAgICBBcnJvd0Rvd246ICgpID0+IHtcbiAgICAgICAgc2V0SXNLZXlib2FyZEZvY3VzKHRydWUpO1xuICAgICAgICBjb25zdCBuZXh0SW5kZXggPSBmaW5kRW5hYmxlZEl0ZW1JbmRleChkYXRhLCBzZWxlY3RlZEluZGV4KTtcbiAgICAgICAgc2V0U2VsZWN0ZWRJbmRleChuZXh0SW5kZXgpO1xuICAgICAgfSxcbiAgICAgIEFycm93VXA6ICgpID0+IHtcbiAgICAgICAgc2V0SXNLZXlib2FyZEZvY3VzKHRydWUpO1xuICAgICAgICBjb25zdCBwcmV2SW5kZXggPSBmaW5kRW5hYmxlZEl0ZW1JbmRleChkYXRhLCBzZWxlY3RlZEluZGV4LCBcInByZXZpb3VzXCIpO1xuICAgICAgICBzZXRTZWxlY3RlZEluZGV4KHByZXZJbmRleCk7XG4gICAgICB9LFxuICAgIH0sXG4gICAgcmVmTGlzdCxcbiAgICBzZWxlY3RlZEluZGV4ICE9PSAtMVxuICApO1xuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgaWYgKHJlZkxpc3QgJiYgcmVmTGlzdC5jdXJyZW50ICYmIGlzS2V5Ym9hcmRGb2N1cyAmJiBzZWxlY3RlZEluZGV4ID49IDApIHtcbiAgICAgIGNvbnN0IGJ1dHRvbnMgPSByZWZMaXN0LmN1cnJlbnQucXVlcnlTZWxlY3RvckFsbChcbiAgICAgICAgJ2RpdltkYXRhLWlkPVwibGlzdC1pdGVtXCJdJ1xuICAgICAgKTtcblxuICAgICAgKGJ1dHRvbnNbTWF0aC5hYnMoc2VsZWN0ZWRJbmRleCkgJSBidXR0b25zLmxlbmd0aF0gYXMgSFRNTEVsZW1lbnQpLmZvY3VzKHtcbiAgICAgICAgcHJldmVudFNjcm9sbDogdHJ1ZSxcbiAgICAgIH0pO1xuICAgIH1cbiAgfSwgW3NlbGVjdGVkSW5kZXgsIGlzS2V5Ym9hcmRGb2N1c10pO1xuXG4gIGNvbnN0IGhhbmRsZU9uQ2xpY2sgPSB1c2VDYWxsYmFjayhcbiAgICAoaXRlbTogTGlzdE5vZGUpID0+IHtcbiAgICAgIGNvbnN0IHsgaWQgfSA9IGl0ZW07XG5cbiAgICAgIC8vIEhhbmRsZSBjaGVja2JveCBjaGFuZ2VcbiAgICAgIGlmIChpc1NlbGVjdGFibGUpIHtcbiAgICAgICAgaWYgKHNlbGVjdGVkSWRzU2V0LmhhcyhpZCkpIHtcbiAgICAgICAgICBzZWxlY3RlZElkc1NldC5kZWxldGUoaWQpO1xuICAgICAgICB9IGVsc2Uge1xuICAgICAgICAgIHNlbGVjdGVkSWRzU2V0LmFkZChpZCk7XG4gICAgICAgIH1cbiAgICAgICAgb25TZWxlY3Rpb25DaGFuZ2U/LihBcnJheS5mcm9tKHNlbGVjdGVkSWRzU2V0KSk7XG4gICAgICB9XG5cbiAgICAgIG9uQ2xpY2s/LihpdGVtKTtcbiAgICB9LFxuICAgIFtzZWxlY3RlZElkc1NldCwgb25TZWxlY3Rpb25DaGFuZ2UsIG9uQ2xpY2ssIGlzU2VsZWN0YWJsZV1cbiAgKTtcblxuICBjb25zdCBoYW5kbGVCbHVyID0gdXNlQ2FsbGJhY2soKCkgPT4ge1xuICAgIC8vIFVzZSBzZXRUaW1lb3V0IHRvIHdhaXQgZm9yIGZvY3VzIHRvIGZ1bGx5IHByb3BhZ2F0ZVxuICAgIHNldFRpbWVvdXQoKCkgPT4ge1xuICAgICAgaWYgKFxuICAgICAgICByZWZMaXN0LmN1cnJlbnQgJiZcbiAgICAgICAgIXJlZkxpc3QuY3VycmVudC5jb250YWlucyhkb2N1bWVudC5hY3RpdmVFbGVtZW50KVxuICAgICAgKSB7XG4gICAgICAgIHNldElzS2V5Ym9hcmRGb2N1cyhmYWxzZSk7XG4gICAgICAgIHNldFNlbGVjdGVkSW5kZXgoKCkgPT4gZmluZEVuYWJsZWRJdGVtSW5kZXgoZGF0YSwgLTEpKTtcbiAgICAgIH1cbiAgICB9LCAwKTtcbiAgfSwgW3JlZkxpc3QsIHNldFNlbGVjdGVkSW5kZXgsIGRhdGFdKTtcblxuICByZXR1cm4gKFxuICAgIDxTdHlsZWRMaXN0XG4gICAgICByZWY9e3JlZkxpc3R9XG4gICAgICBzaXplPXtzaXplfVxuICAgICAgZGF0YS1lMmUtdGVzdC1pZD17ZGF0YUUyZVRlc3RJZH1cbiAgICAgIG9uQmx1cj17aGFuZGxlQmx1cn1cbiAgICAgIGRhdGEtZHMtaWQ9XCJFbnRpdHlMaXN0XCJcbiAgICAgIHJvbGU9XCJsaXN0XCJcbiAgICA+XG4gICAgICB7ZGF0YS5tYXAoKGl0ZW0sIGkpID0+IHtcbiAgICAgICAgY29uc3QgdGFiSW5kZXggPSAhaXRlbS5pc0Rpc2FibGVkICYmIGkgPT09IHNlbGVjdGVkSW5kZXggPyAwIDogLTE7XG5cbiAgICAgICAgcmV0dXJuIChcbiAgICAgICAgICA8RW50aXR5TGlzdEl0ZW1cbiAgICAgICAgICAgIGtleT17aXRlbS5pZH1cbiAgICAgICAgICAgIGFyaWEtbGFiZWw9e2l0ZW1bXCJhcmlhLWxhYmVsXCJdIHx8IGl0ZW0ubGFiZWx9XG4gICAgICAgICAgICBzaXplPXtzaXplfVxuICAgICAgICAgICAgaGlkZUJvcmRlcj17aGlkZUJvcmRlciB8fCBpID09PSBkYXRhLmxlbmd0aCAtIDF9XG4gICAgICAgICAgICBpc0FjdGl2ZT17aXRlbS5pc0FjdGl2ZSB8fCAoaXNLZXlib2FyZEZvY3VzICYmIHNlbGVjdGVkSW5kZXggPT09IGkpfVxuICAgICAgICAgICAgaXNEaXNhYmxlZD17aXRlbS5pc0Rpc2FibGVkfVxuICAgICAgICAgICAgaXNDbGlja2FibGU9e0Jvb2xlYW4ob25DbGljayB8fCBzZWxlY3RlZElkcyl9XG4gICAgICAgICAgICBkZXNjcmlwdGlvbj17aXRlbS5kZXNjcmlwdGlvbn1cbiAgICAgICAgICAgIG9uS2V5RG93bj17KCkgPT4gaGFuZGxlT25DbGljayhpdGVtKX1cbiAgICAgICAgICAgIHRhYkluZGV4PXt0YWJJbmRleH1cbiAgICAgICAgICAgIG9uRm9jdXM9eygpID0+IHtcbiAgICAgICAgICAgICAgaWYgKG9uQ2xpY2sgfHwgaXNTZWxlY3RhYmxlKSB7XG4gICAgICAgICAgICAgICAgc2V0U2VsZWN0ZWRJbmRleChpKTtcbiAgICAgICAgICAgICAgICBzZXRJc0tleWJvYXJkRm9jdXModHJ1ZSk7XG4gICAgICAgICAgICAgIH1cbiAgICAgICAgICAgIH19XG4gICAgICAgICAgICBvbkNsaWNrPXsoKSA9PiB7XG4gICAgICAgICAgICAgIHNldElzS2V5Ym9hcmRGb2N1cyhmYWxzZSk7XG4gICAgICAgICAgICAgIGhhbmRsZU9uQ2xpY2soaXRlbSk7XG4gICAgICAgICAgICB9fVxuICAgICAgICAgICAgY2hlY2tib3hQcm9wcz17XG4gICAgICAgICAgICAgIGlzU2VsZWN0YWJsZSAmJiB7XG4gICAgICAgICAgICAgICAgbmFtZTogXCJsaXN0LWNoZWNrYm94XCIsXG4gICAgICAgICAgICAgICAgc2l6ZTogXCJzXCIsXG4gICAgICAgICAgICAgICAgb25DaGFuZ2U6ICgpID0+IGhhbmRsZU9uQ2xpY2soaXRlbSksXG4gICAgICAgICAgICAgICAgY2hlY2tlZDogc2VsZWN0ZWRJZHNTZXQuaGFzKGl0ZW0uaWQpLFxuICAgICAgICAgICAgICB9XG4gICAgICAgICAgICB9XG4gICAgICAgICAgICByZW5kZXJMYWJlbD17KCkgPT4gaXRlbS5sYWJlbH1cbiAgICAgICAgICAgIHJlbmRlckxlZnQ9e1xuICAgICAgICAgICAgICBnZXRMZWZ0SWNvblByb3BzXG4gICAgICAgICAgICAgICAgPyAoeyB0ZXh0U2l6ZSB9KSA9PiAoXG4gICAgICAgICAgICAgICAgICAgIDxJY29uXG4gICAgICAgICAgICAgICAgICAgICAgLyogZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIHJlYWN0L2pzeC1wcm9wcy1uby1zcHJlYWRpbmcgKi9cbiAgICAgICAgICAgICAgICAgICAgICB7Li4uZ2V0TGVmdEljb25Qcm9wcyhpdGVtKX1cbiAgICAgICAgICAgICAgICAgICAgICBzaXplPXt0ZXh0U2l6ZX1cbiAgICAgICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICAgICAgIClcbiAgICAgICAgICAgICAgICA6IG51bGxcbiAgICAgICAgICAgIH1cbiAgICAgICAgICAgIHJlbmRlclJpZ2h0PXsoeyBhY3Rpb25TaXplLCB0ZXh0U2l6ZSB9KSA9PlxuICAgICAgICAgICAgICByZW5kZXJSaWdodENvbnRlbnQgPyAoXG4gICAgICAgICAgICAgICAgPFN0eWxlZE1pbkhlaWdodENlbGwgdGV4dFNpemU9e3RleHRTaXplfT5cbiAgICAgICAgICAgICAgICAgIHtyZW5kZXJSaWdodENvbnRlbnQoeyB0ZXh0U2l6ZSwgYWN0aW9uU2l6ZSwgLi4uaXRlbSB9KX1cbiAgICAgICAgICAgICAgICA8L1N0eWxlZE1pbkhlaWdodENlbGw+XG4gICAgICAgICAgICAgICkgOiBudWxsXG4gICAgICAgICAgICB9XG4gICAgICAgICAgLz5cbiAgICAgICAgKTtcbiAgICAgIH0pfVxuICAgIDwvU3R5bGVkTGlzdD5cbiAgKTtcbn1cbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFnQjRCIn0= */"),findEnabledItemIndex=(items,startIndex,direction="next")=>{if("next"===direction){for(let i=startIndex+1;i<items.length;i+=1)if(!items[i].isDisabled)return i}else if("previous"===direction){for(let i=startIndex-1;i>=0;i-=1)if(!items[i].isDisabled)return i}return startIndex};export function BaseEntityList({data,size="m",onClick,isSelectable,selectedIds,onSelectionChange,renderRightContent,getLeftIconProps,hideBorder,"data-e2e-test-id":dataE2eTestId}){let selectedIdsSet=useMemo(()=>new Set(selectedIds),[selectedIds]),[isKeyboardFocus,setIsKeyboardFocus]=useState(!1),[selectedIndex,setSelectedIndex]=useState(()=>isSelectable||onClick?findEnabledItemIndex(data,-1):-1),refList=useRef(null);useKeyboard({ArrowDown:()=>{setIsKeyboardFocus(!0),setSelectedIndex(findEnabledItemIndex(data,selectedIndex))},ArrowUp:()=>{setIsKeyboardFocus(!0),setSelectedIndex(findEnabledItemIndex(data,selectedIndex,"previous"))}},refList,-1!==selectedIndex),useEffect(()=>{if(refList&&refList.current&&isKeyboardFocus&&selectedIndex>=0){let buttons=refList.current.querySelectorAll('div[data-id="list-item"]');buttons[Math.abs(selectedIndex)%buttons.length].focus({preventScroll:!0})}},[selectedIndex,isKeyboardFocus]);let handleOnClick=useCallback(item=>{let{id}=item;isSelectable&&(selectedIdsSet.has(id)?selectedIdsSet.delete(id):selectedIdsSet.add(id),onSelectionChange?.(Array.from(selectedIdsSet))),onClick?.(item)},[selectedIdsSet,onSelectionChange,onClick,isSelectable]),handleBlur=useCallback(()=>{setTimeout(()=>{refList.current&&!refList.current.contains(document.activeElement)&&(setIsKeyboardFocus(!1),setSelectedIndex(()=>findEnabledItemIndex(data,-1)))},0)},[refList,setSelectedIndex,data]);return React.createElement(StyledList,{ref:refList,size:size,"data-e2e-test-id":dataE2eTestId,onBlur:handleBlur,"data-ds-id":"EntityList",role:"list"},data.map((item,i)=>{let tabIndex=item.isDisabled||i!==selectedIndex?-1:0;return React.createElement(EntityListItem,{key:item.id,"aria-label":item["aria-label"]||item.label,size:size,hideBorder:hideBorder||i===data.length-1,isActive:item.isActive||isKeyboardFocus&&selectedIndex===i,isDisabled:item.isDisabled,isClickable:!!(onClick||selectedIds),description:item.description,onKeyDown:()=>handleOnClick(item),tabIndex:tabIndex,onFocus:()=>{(onClick||isSelectable)&&(setSelectedIndex(i),setIsKeyboardFocus(!0))},onClick:()=>{setIsKeyboardFocus(!1),handleOnClick(item)},checkboxProps:isSelectable&&{name:"list-checkbox",size:"s",onChange:()=>handleOnClick(item),checked:selectedIdsSet.has(item.id)},renderLabel:()=>item.label,renderLeft:getLeftIconProps?({textSize})=>React.createElement(Icon,{...getLeftIconProps(item),size:textSize}):null,renderRight:({actionSize,textSize})=>renderRightContent?React.createElement(StyledMinHeightCell,{textSize:textSize},renderRightContent({textSize,actionSize,...item})):null})}))}
|
|
1
|
+
import React,{useRef,useState,useEffect,useMemo,useCallback}from"react";import styled from"@emotion/styled";import{StyledList}from"./styled-components";import{useKeyboard}from"../../shared/useKeyboard";import{Icon}from"../Icon/Icon";import{EntityListItem}from"./EntityListItem";let StyledMinHeightCell=styled("div",{target:"e9t25660",label:"StyledMinHeightCell"})(({theme,textSize})=>({minHeight:"s"===textSize?`calc(${theme.variables.size.spacing.m} + ${theme.variables.size.spacing.xxs})`:theme.variables.size.spacing.l,display:"flex",alignItems:"center"}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvRW50aXR5TGlzdC9CYXNlRW50aXR5TGlzdC50c3giLCJzb3VyY2VzIjpbInNyYy9jb21wb25lbnRzL0VudGl0eUxpc3QvQmFzZUVudGl0eUxpc3QudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwge1xuICB1c2VSZWYsXG4gIHVzZVN0YXRlLFxuICB1c2VFZmZlY3QsXG4gIHVzZU1lbW8sXG4gIHVzZUNhbGxiYWNrLFxufSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgU3R5bGVkTGlzdCB9IGZyb20gXCIuL3N0eWxlZC1jb21wb25lbnRzXCI7XG5pbXBvcnQgdHlwZSB7IEVudGl0eUxpc3RQcm9wcywgTGlzdE5vZGUsIFRleHRTaXplUHJvcHMgfSBmcm9tIFwiLi90eXBlc1wiO1xuaW1wb3J0IHsgdXNlS2V5Ym9hcmQgfSBmcm9tIFwiLi4vLi4vc2hhcmVkL3VzZUtleWJvYXJkXCI7XG5pbXBvcnQgeyBJY29uIH0gZnJvbSBcIi4uL0ljb24vSWNvblwiO1xuaW1wb3J0IHsgRW50aXR5TGlzdEl0ZW0gfSBmcm9tIFwiLi9FbnRpdHlMaXN0SXRlbVwiO1xuXG4vLyBUaGlzIG1pbkhlaWdodCBpcyBuZWVkZWQgZm9yIGFsaWduIHNtYWxsIGljb25zIGluIHRoZSBtaWRkbGUgb2YgMSByb3cgdGV4dCxcbi8vIGJ1dCBpdCBzaG91bGQgc3RheSBhdCB0aGUgdG9wIGlmIHRoZXJlIGlzIG11bHRpbGluZSB0ZXh0XG5jb25zdCBTdHlsZWRNaW5IZWlnaHRDZWxsID0gc3R5bGVkLmRpdjxUZXh0U2l6ZVByb3BzPihcbiAgKHsgdGhlbWUsIHRleHRTaXplIH0pID0+ICh7XG4gICAgbWluSGVpZ2h0OlxuICAgICAgdGV4dFNpemUgPT09IFwic1wiXG4gICAgICAgID8gYGNhbGMoJHt0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLm19ICsgJHt0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnh4c30pYFxuICAgICAgICA6IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcubCxcbiAgICBkaXNwbGF5OiBcImZsZXhcIixcbiAgICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICB9KVxuKTtcblxuY29uc3QgZmluZEVuYWJsZWRJdGVtSW5kZXggPSAoXG4gIGl0ZW1zOiBMaXN0Tm9kZVtdLFxuICBzdGFydEluZGV4OiBudW1iZXIsXG4gIGRpcmVjdGlvbiA9IFwibmV4dFwiXG4pOiBudW1iZXIgPT4ge1xuICBpZiAoZGlyZWN0aW9uID09PSBcIm5leHRcIikge1xuICAgIGZvciAobGV0IGkgPSBzdGFydEluZGV4ICsgMTsgaSA8IGl0ZW1zLmxlbmd0aDsgaSArPSAxKSB7XG4gICAgICBpZiAoIWl0ZW1zW2ldLmlzRGlzYWJsZWQpIHtcbiAgICAgICAgcmV0dXJuIGk7XG4gICAgICB9XG4gICAgfVxuICB9IGVsc2UgaWYgKGRpcmVjdGlvbiA9PT0gXCJwcmV2aW91c1wiKSB7XG4gICAgZm9yIChsZXQgaSA9IHN0YXJ0SW5kZXggLSAxOyBpID49IDA7IGkgLT0gMSkge1xuICAgICAgaWYgKCFpdGVtc1tpXS5pc0Rpc2FibGVkKSB7XG4gICAgICAgIHJldHVybiBpO1xuICAgICAgfVxuICAgIH1cbiAgfVxuICByZXR1cm4gc3RhcnRJbmRleDtcbn07XG5cbmV4cG9ydCBmdW5jdGlvbiBCYXNlRW50aXR5TGlzdCh7XG4gIGRhdGEsXG4gIHNpemUgPSBcIm1cIixcbiAgb25DbGljayxcbiAgaXNTZWxlY3RhYmxlLFxuICBzZWxlY3RlZElkcyxcbiAgb25TZWxlY3Rpb25DaGFuZ2UsXG4gIHJlbmRlclJpZ2h0Q29udGVudCxcbiAgZ2V0TGVmdEljb25Qcm9wcyxcbiAgaGlkZUJvcmRlcixcbiAgZmlsdGVyRm4sXG4gIFwiZGF0YS1lMmUtdGVzdC1pZFwiOiBkYXRhRTJlVGVzdElkLFxufTogRW50aXR5TGlzdFByb3BzKTogUmVhY3QuUmVhY3RFbGVtZW50IHtcbiAgY29uc3QgZGF0YVNob3duID0gdXNlTWVtbygoKSA9PiB7XG4gICAgaWYgKCFkYXRhLmxlbmd0aCkgcmV0dXJuIGRhdGE7XG5cbiAgICByZXR1cm4gZmlsdGVyRm4gPyBkYXRhLmZpbHRlcihmaWx0ZXJGbikgOiBkYXRhO1xuICB9LCBbZGF0YSwgZmlsdGVyRm5dKTtcbiAgY29uc3Qgc2VsZWN0ZWRJZHNTZXQgPSB1c2VNZW1vKCgpID0+IG5ldyBTZXQoc2VsZWN0ZWRJZHMpLCBbc2VsZWN0ZWRJZHNdKTtcbiAgY29uc3QgW2lzS2V5Ym9hcmRGb2N1cywgc2V0SXNLZXlib2FyZEZvY3VzXSA9IHVzZVN0YXRlPGJvb2xlYW4+KGZhbHNlKTtcbiAgY29uc3QgW3NlbGVjdGVkSW5kZXgsIHNldFNlbGVjdGVkSW5kZXhdID0gdXNlU3RhdGU8bnVtYmVyPigoKSA9PlxuICAgIGlzU2VsZWN0YWJsZSB8fCBvbkNsaWNrID8gZmluZEVuYWJsZWRJdGVtSW5kZXgoZGF0YVNob3duLCAtMSkgOiAtMVxuICApO1xuICBjb25zdCByZWZMaXN0ID0gdXNlUmVmPEhUTUxVTGlzdEVsZW1lbnQ+KG51bGwpO1xuICB1c2VLZXlib2FyZChcbiAgICB7XG4gICAgICBBcnJvd0Rvd246ICgpID0+IHtcbiAgICAgICAgc2V0SXNLZXlib2FyZEZvY3VzKHRydWUpO1xuICAgICAgICBjb25zdCBuZXh0SW5kZXggPSBmaW5kRW5hYmxlZEl0ZW1JbmRleChkYXRhU2hvd24sIHNlbGVjdGVkSW5kZXgpO1xuICAgICAgICBzZXRTZWxlY3RlZEluZGV4KG5leHRJbmRleCk7XG4gICAgICB9LFxuICAgICAgQXJyb3dVcDogKCkgPT4ge1xuICAgICAgICBzZXRJc0tleWJvYXJkRm9jdXModHJ1ZSk7XG4gICAgICAgIGNvbnN0IHByZXZJbmRleCA9IGZpbmRFbmFibGVkSXRlbUluZGV4KFxuICAgICAgICAgIGRhdGFTaG93bixcbiAgICAgICAgICBzZWxlY3RlZEluZGV4LFxuICAgICAgICAgIFwicHJldmlvdXNcIlxuICAgICAgICApO1xuICAgICAgICBzZXRTZWxlY3RlZEluZGV4KHByZXZJbmRleCk7XG4gICAgICB9LFxuICAgIH0sXG4gICAgcmVmTGlzdCxcbiAgICBzZWxlY3RlZEluZGV4ICE9PSAtMVxuICApO1xuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgaWYgKHJlZkxpc3QgJiYgcmVmTGlzdC5jdXJyZW50ICYmIGlzS2V5Ym9hcmRGb2N1cyAmJiBzZWxlY3RlZEluZGV4ID49IDApIHtcbiAgICAgIGNvbnN0IGJ1dHRvbnMgPSByZWZMaXN0LmN1cnJlbnQucXVlcnlTZWxlY3RvckFsbChcbiAgICAgICAgJ2RpdltkYXRhLWlkPVwibGlzdC1pdGVtXCJdJ1xuICAgICAgKTtcblxuICAgICAgKGJ1dHRvbnNbTWF0aC5hYnMoc2VsZWN0ZWRJbmRleCkgJSBidXR0b25zLmxlbmd0aF0gYXMgSFRNTEVsZW1lbnQpLmZvY3VzKHtcbiAgICAgICAgcHJldmVudFNjcm9sbDogdHJ1ZSxcbiAgICAgIH0pO1xuICAgIH1cbiAgfSwgW3NlbGVjdGVkSW5kZXgsIGlzS2V5Ym9hcmRGb2N1c10pO1xuXG4gIGNvbnN0IGhhbmRsZU9uQ2xpY2sgPSB1c2VDYWxsYmFjayhcbiAgICAoaXRlbTogTGlzdE5vZGUpID0+IHtcbiAgICAgIGNvbnN0IHsgaWQgfSA9IGl0ZW07XG5cbiAgICAgIC8vIEhhbmRsZSBjaGVja2JveCBjaGFuZ2VcbiAgICAgIGlmIChpc1NlbGVjdGFibGUpIHtcbiAgICAgICAgaWYgKHNlbGVjdGVkSWRzU2V0LmhhcyhpZCkpIHtcbiAgICAgICAgICBzZWxlY3RlZElkc1NldC5kZWxldGUoaWQpO1xuICAgICAgICB9IGVsc2Uge1xuICAgICAgICAgIHNlbGVjdGVkSWRzU2V0LmFkZChpZCk7XG4gICAgICAgIH1cbiAgICAgICAgb25TZWxlY3Rpb25DaGFuZ2U/LihBcnJheS5mcm9tKHNlbGVjdGVkSWRzU2V0KSk7XG4gICAgICB9XG5cbiAgICAgIG9uQ2xpY2s/LihpdGVtKTtcbiAgICB9LFxuICAgIFtzZWxlY3RlZElkc1NldCwgb25TZWxlY3Rpb25DaGFuZ2UsIG9uQ2xpY2ssIGlzU2VsZWN0YWJsZV1cbiAgKTtcblxuICBjb25zdCBoYW5kbGVCbHVyID0gdXNlQ2FsbGJhY2soKCkgPT4ge1xuICAgIC8vIFVzZSBzZXRUaW1lb3V0IHRvIHdhaXQgZm9yIGZvY3VzIHRvIGZ1bGx5IHByb3BhZ2F0ZVxuICAgIHNldFRpbWVvdXQoKCkgPT4ge1xuICAgICAgaWYgKFxuICAgICAgICByZWZMaXN0LmN1cnJlbnQgJiZcbiAgICAgICAgIXJlZkxpc3QuY3VycmVudC5jb250YWlucyhkb2N1bWVudC5hY3RpdmVFbGVtZW50KVxuICAgICAgKSB7XG4gICAgICAgIHNldElzS2V5Ym9hcmRGb2N1cyhmYWxzZSk7XG4gICAgICAgIHNldFNlbGVjdGVkSW5kZXgoKCkgPT4gZmluZEVuYWJsZWRJdGVtSW5kZXgoZGF0YVNob3duLCAtMSkpO1xuICAgICAgfVxuICAgIH0sIDApO1xuICB9LCBbcmVmTGlzdCwgc2V0U2VsZWN0ZWRJbmRleCwgZGF0YVNob3duXSk7XG5cbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkTGlzdFxuICAgICAgcmVmPXtyZWZMaXN0fVxuICAgICAgc2l6ZT17c2l6ZX1cbiAgICAgIGRhdGEtZTJlLXRlc3QtaWQ9e2RhdGFFMmVUZXN0SWR9XG4gICAgICBvbkJsdXI9e2hhbmRsZUJsdXJ9XG4gICAgICBkYXRhLWRzLWlkPVwiRW50aXR5TGlzdFwiXG4gICAgICByb2xlPVwibGlzdFwiXG4gICAgPlxuICAgICAge2RhdGFTaG93bi5tYXAoKGl0ZW0sIGkpID0+IHtcbiAgICAgICAgY29uc3QgdGFiSW5kZXggPSAhaXRlbS5pc0Rpc2FibGVkICYmIGkgPT09IHNlbGVjdGVkSW5kZXggPyAwIDogLTE7XG5cbiAgICAgICAgcmV0dXJuIChcbiAgICAgICAgICA8RW50aXR5TGlzdEl0ZW1cbiAgICAgICAgICAgIGtleT17aXRlbS5pZH1cbiAgICAgICAgICAgIGFyaWEtbGFiZWw9e2l0ZW1bXCJhcmlhLWxhYmVsXCJdIHx8IGl0ZW0ubGFiZWx9XG4gICAgICAgICAgICBzaXplPXtzaXplfVxuICAgICAgICAgICAgaGlkZUJvcmRlcj17aGlkZUJvcmRlciB8fCBpID09PSBkYXRhU2hvd24ubGVuZ3RoIC0gMX1cbiAgICAgICAgICAgIGlzQWN0aXZlPXtpdGVtLmlzQWN0aXZlIHx8IChpc0tleWJvYXJkRm9jdXMgJiYgc2VsZWN0ZWRJbmRleCA9PT0gaSl9XG4gICAgICAgICAgICBpc0Rpc2FibGVkPXtpdGVtLmlzRGlzYWJsZWR9XG4gICAgICAgICAgICBpc0NsaWNrYWJsZT17Qm9vbGVhbihvbkNsaWNrIHx8IHNlbGVjdGVkSWRzKX1cbiAgICAgICAgICAgIGRlc2NyaXB0aW9uPXtpdGVtLmRlc2NyaXB0aW9ufVxuICAgICAgICAgICAgb25LZXlEb3duPXsoKSA9PiBoYW5kbGVPbkNsaWNrKGl0ZW0pfVxuICAgICAgICAgICAgdGFiSW5kZXg9e3RhYkluZGV4fVxuICAgICAgICAgICAgb25Gb2N1cz17KCkgPT4ge1xuICAgICAgICAgICAgICBpZiAob25DbGljayB8fCBpc1NlbGVjdGFibGUpIHtcbiAgICAgICAgICAgICAgICBzZXRTZWxlY3RlZEluZGV4KGkpO1xuICAgICAgICAgICAgICAgIHNldElzS2V5Ym9hcmRGb2N1cyh0cnVlKTtcbiAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgfX1cbiAgICAgICAgICAgIG9uQ2xpY2s9eygpID0+IHtcbiAgICAgICAgICAgICAgc2V0SXNLZXlib2FyZEZvY3VzKGZhbHNlKTtcbiAgICAgICAgICAgICAgaGFuZGxlT25DbGljayhpdGVtKTtcbiAgICAgICAgICAgIH19XG4gICAgICAgICAgICBjaGVja2JveFByb3BzPXtcbiAgICAgICAgICAgICAgaXNTZWxlY3RhYmxlICYmIHtcbiAgICAgICAgICAgICAgICBuYW1lOiBcImxpc3QtY2hlY2tib3hcIixcbiAgICAgICAgICAgICAgICBzaXplOiBcInNcIixcbiAgICAgICAgICAgICAgICBvbkNoYW5nZTogKCkgPT4gaGFuZGxlT25DbGljayhpdGVtKSxcbiAgICAgICAgICAgICAgICBjaGVja2VkOiBzZWxlY3RlZElkc1NldC5oYXMoaXRlbS5pZCksXG4gICAgICAgICAgICAgIH1cbiAgICAgICAgICAgIH1cbiAgICAgICAgICAgIHJlbmRlckxhYmVsPXsoKSA9PiBpdGVtLmxhYmVsfVxuICAgICAgICAgICAgcmVuZGVyTGVmdD17XG4gICAgICAgICAgICAgIGdldExlZnRJY29uUHJvcHNcbiAgICAgICAgICAgICAgICA/ICh7IHRleHRTaXplIH0pID0+IChcbiAgICAgICAgICAgICAgICAgICAgPEljb25cbiAgICAgICAgICAgICAgICAgICAgICAvKiBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgcmVhY3QvanN4LXByb3BzLW5vLXNwcmVhZGluZyAqL1xuICAgICAgICAgICAgICAgICAgICAgIHsuLi5nZXRMZWZ0SWNvblByb3BzKGl0ZW0pfVxuICAgICAgICAgICAgICAgICAgICAgIHNpemU9e3RleHRTaXplfVxuICAgICAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICAgICAgKVxuICAgICAgICAgICAgICAgIDogbnVsbFxuICAgICAgICAgICAgfVxuICAgICAgICAgICAgcmVuZGVyUmlnaHQ9eyh7IGFjdGlvblNpemUsIHRleHRTaXplIH0pID0+XG4gICAgICAgICAgICAgIHJlbmRlclJpZ2h0Q29udGVudCA/IChcbiAgICAgICAgICAgICAgICA8U3R5bGVkTWluSGVpZ2h0Q2VsbCB0ZXh0U2l6ZT17dGV4dFNpemV9PlxuICAgICAgICAgICAgICAgICAge3JlbmRlclJpZ2h0Q29udGVudCh7IHRleHRTaXplLCBhY3Rpb25TaXplLCAuLi5pdGVtIH0pfVxuICAgICAgICAgICAgICAgIDwvU3R5bGVkTWluSGVpZ2h0Q2VsbD5cbiAgICAgICAgICAgICAgKSA6IG51bGxcbiAgICAgICAgICAgIH1cbiAgICAgICAgICAvPlxuICAgICAgICApO1xuICAgICAgfSl9XG4gICAgPC9TdHlsZWRMaXN0PlxuICApO1xufVxuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWdCNEIifQ== */"),findEnabledItemIndex=(items,startIndex,direction="next")=>{if("next"===direction){for(let i=startIndex+1;i<items.length;i+=1)if(!items[i].isDisabled)return i}else if("previous"===direction){for(let i=startIndex-1;i>=0;i-=1)if(!items[i].isDisabled)return i}return startIndex};export function BaseEntityList({data,size="m",onClick,isSelectable,selectedIds,onSelectionChange,renderRightContent,getLeftIconProps,hideBorder,filterFn,"data-e2e-test-id":dataE2eTestId}){let dataShown=useMemo(()=>data.length&&filterFn?data.filter(filterFn):data,[data,filterFn]),selectedIdsSet=useMemo(()=>new Set(selectedIds),[selectedIds]),[isKeyboardFocus,setIsKeyboardFocus]=useState(!1),[selectedIndex,setSelectedIndex]=useState(()=>isSelectable||onClick?findEnabledItemIndex(dataShown,-1):-1),refList=useRef(null);useKeyboard({ArrowDown:()=>{setIsKeyboardFocus(!0),setSelectedIndex(findEnabledItemIndex(dataShown,selectedIndex))},ArrowUp:()=>{setIsKeyboardFocus(!0),setSelectedIndex(findEnabledItemIndex(dataShown,selectedIndex,"previous"))}},refList,-1!==selectedIndex),useEffect(()=>{if(refList&&refList.current&&isKeyboardFocus&&selectedIndex>=0){let buttons=refList.current.querySelectorAll('div[data-id="list-item"]');buttons[Math.abs(selectedIndex)%buttons.length].focus({preventScroll:!0})}},[selectedIndex,isKeyboardFocus]);let handleOnClick=useCallback(item=>{let{id}=item;isSelectable&&(selectedIdsSet.has(id)?selectedIdsSet.delete(id):selectedIdsSet.add(id),onSelectionChange?.(Array.from(selectedIdsSet))),onClick?.(item)},[selectedIdsSet,onSelectionChange,onClick,isSelectable]),handleBlur=useCallback(()=>{setTimeout(()=>{refList.current&&!refList.current.contains(document.activeElement)&&(setIsKeyboardFocus(!1),setSelectedIndex(()=>findEnabledItemIndex(dataShown,-1)))},0)},[refList,setSelectedIndex,dataShown]);return React.createElement(StyledList,{ref:refList,size:size,"data-e2e-test-id":dataE2eTestId,onBlur:handleBlur,"data-ds-id":"EntityList",role:"list"},dataShown.map((item,i)=>{let tabIndex=item.isDisabled||i!==selectedIndex?-1:0;return React.createElement(EntityListItem,{key:item.id,"aria-label":item["aria-label"]||item.label,size:size,hideBorder:hideBorder||i===dataShown.length-1,isActive:item.isActive||isKeyboardFocus&&selectedIndex===i,isDisabled:item.isDisabled,isClickable:!!(onClick||selectedIds),description:item.description,onKeyDown:()=>handleOnClick(item),tabIndex:tabIndex,onFocus:()=>{(onClick||isSelectable)&&(setSelectedIndex(i),setIsKeyboardFocus(!0))},onClick:()=>{setIsKeyboardFocus(!1),handleOnClick(item)},checkboxProps:isSelectable&&{name:"list-checkbox",size:"s",onChange:()=>handleOnClick(item),checked:selectedIdsSet.has(item.id)},renderLabel:()=>item.label,renderLeft:getLeftIconProps?({textSize})=>React.createElement(Icon,{...getLeftIconProps(item),size:textSize}):null,renderRight:({actionSize,textSize})=>renderRightContent?React.createElement(StyledMinHeightCell,{textSize:textSize},renderRightContent({textSize,actionSize,...item})):null})}))}
|
|
@@ -44,6 +44,17 @@ export type EntityListProps = {
|
|
|
44
44
|
renderRightContent?: (props: ListNodeProps & ActionSizeProps) => React.ReactNode;
|
|
45
45
|
/** Hides the border around the list items. */
|
|
46
46
|
hideBorder?: boolean;
|
|
47
|
+
/**
|
|
48
|
+
* Optional function to filter list items. Returns true to include the item.
|
|
49
|
+
* Filtered items are completely removed from the list and keyboard navigation.
|
|
50
|
+
*
|
|
51
|
+
* Performance considerations:
|
|
52
|
+
* - The filter is applied on every render when data or filterFn changes
|
|
53
|
+
* - For large datasets (>1000 items), consider memoizing filterFn with useCallback
|
|
54
|
+
* - For real-time search, consider debouncing filter changes to reduce computations
|
|
55
|
+
* - Complex filters may impact performance on slower devices
|
|
56
|
+
*/
|
|
57
|
+
filterFn?: (node: ListNode) => boolean;
|
|
47
58
|
ariaAttributes?: EntityListAriaAttributes;
|
|
48
59
|
"data-e2e-test-id"?: string;
|
|
49
60
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import React,{Fragment}from"react";import styled from"@emotion/styled";import{H6}from"../Typography/Header";import{Icon}from"../Icon/Icon";import{Text}from"../Typography/Text";import{Columns,Column}from"../Column/Columns";import{Stack}from"../Stack/Stack";import{Container}from"../Container";import{Divider}from"../Divider/Divider";export function getListItemId(name,category,index){return`${name}_${category}_ListItem${index}`}let StyledIconLeft=styled(Icon,{target:"e1n1ipl40",label:"StyledIconLeft"})(({theme})=>({marginRight:theme.variables.size.spacing.xs}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvUHJvbXB0SW5wdXQvQ2F0ZWdvcnlMaXN0LnRzeCIsInNvdXJjZXMiOlsic3JjL2NvbXBvbmVudHMvUHJvbXB0SW5wdXQvQ2F0ZWdvcnlMaXN0LnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IE1vdXNlRXZlbnQsIFJlYWN0RWxlbWVudCwgUmVhY3ROb2RlIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgUmVhY3QsIHsgRnJhZ21lbnQgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgSDYgfSBmcm9tIFwiLi4vVHlwb2dyYXBoeS9IZWFkZXJcIjtcbmltcG9ydCB7IEljb24gfSBmcm9tIFwiLi4vSWNvbi9JY29uXCI7XG5pbXBvcnQgdHlwZSB7IEljb25Qcm9wcyB9IGZyb20gXCIuLi9JY29uL0ljb25cIjtcbmltcG9ydCB7IFRleHQgfSBmcm9tIFwiLi4vVHlwb2dyYXBoeS9UZXh0XCI7XG5pbXBvcnQgeyBDb2x1bW5zLCBDb2x1bW4gfSBmcm9tIFwiLi4vQ29sdW1uL0NvbHVtbnNcIjtcbmltcG9ydCB7IFN0YWNrIH0gZnJvbSBcIi4uL1N0YWNrL1N0YWNrXCI7XG5pbXBvcnQgeyBDb250YWluZXIgfSBmcm9tIFwiLi4vQ29udGFpbmVyXCI7XG5pbXBvcnQgeyBEaXZpZGVyIH0gZnJvbSBcIi4uL0RpdmlkZXIvRGl2aWRlclwiO1xuXG5leHBvcnQgdHlwZSBMaXN0SXRlbVZhbHVlID0gc3RyaW5nIHwgeyB2YWx1ZTogc3RyaW5nIH07XG5cbmV4cG9ydCB0eXBlIExpc3RJdGVtUHJvcHMgPSB7XG4gIGljb25MZWZ0PzogSWNvblByb3BzO1xuICBsYWJlbDogUmVhY3RFbGVtZW50O1xuICB2YWx1ZTogTGlzdEl0ZW1WYWx1ZTtcbn07XG5cbmV4cG9ydCB0eXBlIExpc3RJdGVtc0J5Q2F0ZWdvcnkgPSB7XG4gIGNhdGVnb3J5OiBzdHJpbmc7XG4gIGljb25MZWZ0PzogSWNvblByb3BzO1xuICByaWdodENvbnRlbnQ/OiBSZWFjdE5vZGU7XG4gIGl0ZW1zOiBMaXN0SXRlbVByb3BzW107XG59O1xuXG5leHBvcnQgdHlwZSBGbGF0dGVuZWRMaXN0SXRlbSA9IHtcbiAgY2F0ZWdvcnk6IExpc3RJdGVtc0J5Q2F0ZWdvcnlbXCJjYXRlZ29yeVwiXTtcbiAgaW5kZXhJbkNhdGVnb3J5OiBudW1iZXI7XG4gIHZhbHVlOiBMaXN0SXRlbVByb3BzW1widmFsdWVcIl07XG4gIGlkOiBzdHJpbmc7XG59O1xuXG5leHBvcnQgdHlwZSBDYXRlZ29yeUxpc3RQcm9wcyA9IExpc3RJdGVtc0J5Q2F0ZWdvcnkgJiB7XG4gIG5hbWU6IHN0cmluZztcbiAgc2VsZWN0ZWRMaXN0SXRlbT86IEZsYXR0ZW5lZExpc3RJdGVtO1xuICBvbkxpc3RJdGVtQ2xpY2s6IChcbiAgICBjYXRlZ29yeTogc3RyaW5nLFxuICAgIGluZGV4SW5DYXRlZ29yeTogbnVtYmVyLFxuICAgIGV2dD86IE1vdXNlRXZlbnQ8SFRNTERpdkVsZW1lbnQ+XG4gICkgPT4gdm9pZDtcbn07XG5cbmV4cG9ydCBmdW5jdGlvbiBnZXRMaXN0SXRlbUlkKFxuICBuYW1lOiBzdHJpbmcsXG4gIGNhdGVnb3J5OiBzdHJpbmcsXG4gIGluZGV4OiBudW1iZXJcbik6IHN0cmluZyB7XG4gIHJldHVybiBgJHtuYW1lfV8ke2NhdGVnb3J5fV9MaXN0SXRlbSR7aW5kZXh9YDtcbn1cblxuY29uc3QgU3R5bGVkSWNvbkxlZnQgPSBzdHlsZWQoSWNvbikoKHsgdGhlbWUgfSkgPT4gKHtcbiAgbWFyZ2luUmlnaHQ6IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcueHMsXG59KSk7XG5cbnR5cGUgU3R5bGVkTGlzdEl0ZW1Qcm9wcyA9IHtcbiAgaXNTZWxlY3RlZDogYm9vbGVhbjtcbn07XG5cbmNvbnN0IFN0eWxlZExpc3RJdGVtID0gc3R5bGVkLmRpdjxTdHlsZWRMaXN0SXRlbVByb3BzPihcbiAgKHsgdGhlbWUsIGlzU2VsZWN0ZWQgfSkgPT4gKHtcbiAgICBwYWRkaW5nOiBgJHt0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnhzfSAke3RoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcubX1gLFxuICAgIGN1cnNvcjogXCJwb2ludGVyXCIsXG5cbiAgICBcIiY6aG92ZXJcIjoge1xuICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC50cmFuc3BhcmVudC5ob3ZlcixcbiAgICB9LFxuXG4gICAgLi4uKGlzU2VsZWN0ZWQgJiYge1xuICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC50cmFuc3BhcmVudC5ob3ZlcixcbiAgICB9KSxcbiAgfSlcbik7XG5cbmV4cG9ydCBmdW5jdGlvbiBDYXRlZ29yeUxpc3Qoe1xuICBuYW1lLFxuICBjYXRlZ29yeSxcbiAgaWNvbkxlZnQsXG4gIHJpZ2h0Q29udGVudCxcbiAgaXRlbXMsXG4gIHNlbGVjdGVkTGlzdEl0ZW0sXG4gIG9uTGlzdEl0ZW1DbGljayxcbn06IENhdGVnb3J5TGlzdFByb3BzKTogUmVhY3RFbGVtZW50IHtcbiAgY29uc3QgbGlzdEl0ZW1zID0gaXRlbXMubWFwKCh7IGxhYmVsLCBpY29uTGVmdDogaXRlbUljb25MZWZ0IH0sIGluZGV4KSA9PiB7XG4gICAgY29uc3QgbGVmdENvbnRlbnQgPSAoXG4gICAgICA8VGV4dD5cbiAgICAgICAge2ljb25MZWZ0ICYmIChcbiAgICAgICAgICA8U3R5bGVkSWNvbkxlZnRcbiAgICAgICAgICAgIHsuLi4oaXRlbUljb25MZWZ0IHx8IGljb25MZWZ0KX1cbiAgICAgICAgICAgIHNpemU9XCJzXCJcbiAgICAgICAgICAgIGNvbG9yPVwidGVydGlhcnlcIlxuICAgICAgICAgICAgaW5saW5lXG4gICAgICAgICAgLz5cbiAgICAgICAgKX1cbiAgICAgICAge2xhYmVsfVxuICAgICAgPC9UZXh0PlxuICAgICk7XG4gICAgY29uc3QgY29udGVudCA9IHJpZ2h0Q29udGVudCA/IChcbiAgICAgIDxDb2x1bW5zPlxuICAgICAgICA8Q29sdW1uPntsZWZ0Q29udGVudH08L0NvbHVtbj5cbiAgICAgICAgPENvbHVtbiBzaXplPVwibmFycm93XCI+e3JpZ2h0Q29udGVudH08L0NvbHVtbj5cbiAgICAgIDwvQ29sdW1ucz5cbiAgICApIDogKFxuICAgICAgbGVmdENvbnRlbnRcbiAgICApO1xuXG4gICAgY29uc3QgaXNTZWxlY3RlZCA9XG4gICAgICAhIXNlbGVjdGVkTGlzdEl0ZW0gJiZcbiAgICAgIHNlbGVjdGVkTGlzdEl0ZW0uY2F0ZWdvcnkgPT09IGNhdGVnb3J5ICYmXG4gICAgICBzZWxlY3RlZExpc3RJdGVtLmluZGV4SW5DYXRlZ29yeSA9PT0gaW5kZXg7XG5cbiAgICAvKiBlc2xpbnQtZGlzYWJsZSByZWFjdC9uby1hcnJheS1pbmRleC1rZXkgKi9cbiAgICByZXR1cm4gKFxuICAgICAgPEZyYWdtZW50IGtleT17aW5kZXh9PlxuICAgICAgICA8U3R5bGVkTGlzdEl0ZW1cbiAgICAgICAgICBpZD17Z2V0TGlzdEl0ZW1JZChuYW1lLCBjYXRlZ29yeSwgaW5kZXgpfVxuICAgICAgICAgIHJvbGU9XCJvcHRpb25cIlxuICAgICAgICAgIGlzU2VsZWN0ZWQ9e2lzU2VsZWN0ZWR9XG4gICAgICAgICAgYXJpYS1zZWxlY3RlZD17aXNTZWxlY3RlZH1cbiAgICAgICAgICBvblBvaW50ZXJEb3duPXsoZXZ0KSA9PiBldnQucHJldmVudERlZmF1bHQoKX0gLy8gbmVlZGVkIHRvIGF2b2lkIGZvY3VzIGNoYW5nZVxuICAgICAgICAgIG9uQ2xpY2s9eyhldnQpID0+IG9uTGlzdEl0ZW1DbGljayhjYXRlZ29yeSwgaW5kZXgsIGV2dCl9XG4gICAgICAgID5cbiAgICAgICAgICB7Y29udGVudH1cbiAgICAgICAgPC9TdHlsZWRMaXN0SXRlbT5cbiAgICAgICAge2luZGV4ICE9PSBpdGVtcy5sZW5ndGggLSAxICYmIDxEaXZpZGVyIC8+fVxuICAgICAgPC9GcmFnbWVudD5cbiAgICApO1xuICAgIC8qIGVzbGludC1lbmFibGUgcmVhY3Qvbm8tYXJyYXktaW5kZXgta2V5ICovXG4gIH0pO1xuXG4gIHJldHVybiAoXG4gICAgPFN0YWNrIHNwYWNlPVwic1wiPlxuICAgICAgPEg2IGFzPVwiZGl2XCI+e2NhdGVnb3J5fTwvSDY+XG4gICAgICA8Q29udGFpbmVyIGVsZXZhdGlvbj17MH0gYm9yZGVyUmFkaXVzPVwic1wiPlxuICAgICAgICA8U3RhY2sgc3BhY2U9XCJ6ZXJvXCI+e2xpc3RJdGVtc308L1N0YWNrPlxuICAgICAgPC9Db250YWluZXI+XG4gICAgPC9TdGFjaz5cbiAgKTtcbn1cbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFvRHVCIn0= */"),StyledListItem=styled("div",{target:"e1n1ipl41",label:"StyledListItem"})(({theme,isSelected})=>({padding:`${theme.variables.size.spacing.xs} ${theme.variables.size.spacing.m}`,cursor:"pointer","&:hover":{backgroundColor:theme.values.color.background.transparent.hover},...isSelected&&{backgroundColor:theme.values.color.background.transparent.hover}}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvUHJvbXB0SW5wdXQvQ2F0ZWdvcnlMaXN0LnRzeCIsInNvdXJjZXMiOlsic3JjL2NvbXBvbmVudHMvUHJvbXB0SW5wdXQvQ2F0ZWdvcnlMaXN0LnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IE1vdXNlRXZlbnQsIFJlYWN0RWxlbWVudCwgUmVhY3ROb2RlIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgUmVhY3QsIHsgRnJhZ21lbnQgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgSDYgfSBmcm9tIFwiLi4vVHlwb2dyYXBoeS9IZWFkZXJcIjtcbmltcG9ydCB7IEljb24gfSBmcm9tIFwiLi4vSWNvbi9JY29uXCI7XG5pbXBvcnQgdHlwZSB7IEljb25Qcm9wcyB9IGZyb20gXCIuLi9JY29uL0ljb25cIjtcbmltcG9ydCB7IFRleHQgfSBmcm9tIFwiLi4vVHlwb2dyYXBoeS9UZXh0XCI7XG5pbXBvcnQgeyBDb2x1bW5zLCBDb2x1bW4gfSBmcm9tIFwiLi4vQ29sdW1uL0NvbHVtbnNcIjtcbmltcG9ydCB7IFN0YWNrIH0gZnJvbSBcIi4uL1N0YWNrL1N0YWNrXCI7XG5pbXBvcnQgeyBDb250YWluZXIgfSBmcm9tIFwiLi4vQ29udGFpbmVyXCI7XG5pbXBvcnQgeyBEaXZpZGVyIH0gZnJvbSBcIi4uL0RpdmlkZXIvRGl2aWRlclwiO1xuXG5leHBvcnQgdHlwZSBMaXN0SXRlbVZhbHVlID0gc3RyaW5nIHwgeyB2YWx1ZTogc3RyaW5nIH07XG5cbmV4cG9ydCB0eXBlIExpc3RJdGVtUHJvcHMgPSB7XG4gIGljb25MZWZ0PzogSWNvblByb3BzO1xuICBsYWJlbDogUmVhY3RFbGVtZW50O1xuICB2YWx1ZTogTGlzdEl0ZW1WYWx1ZTtcbn07XG5cbmV4cG9ydCB0eXBlIExpc3RJdGVtc0J5Q2F0ZWdvcnkgPSB7XG4gIGNhdGVnb3J5OiBzdHJpbmc7XG4gIGljb25MZWZ0PzogSWNvblByb3BzO1xuICByaWdodENvbnRlbnQ/OiBSZWFjdE5vZGU7XG4gIGl0ZW1zOiBMaXN0SXRlbVByb3BzW107XG59O1xuXG5leHBvcnQgdHlwZSBGbGF0dGVuZWRMaXN0SXRlbSA9IHtcbiAgY2F0ZWdvcnk6IExpc3RJdGVtc0J5Q2F0ZWdvcnlbXCJjYXRlZ29yeVwiXTtcbiAgaW5kZXhJbkNhdGVnb3J5OiBudW1iZXI7XG4gIHZhbHVlOiBMaXN0SXRlbVByb3BzW1widmFsdWVcIl07XG4gIGlkOiBzdHJpbmc7XG59O1xuXG5leHBvcnQgdHlwZSBDYXRlZ29yeUxpc3RQcm9wcyA9IExpc3RJdGVtc0J5Q2F0ZWdvcnkgJiB7XG4gIG5hbWU6IHN0cmluZztcbiAgc2VsZWN0ZWRMaXN0SXRlbT86IEZsYXR0ZW5lZExpc3RJdGVtO1xuICBvbkxpc3RJdGVtQ2xpY2s6IChcbiAgICBjYXRlZ29yeTogc3RyaW5nLFxuICAgIGluZGV4SW5DYXRlZ29yeTogbnVtYmVyLFxuICAgIGV2dD86IE1vdXNlRXZlbnQ8SFRNTERpdkVsZW1lbnQ+XG4gICkgPT4gdm9pZDtcbn07XG5cbmV4cG9ydCBmdW5jdGlvbiBnZXRMaXN0SXRlbUlkKFxuICBuYW1lOiBzdHJpbmcsXG4gIGNhdGVnb3J5OiBzdHJpbmcsXG4gIGluZGV4OiBudW1iZXJcbik6IHN0cmluZyB7XG4gIHJldHVybiBgJHtuYW1lfV8ke2NhdGVnb3J5fV9MaXN0SXRlbSR7aW5kZXh9YDtcbn1cblxuY29uc3QgU3R5bGVkSWNvbkxlZnQgPSBzdHlsZWQoSWNvbikoKHsgdGhlbWUgfSkgPT4gKHtcbiAgbWFyZ2luUmlnaHQ6IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcueHMsXG59KSk7XG5cbnR5cGUgU3R5bGVkTGlzdEl0ZW1Qcm9wcyA9IHtcbiAgaXNTZWxlY3RlZDogYm9vbGVhbjtcbn07XG5cbmNvbnN0IFN0eWxlZExpc3RJdGVtID0gc3R5bGVkLmRpdjxTdHlsZWRMaXN0SXRlbVByb3BzPihcbiAgKHsgdGhlbWUsIGlzU2VsZWN0ZWQgfSkgPT4gKHtcbiAgICBwYWRkaW5nOiBgJHt0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnhzfSAke3RoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcubX1gLFxuICAgIGN1cnNvcjogXCJwb2ludGVyXCIsXG5cbiAgICBcIiY6aG92ZXJcIjoge1xuICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC50cmFuc3BhcmVudC5ob3ZlcixcbiAgICB9LFxuXG4gICAgLi4uKGlzU2VsZWN0ZWQgJiYge1xuICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC50cmFuc3BhcmVudC5ob3ZlcixcbiAgICB9KSxcbiAgfSlcbik7XG5cbmV4cG9ydCBmdW5jdGlvbiBDYXRlZ29yeUxpc3Qoe1xuICBuYW1lLFxuICBjYXRlZ29yeSxcbiAgaWNvbkxlZnQsXG4gIHJpZ2h0Q29udGVudCxcbiAgaXRlbXMsXG4gIHNlbGVjdGVkTGlzdEl0ZW0sXG4gIG9uTGlzdEl0ZW1DbGljayxcbn06IENhdGVnb3J5TGlzdFByb3BzKTogUmVhY3RFbGVtZW50IHtcbiAgY29uc3QgbGlzdEl0ZW1zID0gaXRlbXMubWFwKCh7IGxhYmVsLCBpY29uTGVmdDogaXRlbUljb25MZWZ0IH0sIGluZGV4KSA9PiB7XG4gICAgY29uc3QgbGVmdENvbnRlbnQgPSAoXG4gICAgICA8VGV4dD5cbiAgICAgICAge2ljb25MZWZ0ICYmIChcbiAgICAgICAgICA8U3R5bGVkSWNvbkxlZnRcbiAgICAgICAgICAgIHsuLi4oaXRlbUljb25MZWZ0IHx8IGljb25MZWZ0KX1cbiAgICAgICAgICAgIHNpemU9XCJzXCJcbiAgICAgICAgICAgIGNvbG9yPVwidGVydGlhcnlcIlxuICAgICAgICAgICAgaW5saW5lXG4gICAgICAgICAgLz5cbiAgICAgICAgKX1cbiAgICAgICAge2xhYmVsfVxuICAgICAgPC9UZXh0PlxuICAgICk7XG4gICAgY29uc3QgY29udGVudCA9IHJpZ2h0Q29udGVudCA/IChcbiAgICAgIDxDb2x1bW5zPlxuICAgICAgICA8Q29sdW1uPntsZWZ0Q29udGVudH08L0NvbHVtbj5cbiAgICAgICAgPENvbHVtbiBzaXplPVwibmFycm93XCI+e3JpZ2h0Q29udGVudH08L0NvbHVtbj5cbiAgICAgIDwvQ29sdW1ucz5cbiAgICApIDogKFxuICAgICAgbGVmdENvbnRlbnRcbiAgICApO1xuXG4gICAgY29uc3QgaXNTZWxlY3RlZCA9XG4gICAgICAhIXNlbGVjdGVkTGlzdEl0ZW0gJiZcbiAgICAgIHNlbGVjdGVkTGlzdEl0ZW0uY2F0ZWdvcnkgPT09IGNhdGVnb3J5ICYmXG4gICAgICBzZWxlY3RlZExpc3RJdGVtLmluZGV4SW5DYXRlZ29yeSA9PT0gaW5kZXg7XG5cbiAgICAvKiBlc2xpbnQtZGlzYWJsZSByZWFjdC9uby1hcnJheS1pbmRleC1rZXkgKi9cbiAgICByZXR1cm4gKFxuICAgICAgPEZyYWdtZW50IGtleT17aW5kZXh9PlxuICAgICAgICA8U3R5bGVkTGlzdEl0ZW1cbiAgICAgICAgICBpZD17Z2V0TGlzdEl0ZW1JZChuYW1lLCBjYXRlZ29yeSwgaW5kZXgpfVxuICAgICAgICAgIHJvbGU9XCJvcHRpb25cIlxuICAgICAgICAgIGlzU2VsZWN0ZWQ9e2lzU2VsZWN0ZWR9XG4gICAgICAgICAgYXJpYS1zZWxlY3RlZD17aXNTZWxlY3RlZH1cbiAgICAgICAgICBvblBvaW50ZXJEb3duPXsoZXZ0KSA9PiBldnQucHJldmVudERlZmF1bHQoKX0gLy8gbmVlZGVkIHRvIGF2b2lkIGZvY3VzIGNoYW5nZVxuICAgICAgICAgIG9uQ2xpY2s9eyhldnQpID0+IG9uTGlzdEl0ZW1DbGljayhjYXRlZ29yeSwgaW5kZXgsIGV2dCl9XG4gICAgICAgID5cbiAgICAgICAgICB7Y29udGVudH1cbiAgICAgICAgPC9TdHlsZWRMaXN0SXRlbT5cbiAgICAgICAge2luZGV4ICE9PSBpdGVtcy5sZW5ndGggLSAxICYmIDxEaXZpZGVyIC8+fVxuICAgICAgPC9GcmFnbWVudD5cbiAgICApO1xuICAgIC8qIGVzbGludC1lbmFibGUgcmVhY3Qvbm8tYXJyYXktaW5kZXgta2V5ICovXG4gIH0pO1xuXG4gIHJldHVybiAoXG4gICAgPFN0YWNrIHNwYWNlPVwic1wiPlxuICAgICAgPEg2IGFzPVwiZGl2XCI+e2NhdGVnb3J5fTwvSDY+XG4gICAgICA8Q29udGFpbmVyIGVsZXZhdGlvbj17MH0gYm9yZGVyUmFkaXVzPVwic1wiPlxuICAgICAgICA8U3RhY2sgc3BhY2U9XCJ6ZXJvXCI+e2xpc3RJdGVtc308L1N0YWNrPlxuICAgICAgPC9Db250YWluZXI+XG4gICAgPC9TdGFjaz5cbiAgKTtcbn1cbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE0RHVCIn0= */");export function CategoryList({name,category,iconLeft,rightContent,items,selectedListItem,onListItemClick}){let listItems=items.map(({label,iconLeft:itemIconLeft},index)=>{let leftContent=React.createElement(Text,null,iconLeft&&React.createElement(StyledIconLeft,{...itemIconLeft||iconLeft,size:"s",color:"tertiary",inline:!0}),label),content=rightContent?React.createElement(Columns,null,React.createElement(Column,null,leftContent),React.createElement(Column,{size:"narrow"},rightContent)):leftContent,isSelected=!!selectedListItem&&selectedListItem.category===category&&selectedListItem.indexInCategory===index;return React.createElement(Fragment,{key:index},React.createElement(StyledListItem,{id:getListItemId(name,category,index),role:"option",isSelected:isSelected,"aria-selected":isSelected,onPointerDown:evt=>evt.preventDefault(),onClick:evt=>onListItemClick(category,index,evt)},content),index!==items.length-1&&React.createElement(Divider,null))});return React.createElement(Stack,{space:"s"},React.createElement(H6,{as:"div"},category),React.createElement(Container,{elevation:0,borderRadius:"s"},React.createElement(Stack,{space:"zero"},listItems)))}
|
|
1
|
+
import React,{Fragment}from"react";import styled from"@emotion/styled";import{H6}from"../Typography/Header";import{Icon}from"../Icon/Icon";import{Text}from"../Typography/Text";import{Columns,Column}from"../Column/Columns";import{Stack}from"../Stack/Stack";import{Container}from"../Container";import{Divider}from"../Divider/Divider";export function getListItemId(name,category,index){return`${name}_${category}_ListItem${index}`}let StyledIconLeft=styled(Icon,{target:"e1n7h3uo0",label:"StyledIconLeft"})(({theme})=>({marginRight:theme.variables.size.spacing.xs}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvUHJvbXB0SW5wdXQvQ2F0ZWdvcnlMaXN0LnRzeCIsInNvdXJjZXMiOlsic3JjL2NvbXBvbmVudHMvUHJvbXB0SW5wdXQvQ2F0ZWdvcnlMaXN0LnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IE1vdXNlRXZlbnQsIFJlYWN0RWxlbWVudCwgUmVhY3ROb2RlIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgUmVhY3QsIHsgRnJhZ21lbnQgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgSDYgfSBmcm9tIFwiLi4vVHlwb2dyYXBoeS9IZWFkZXJcIjtcbmltcG9ydCB7IEljb24gfSBmcm9tIFwiLi4vSWNvbi9JY29uXCI7XG5pbXBvcnQgdHlwZSB7IEljb25Qcm9wcyB9IGZyb20gXCIuLi9JY29uL0ljb25cIjtcbmltcG9ydCB7IFRleHQgfSBmcm9tIFwiLi4vVHlwb2dyYXBoeS9UZXh0XCI7XG5pbXBvcnQgeyBDb2x1bW5zLCBDb2x1bW4gfSBmcm9tIFwiLi4vQ29sdW1uL0NvbHVtbnNcIjtcbmltcG9ydCB7IFN0YWNrIH0gZnJvbSBcIi4uL1N0YWNrL1N0YWNrXCI7XG5pbXBvcnQgeyBDb250YWluZXIgfSBmcm9tIFwiLi4vQ29udGFpbmVyXCI7XG5pbXBvcnQgeyBEaXZpZGVyIH0gZnJvbSBcIi4uL0RpdmlkZXIvRGl2aWRlclwiO1xuXG5leHBvcnQgdHlwZSBMaXN0SXRlbVZhbHVlID0gc3RyaW5nIHwgeyB2YWx1ZTogc3RyaW5nIH07XG5cbmV4cG9ydCB0eXBlIExpc3RJdGVtUHJvcHMgPSB7XG4gIGljb25MZWZ0PzogSWNvblByb3BzO1xuICBsYWJlbDogUmVhY3RFbGVtZW50O1xuICB2YWx1ZTogTGlzdEl0ZW1WYWx1ZTtcbiAgZGF0YUUyZVRlc3RJZD86IHN0cmluZztcbn07XG5cbmV4cG9ydCB0eXBlIExpc3RJdGVtc0J5Q2F0ZWdvcnkgPSB7XG4gIGNhdGVnb3J5OiBzdHJpbmc7XG4gIGljb25MZWZ0PzogSWNvblByb3BzO1xuICByaWdodENvbnRlbnQ/OiBSZWFjdE5vZGU7XG4gIGl0ZW1zOiBMaXN0SXRlbVByb3BzW107XG59O1xuXG5leHBvcnQgdHlwZSBGbGF0dGVuZWRMaXN0SXRlbSA9IHtcbiAgY2F0ZWdvcnk6IExpc3RJdGVtc0J5Q2F0ZWdvcnlbXCJjYXRlZ29yeVwiXTtcbiAgaW5kZXhJbkNhdGVnb3J5OiBudW1iZXI7XG4gIHZhbHVlOiBMaXN0SXRlbVByb3BzW1widmFsdWVcIl07XG4gIGlkOiBzdHJpbmc7XG59O1xuXG5leHBvcnQgdHlwZSBDYXRlZ29yeUxpc3RQcm9wcyA9IExpc3RJdGVtc0J5Q2F0ZWdvcnkgJiB7XG4gIG5hbWU6IHN0cmluZztcbiAgc2VsZWN0ZWRMaXN0SXRlbT86IEZsYXR0ZW5lZExpc3RJdGVtO1xuICBvbkxpc3RJdGVtQ2xpY2s6IChcbiAgICBjYXRlZ29yeTogc3RyaW5nLFxuICAgIGluZGV4SW5DYXRlZ29yeTogbnVtYmVyLFxuICAgIGV2dD86IE1vdXNlRXZlbnQ8SFRNTERpdkVsZW1lbnQ+XG4gICkgPT4gdm9pZDtcbn07XG5cbmV4cG9ydCBmdW5jdGlvbiBnZXRMaXN0SXRlbUlkKFxuICBuYW1lOiBzdHJpbmcsXG4gIGNhdGVnb3J5OiBzdHJpbmcsXG4gIGluZGV4OiBudW1iZXJcbik6IHN0cmluZyB7XG4gIHJldHVybiBgJHtuYW1lfV8ke2NhdGVnb3J5fV9MaXN0SXRlbSR7aW5kZXh9YDtcbn1cblxuY29uc3QgU3R5bGVkSWNvbkxlZnQgPSBzdHlsZWQoSWNvbikoKHsgdGhlbWUgfSkgPT4gKHtcbiAgbWFyZ2luUmlnaHQ6IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcueHMsXG59KSk7XG5cbnR5cGUgU3R5bGVkTGlzdEl0ZW1Qcm9wcyA9IHtcbiAgaXNTZWxlY3RlZDogYm9vbGVhbjtcbn07XG5cbmNvbnN0IFN0eWxlZExpc3RJdGVtID0gc3R5bGVkLmRpdjxTdHlsZWRMaXN0SXRlbVByb3BzPihcbiAgKHsgdGhlbWUsIGlzU2VsZWN0ZWQgfSkgPT4gKHtcbiAgICBwYWRkaW5nOiBgJHt0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnhzfSAke3RoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcubX1gLFxuICAgIGN1cnNvcjogXCJwb2ludGVyXCIsXG5cbiAgICBcIiY6aG92ZXJcIjoge1xuICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC50cmFuc3BhcmVudC5ob3ZlcixcbiAgICB9LFxuXG4gICAgLi4uKGlzU2VsZWN0ZWQgJiYge1xuICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC50cmFuc3BhcmVudC5ob3ZlcixcbiAgICB9KSxcbiAgfSlcbik7XG5cbmV4cG9ydCBmdW5jdGlvbiBDYXRlZ29yeUxpc3Qoe1xuICBuYW1lLFxuICBjYXRlZ29yeSxcbiAgaWNvbkxlZnQsXG4gIHJpZ2h0Q29udGVudCxcbiAgaXRlbXMsXG4gIHNlbGVjdGVkTGlzdEl0ZW0sXG4gIG9uTGlzdEl0ZW1DbGljayxcbn06IENhdGVnb3J5TGlzdFByb3BzKTogUmVhY3RFbGVtZW50IHtcbiAgY29uc3QgbGlzdEl0ZW1zID0gaXRlbXMubWFwKFxuICAgICh7IGxhYmVsLCBpY29uTGVmdDogaXRlbUljb25MZWZ0LCBkYXRhRTJlVGVzdElkIH0sIGluZGV4KSA9PiB7XG4gICAgICBjb25zdCBsZWZ0Q29udGVudCA9IChcbiAgICAgICAgPFRleHQ+XG4gICAgICAgICAge2ljb25MZWZ0ICYmIChcbiAgICAgICAgICAgIDxTdHlsZWRJY29uTGVmdFxuICAgICAgICAgICAgICB7Li4uKGl0ZW1JY29uTGVmdCB8fCBpY29uTGVmdCl9XG4gICAgICAgICAgICAgIHNpemU9XCJzXCJcbiAgICAgICAgICAgICAgY29sb3I9XCJ0ZXJ0aWFyeVwiXG4gICAgICAgICAgICAgIGlubGluZVxuICAgICAgICAgICAgLz5cbiAgICAgICAgICApfVxuICAgICAgICAgIHtsYWJlbH1cbiAgICAgICAgPC9UZXh0PlxuICAgICAgKTtcbiAgICAgIGNvbnN0IGNvbnRlbnQgPSByaWdodENvbnRlbnQgPyAoXG4gICAgICAgIDxDb2x1bW5zPlxuICAgICAgICAgIDxDb2x1bW4+e2xlZnRDb250ZW50fTwvQ29sdW1uPlxuICAgICAgICAgIDxDb2x1bW4gc2l6ZT1cIm5hcnJvd1wiPntyaWdodENvbnRlbnR9PC9Db2x1bW4+XG4gICAgICAgIDwvQ29sdW1ucz5cbiAgICAgICkgOiAoXG4gICAgICAgIGxlZnRDb250ZW50XG4gICAgICApO1xuXG4gICAgICBjb25zdCBpc1NlbGVjdGVkID1cbiAgICAgICAgISFzZWxlY3RlZExpc3RJdGVtICYmXG4gICAgICAgIHNlbGVjdGVkTGlzdEl0ZW0uY2F0ZWdvcnkgPT09IGNhdGVnb3J5ICYmXG4gICAgICAgIHNlbGVjdGVkTGlzdEl0ZW0uaW5kZXhJbkNhdGVnb3J5ID09PSBpbmRleDtcblxuICAgICAgLyogZXNsaW50LWRpc2FibGUgcmVhY3Qvbm8tYXJyYXktaW5kZXgta2V5ICovXG4gICAgICByZXR1cm4gKFxuICAgICAgICA8RnJhZ21lbnQga2V5PXtpbmRleH0+XG4gICAgICAgICAgPFN0eWxlZExpc3RJdGVtXG4gICAgICAgICAgICBpZD17Z2V0TGlzdEl0ZW1JZChuYW1lLCBjYXRlZ29yeSwgaW5kZXgpfVxuICAgICAgICAgICAgZGF0YS1lMmUtdGVzdC1pZD17ZGF0YUUyZVRlc3RJZH1cbiAgICAgICAgICAgIHJvbGU9XCJvcHRpb25cIlxuICAgICAgICAgICAgaXNTZWxlY3RlZD17aXNTZWxlY3RlZH1cbiAgICAgICAgICAgIGFyaWEtc2VsZWN0ZWQ9e2lzU2VsZWN0ZWR9XG4gICAgICAgICAgICBvblBvaW50ZXJEb3duPXsoZXZ0KSA9PiBldnQucHJldmVudERlZmF1bHQoKX0gLy8gbmVlZGVkIHRvIGF2b2lkIGZvY3VzIGNoYW5nZVxuICAgICAgICAgICAgb25DbGljaz17KGV2dCkgPT4gb25MaXN0SXRlbUNsaWNrKGNhdGVnb3J5LCBpbmRleCwgZXZ0KX1cbiAgICAgICAgICA+XG4gICAgICAgICAgICB7Y29udGVudH1cbiAgICAgICAgICA8L1N0eWxlZExpc3RJdGVtPlxuICAgICAgICAgIHtpbmRleCAhPT0gaXRlbXMubGVuZ3RoIC0gMSAmJiA8RGl2aWRlciAvPn1cbiAgICAgICAgPC9GcmFnbWVudD5cbiAgICAgICk7XG4gICAgICAvKiBlc2xpbnQtZW5hYmxlIHJlYWN0L25vLWFycmF5LWluZGV4LWtleSAqL1xuICAgIH1cbiAgKTtcblxuICByZXR1cm4gKFxuICAgIDxTdGFjayBzcGFjZT1cInNcIj5cbiAgICAgIDxINiBhcz1cImRpdlwiPntjYXRlZ29yeX08L0g2PlxuICAgICAgPENvbnRhaW5lciBlbGV2YXRpb249ezB9IGJvcmRlclJhZGl1cz1cInNcIj5cbiAgICAgICAgPFN0YWNrIHNwYWNlPVwiemVyb1wiPntsaXN0SXRlbXN9PC9TdGFjaz5cbiAgICAgIDwvQ29udGFpbmVyPlxuICAgIDwvU3RhY2s+XG4gICk7XG59XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBcUR1QiJ9 */"),StyledListItem=styled("div",{target:"e1n7h3uo1",label:"StyledListItem"})(({theme,isSelected})=>({padding:`${theme.variables.size.spacing.xs} ${theme.variables.size.spacing.m}`,cursor:"pointer","&:hover":{backgroundColor:theme.values.color.background.transparent.hover},...isSelected&&{backgroundColor:theme.values.color.background.transparent.hover}}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvUHJvbXB0SW5wdXQvQ2F0ZWdvcnlMaXN0LnRzeCIsInNvdXJjZXMiOlsic3JjL2NvbXBvbmVudHMvUHJvbXB0SW5wdXQvQ2F0ZWdvcnlMaXN0LnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IE1vdXNlRXZlbnQsIFJlYWN0RWxlbWVudCwgUmVhY3ROb2RlIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgUmVhY3QsIHsgRnJhZ21lbnQgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgSDYgfSBmcm9tIFwiLi4vVHlwb2dyYXBoeS9IZWFkZXJcIjtcbmltcG9ydCB7IEljb24gfSBmcm9tIFwiLi4vSWNvbi9JY29uXCI7XG5pbXBvcnQgdHlwZSB7IEljb25Qcm9wcyB9IGZyb20gXCIuLi9JY29uL0ljb25cIjtcbmltcG9ydCB7IFRleHQgfSBmcm9tIFwiLi4vVHlwb2dyYXBoeS9UZXh0XCI7XG5pbXBvcnQgeyBDb2x1bW5zLCBDb2x1bW4gfSBmcm9tIFwiLi4vQ29sdW1uL0NvbHVtbnNcIjtcbmltcG9ydCB7IFN0YWNrIH0gZnJvbSBcIi4uL1N0YWNrL1N0YWNrXCI7XG5pbXBvcnQgeyBDb250YWluZXIgfSBmcm9tIFwiLi4vQ29udGFpbmVyXCI7XG5pbXBvcnQgeyBEaXZpZGVyIH0gZnJvbSBcIi4uL0RpdmlkZXIvRGl2aWRlclwiO1xuXG5leHBvcnQgdHlwZSBMaXN0SXRlbVZhbHVlID0gc3RyaW5nIHwgeyB2YWx1ZTogc3RyaW5nIH07XG5cbmV4cG9ydCB0eXBlIExpc3RJdGVtUHJvcHMgPSB7XG4gIGljb25MZWZ0PzogSWNvblByb3BzO1xuICBsYWJlbDogUmVhY3RFbGVtZW50O1xuICB2YWx1ZTogTGlzdEl0ZW1WYWx1ZTtcbiAgZGF0YUUyZVRlc3RJZD86IHN0cmluZztcbn07XG5cbmV4cG9ydCB0eXBlIExpc3RJdGVtc0J5Q2F0ZWdvcnkgPSB7XG4gIGNhdGVnb3J5OiBzdHJpbmc7XG4gIGljb25MZWZ0PzogSWNvblByb3BzO1xuICByaWdodENvbnRlbnQ/OiBSZWFjdE5vZGU7XG4gIGl0ZW1zOiBMaXN0SXRlbVByb3BzW107XG59O1xuXG5leHBvcnQgdHlwZSBGbGF0dGVuZWRMaXN0SXRlbSA9IHtcbiAgY2F0ZWdvcnk6IExpc3RJdGVtc0J5Q2F0ZWdvcnlbXCJjYXRlZ29yeVwiXTtcbiAgaW5kZXhJbkNhdGVnb3J5OiBudW1iZXI7XG4gIHZhbHVlOiBMaXN0SXRlbVByb3BzW1widmFsdWVcIl07XG4gIGlkOiBzdHJpbmc7XG59O1xuXG5leHBvcnQgdHlwZSBDYXRlZ29yeUxpc3RQcm9wcyA9IExpc3RJdGVtc0J5Q2F0ZWdvcnkgJiB7XG4gIG5hbWU6IHN0cmluZztcbiAgc2VsZWN0ZWRMaXN0SXRlbT86IEZsYXR0ZW5lZExpc3RJdGVtO1xuICBvbkxpc3RJdGVtQ2xpY2s6IChcbiAgICBjYXRlZ29yeTogc3RyaW5nLFxuICAgIGluZGV4SW5DYXRlZ29yeTogbnVtYmVyLFxuICAgIGV2dD86IE1vdXNlRXZlbnQ8SFRNTERpdkVsZW1lbnQ+XG4gICkgPT4gdm9pZDtcbn07XG5cbmV4cG9ydCBmdW5jdGlvbiBnZXRMaXN0SXRlbUlkKFxuICBuYW1lOiBzdHJpbmcsXG4gIGNhdGVnb3J5OiBzdHJpbmcsXG4gIGluZGV4OiBudW1iZXJcbik6IHN0cmluZyB7XG4gIHJldHVybiBgJHtuYW1lfV8ke2NhdGVnb3J5fV9MaXN0SXRlbSR7aW5kZXh9YDtcbn1cblxuY29uc3QgU3R5bGVkSWNvbkxlZnQgPSBzdHlsZWQoSWNvbikoKHsgdGhlbWUgfSkgPT4gKHtcbiAgbWFyZ2luUmlnaHQ6IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcueHMsXG59KSk7XG5cbnR5cGUgU3R5bGVkTGlzdEl0ZW1Qcm9wcyA9IHtcbiAgaXNTZWxlY3RlZDogYm9vbGVhbjtcbn07XG5cbmNvbnN0IFN0eWxlZExpc3RJdGVtID0gc3R5bGVkLmRpdjxTdHlsZWRMaXN0SXRlbVByb3BzPihcbiAgKHsgdGhlbWUsIGlzU2VsZWN0ZWQgfSkgPT4gKHtcbiAgICBwYWRkaW5nOiBgJHt0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnhzfSAke3RoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcubX1gLFxuICAgIGN1cnNvcjogXCJwb2ludGVyXCIsXG5cbiAgICBcIiY6aG92ZXJcIjoge1xuICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC50cmFuc3BhcmVudC5ob3ZlcixcbiAgICB9LFxuXG4gICAgLi4uKGlzU2VsZWN0ZWQgJiYge1xuICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC50cmFuc3BhcmVudC5ob3ZlcixcbiAgICB9KSxcbiAgfSlcbik7XG5cbmV4cG9ydCBmdW5jdGlvbiBDYXRlZ29yeUxpc3Qoe1xuICBuYW1lLFxuICBjYXRlZ29yeSxcbiAgaWNvbkxlZnQsXG4gIHJpZ2h0Q29udGVudCxcbiAgaXRlbXMsXG4gIHNlbGVjdGVkTGlzdEl0ZW0sXG4gIG9uTGlzdEl0ZW1DbGljayxcbn06IENhdGVnb3J5TGlzdFByb3BzKTogUmVhY3RFbGVtZW50IHtcbiAgY29uc3QgbGlzdEl0ZW1zID0gaXRlbXMubWFwKFxuICAgICh7IGxhYmVsLCBpY29uTGVmdDogaXRlbUljb25MZWZ0LCBkYXRhRTJlVGVzdElkIH0sIGluZGV4KSA9PiB7XG4gICAgICBjb25zdCBsZWZ0Q29udGVudCA9IChcbiAgICAgICAgPFRleHQ+XG4gICAgICAgICAge2ljb25MZWZ0ICYmIChcbiAgICAgICAgICAgIDxTdHlsZWRJY29uTGVmdFxuICAgICAgICAgICAgICB7Li4uKGl0ZW1JY29uTGVmdCB8fCBpY29uTGVmdCl9XG4gICAgICAgICAgICAgIHNpemU9XCJzXCJcbiAgICAgICAgICAgICAgY29sb3I9XCJ0ZXJ0aWFyeVwiXG4gICAgICAgICAgICAgIGlubGluZVxuICAgICAgICAgICAgLz5cbiAgICAgICAgICApfVxuICAgICAgICAgIHtsYWJlbH1cbiAgICAgICAgPC9UZXh0PlxuICAgICAgKTtcbiAgICAgIGNvbnN0IGNvbnRlbnQgPSByaWdodENvbnRlbnQgPyAoXG4gICAgICAgIDxDb2x1bW5zPlxuICAgICAgICAgIDxDb2x1bW4+e2xlZnRDb250ZW50fTwvQ29sdW1uPlxuICAgICAgICAgIDxDb2x1bW4gc2l6ZT1cIm5hcnJvd1wiPntyaWdodENvbnRlbnR9PC9Db2x1bW4+XG4gICAgICAgIDwvQ29sdW1ucz5cbiAgICAgICkgOiAoXG4gICAgICAgIGxlZnRDb250ZW50XG4gICAgICApO1xuXG4gICAgICBjb25zdCBpc1NlbGVjdGVkID1cbiAgICAgICAgISFzZWxlY3RlZExpc3RJdGVtICYmXG4gICAgICAgIHNlbGVjdGVkTGlzdEl0ZW0uY2F0ZWdvcnkgPT09IGNhdGVnb3J5ICYmXG4gICAgICAgIHNlbGVjdGVkTGlzdEl0ZW0uaW5kZXhJbkNhdGVnb3J5ID09PSBpbmRleDtcblxuICAgICAgLyogZXNsaW50LWRpc2FibGUgcmVhY3Qvbm8tYXJyYXktaW5kZXgta2V5ICovXG4gICAgICByZXR1cm4gKFxuICAgICAgICA8RnJhZ21lbnQga2V5PXtpbmRleH0+XG4gICAgICAgICAgPFN0eWxlZExpc3RJdGVtXG4gICAgICAgICAgICBpZD17Z2V0TGlzdEl0ZW1JZChuYW1lLCBjYXRlZ29yeSwgaW5kZXgpfVxuICAgICAgICAgICAgZGF0YS1lMmUtdGVzdC1pZD17ZGF0YUUyZVRlc3RJZH1cbiAgICAgICAgICAgIHJvbGU9XCJvcHRpb25cIlxuICAgICAgICAgICAgaXNTZWxlY3RlZD17aXNTZWxlY3RlZH1cbiAgICAgICAgICAgIGFyaWEtc2VsZWN0ZWQ9e2lzU2VsZWN0ZWR9XG4gICAgICAgICAgICBvblBvaW50ZXJEb3duPXsoZXZ0KSA9PiBldnQucHJldmVudERlZmF1bHQoKX0gLy8gbmVlZGVkIHRvIGF2b2lkIGZvY3VzIGNoYW5nZVxuICAgICAgICAgICAgb25DbGljaz17KGV2dCkgPT4gb25MaXN0SXRlbUNsaWNrKGNhdGVnb3J5LCBpbmRleCwgZXZ0KX1cbiAgICAgICAgICA+XG4gICAgICAgICAgICB7Y29udGVudH1cbiAgICAgICAgICA8L1N0eWxlZExpc3RJdGVtPlxuICAgICAgICAgIHtpbmRleCAhPT0gaXRlbXMubGVuZ3RoIC0gMSAmJiA8RGl2aWRlciAvPn1cbiAgICAgICAgPC9GcmFnbWVudD5cbiAgICAgICk7XG4gICAgICAvKiBlc2xpbnQtZW5hYmxlIHJlYWN0L25vLWFycmF5LWluZGV4LWtleSAqL1xuICAgIH1cbiAgKTtcblxuICByZXR1cm4gKFxuICAgIDxTdGFjayBzcGFjZT1cInNcIj5cbiAgICAgIDxINiBhcz1cImRpdlwiPntjYXRlZ29yeX08L0g2PlxuICAgICAgPENvbnRhaW5lciBlbGV2YXRpb249ezB9IGJvcmRlclJhZGl1cz1cInNcIj5cbiAgICAgICAgPFN0YWNrIHNwYWNlPVwiemVyb1wiPntsaXN0SXRlbXN9PC9TdGFjaz5cbiAgICAgIDwvQ29udGFpbmVyPlxuICAgIDwvU3RhY2s+XG4gICk7XG59XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBNkR1QiJ9 */");export function CategoryList({name,category,iconLeft,rightContent,items,selectedListItem,onListItemClick}){let listItems=items.map(({label,iconLeft:itemIconLeft,dataE2eTestId},index)=>{let leftContent=React.createElement(Text,null,iconLeft&&React.createElement(StyledIconLeft,{...itemIconLeft||iconLeft,size:"s",color:"tertiary",inline:!0}),label),content=rightContent?React.createElement(Columns,null,React.createElement(Column,null,leftContent),React.createElement(Column,{size:"narrow"},rightContent)):leftContent,isSelected=!!selectedListItem&&selectedListItem.category===category&&selectedListItem.indexInCategory===index;return React.createElement(Fragment,{key:index},React.createElement(StyledListItem,{id:getListItemId(name,category,index),"data-e2e-test-id":dataE2eTestId,role:"option",isSelected:isSelected,"aria-selected":isSelected,onPointerDown:evt=>evt.preventDefault(),onClick:evt=>onListItemClick(category,index,evt)},content),index!==items.length-1&&React.createElement(Divider,null))});return React.createElement(Stack,{space:"s"},React.createElement(H6,{as:"div"},category),React.createElement(Container,{elevation:0,borderRadius:"s"},React.createElement(Stack,{space:"zero"},listItems)))}
|