@amboss/design-system 3.3.1 → 3.3.3

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.
Files changed (51) hide show
  1. package/build/cjs/components/EntityList/BaseEntityList.js +1 -1
  2. package/build/cjs/components/EntityList/EntityItemBody.d.ts +1 -1
  3. package/build/cjs/components/EntityList/EntityItemBody.js +1 -1
  4. package/build/cjs/components/EntityList/EntityList.d.ts +1 -1
  5. package/build/cjs/components/EntityList/EntityList.js +1 -1
  6. package/build/cjs/components/EntityList/EntityListItem.d.ts +1 -1
  7. package/build/cjs/components/EntityList/EntityListItem.js +1 -1
  8. package/build/cjs/components/EntityList/EntityListItemExpandButton.d.ts +5 -0
  9. package/build/cjs/components/EntityList/EntityListItemExpandButton.js +1 -0
  10. package/build/cjs/components/EntityList/styled-components.js +1 -1
  11. package/build/cjs/components/EntityList/types.d.ts +18 -2
  12. package/build/cjs/components/EntityTree/BaseEntityTree.js +1 -1
  13. package/build/cjs/components/EntityTree/EntityTreeItem.d.ts +1 -1
  14. package/build/cjs/components/EntityTree/EntityTreeItem.js +1 -1
  15. package/build/cjs/components/EntityTree/useEntityTreeKeyboard.d.ts +9 -0
  16. package/build/cjs/components/EntityTree/useEntityTreeKeyboard.js +1 -0
  17. package/build/cjs/components/Form/Checkbox/Checkbox.d.ts +3 -0
  18. package/build/cjs/components/Form/Checkbox/Checkbox.js +1 -1
  19. package/build/cjs/components/Patterns/Modal/Modal.d.ts +3 -2
  20. package/build/cjs/components/Patterns/Modal/Modal.js +3 -3
  21. package/build/cjs/shared/useKeyboard.d.ts +2 -1
  22. package/build/cjs/shared/useKeyboard.js +1 -1
  23. package/build/cjs/shared/useOutsideClick.js +1 -1
  24. package/build/cjs/web-tokens/assets/icons.json +1 -0
  25. package/build/cjs/web-tokens/assets/icons16.json +1 -0
  26. package/build/esm/components/EntityList/BaseEntityList.js +1 -1
  27. package/build/esm/components/EntityList/EntityItemBody.d.ts +1 -1
  28. package/build/esm/components/EntityList/EntityItemBody.js +1 -1
  29. package/build/esm/components/EntityList/EntityList.d.ts +1 -1
  30. package/build/esm/components/EntityList/EntityList.js +1 -1
  31. package/build/esm/components/EntityList/EntityListItem.d.ts +1 -1
  32. package/build/esm/components/EntityList/EntityListItem.js +1 -1
  33. package/build/esm/components/EntityList/EntityListItemExpandButton.d.ts +5 -0
  34. package/build/esm/components/EntityList/EntityListItemExpandButton.js +1 -0
  35. package/build/esm/components/EntityList/styled-components.js +1 -1
  36. package/build/esm/components/EntityList/types.d.ts +18 -2
  37. package/build/esm/components/EntityTree/BaseEntityTree.js +1 -1
  38. package/build/esm/components/EntityTree/EntityTreeItem.d.ts +1 -1
  39. package/build/esm/components/EntityTree/EntityTreeItem.js +1 -1
  40. package/build/esm/components/EntityTree/useEntityTreeKeyboard.d.ts +9 -0
  41. package/build/esm/components/EntityTree/useEntityTreeKeyboard.js +1 -0
  42. package/build/esm/components/Form/Checkbox/Checkbox.d.ts +3 -0
  43. package/build/esm/components/Form/Checkbox/Checkbox.js +1 -1
  44. package/build/esm/components/Patterns/Modal/Modal.d.ts +3 -2
  45. package/build/esm/components/Patterns/Modal/Modal.js +3 -3
  46. package/build/esm/shared/useKeyboard.d.ts +2 -1
  47. package/build/esm/shared/useKeyboard.js +1 -1
  48. package/build/esm/shared/useOutsideClick.js +1 -1
  49. package/build/esm/web-tokens/assets/icons.json +1 -0
  50. package/build/esm/web-tokens/assets/icons16.json +1 -0
  51. package/package.json +1 -1
package/build/cjs/shared/useKeyboard.d.ts CHANGED
@@ -14,4 +14,5 @@ import type { RefObject } from "react";
14
14
  *
15
15
  * This mean that these keyboard shortcuts will be applied on menuRef when the menu is opened.
16
16
  */
17
- export declare function useKeyboard(config: Record<string, (e: KeyboardEvent) => void | boolean>, ref: RefObject<any>, isActive: boolean): void;
17
+ export type KeyboardConfig = Record<string, (e: KeyboardEvent) => void | boolean>;
18
+ export declare function useKeyboard(config: KeyboardConfig, ref: RefObject<any>, isActive: boolean, onlyRefIsActive?: boolean): void;
package/build/cjs/shared/useKeyboard.js CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"useKeyboard",{enumerable:!0,get:function(){return useKeyboard}});const _react=require("react"),_useDocument=require("./useDocument");function useKeyboard(config,ref,isActive){let document=(0,_useDocument.useDocument)(),handleKeyboard=event=>{if(!isActive||document.activeElement!==ref.current&&!ref.current?.contains(document.activeElement))return;let targetConfigKey=Object.keys(config).find(targetKeys=>targetKeys.split(" ").includes(event.code));targetConfigKey&&(event.preventDefault(),!1===config[targetConfigKey](event)&&event.stopPropagation())};(0,_react.useEffect)(()=>(document.addEventListener("keydown",handleKeyboard),()=>{document.removeEventListener("keydown",handleKeyboard)}))}
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"useKeyboard",{enumerable:!0,get:function(){return useKeyboard}});const _react=require("react"),_useDocument=require("./useDocument");function useKeyboard(config,ref,isActive,onlyRefIsActive=!1){let document=(0,_useDocument.useDocument)(),handleKeyboard=event=>{if(!isActive||onlyRefIsActive&&document.activeElement!==ref.current||!onlyRefIsActive&&document.activeElement!==ref.current&&!ref.current?.contains(document.activeElement))return;let targetConfigKey=Object.keys(config).find(targetKeys=>targetKeys.split(" ").includes(event.code));targetConfigKey&&(event.preventDefault(),!1===config[targetConfigKey](event)&&event.stopPropagation())};(0,_react.useEffect)(()=>(document.addEventListener("keydown",handleKeyboard),()=>{document.removeEventListener("keydown",handleKeyboard)}))}
package/build/cjs/shared/useOutsideClick.js CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"useOutsideClick",{enumerable:!0,get:function(){return useOutsideClick}});const _react=require("react"),_useWindow=require("./useWindow"),useOutsideClick=(ref,handler,isActive)=>{let window=(0,_useWindow.useWindow)(),outsideClickEvent=(0,_react.useCallback)(e=>{let target=e.target;target&&target.isConnected&&ref&&ref.current&&!ref.current.contains(target)&&handler(e)},[handler,ref]);(0,_react.useEffect)(()=>(isActive&&window.addEventListener("click",outsideClickEvent),()=>{window.removeEventListener("click",outsideClickEvent)}),[isActive,window,outsideClickEvent])};
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"useOutsideClick",{enumerable:!0,get:function(){return useOutsideClick}});const _react=require("react"),_useWindow=require("./useWindow"),useOutsideClick=(ref,handler,isActive)=>{let window=(0,_useWindow.useWindow)(),outsideClickEvent=(0,_react.useCallback)(e=>{let target=e.target;target&&target.isConnected&&ref&&ref.current&&!ref.current.contains(target)&&handler(e)},[handler,ref]);(0,_react.useEffect)(()=>(isActive&&setTimeout(()=>window.addEventListener("click",outsideClickEvent)),()=>{window.removeEventListener("click",outsideClickEvent)}),[isActive,window,outsideClickEvent])};
package/build/cjs/web-tokens/assets/icons.json CHANGED
@@ -62,6 +62,7 @@
62
62
  "effigos": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" fill=\"currentColor\" viewBox=\"0 0 24 24\">\n <path fill-rule=\"evenodd\" d=\"M3.06 10.74c-.3 3.83.35 7.24 3.96 9.38.11.09.24.13.37.17.11.04.22.08.33.15 2.72.95 5.32.68 6.28-.73-1.1.07-2.2.08-3.31.02-3.06-.16-5.2-1.79-6.02-4.68a10.9 10.9 0 0 1-.02-5.65 6.06 6.06 0 0 1 3.18-4c2.32-1.22 4.76-1.22 7.2-.54 2.8.77 4.42 2.84 4.65 5.76.17 2.03-.9 3.4-2.9 3.68-1.6.21-3.21.25-4.81.12-1.69-.12-2.03-.53-2.03-2.25v-.85c.06-.7.48-1.2 1.18-1.26a9.84 9.84 0 0 1 1.88 0c.68.06 1.12.48 1.18 1.18.03.59.03 1.17 0 1.76v.04c0 .28-.02.57.39.54h.25c.31.02.65.03.69-.44v-.01c.08-.81.15-1.64-.05-2.44-.28-1.08-.95-1.77-2.07-1.94a9.12 9.12 0 0 0-2.44-.04C9.6 8.87 8.7 9.83 8.6 11.25c-.04.61-.04 1.22.02 1.83.15 1.52.97 2.4 2.49 2.56 2.11.21 4.23.24 6.34-.14 1.77-.32 3.02-1.37 3.38-3.21a7.01 7.01 0 0 0-2.11-6.87C16.1 3 12.94 2.62 9.6 3.3a8.03 8.03 0 0 0-6.55 7.43Zm6.73 7.4c2.04.46 4.15.42 6.16-.13l.26-.14c.16-.08.3-.16.44-.27a.73.73 0 0 1 .18-.17c.13-.1.26-.21.28-.42h-.59c-1.83.2-3.67.2-5.5.02-2.2-.23-3.56-1.45-3.84-3.58a9.95 9.95 0 0 1 0-2.67 3.92 3.92 0 0 1 3.22-3.53 8.45 8.45 0 0 1 3.6.06 4.03 4.03 0 0 1 3.05 3.92v1.33l-.02.18c-.03.18-.06.36.18.43.26.07.43-.16.56-.35a2 2 0 0 0 .26-.57 4.84 4.84 0 0 0-2.41-5.55 7.97 7.97 0 0 0-6.45-.31 4.71 4.71 0 0 0-3.14 3.67 10.7 10.7 0 0 0-.05 4 4.67 4.67 0 0 0 3.81 4.08Z\" clip-rule=\"evenodd\"/>\n</svg>",
63
63
  "emergency": "<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M4.73204 15.7496L4.73204 14.7496L4.73204 14.7496L4.73204 15.7496ZM2.73204 13.7496L1.73204 13.7496L2.73204 13.7496ZM8.03524 15.7496L9.03524 15.7496L9.03524 14.7496L8.03524 14.7496L8.03524 15.7496ZM8.03524 19.2068L7.03524 19.2068L7.03524 19.2068L8.03524 19.2068ZM10.0352 21.2068L10.0352 22.2068L10.0352 22.2068L10.0352 21.2068ZM13.6885 21.2068L13.6885 22.2068L13.6885 22.2068L13.6885 21.2068ZM15.6885 19.2068L16.6885 19.2068L16.6885 19.2068L15.6885 19.2068ZM15.6885 15.7496L15.6885 14.7496L14.6885 14.7496L14.6885 15.7496L15.6885 15.7496ZM19.0691 15.7496L19.0691 14.7496L19.0691 14.7496L19.0691 15.7496ZM21.0691 13.7496L22.0691 13.7496V13.7496L21.0691 13.7496ZM21.0691 10.0964L22.0691 10.0964L21.0691 10.0964ZM19.0691 8.09638L19.0691 9.09638L19.0691 9.09638L19.0691 8.09638ZM15.6885 8.09638L14.6885 8.09638L14.6885 9.09638H15.6885V8.09638ZM15.6885 4.86979L14.6885 4.86978L14.6885 4.86979L15.6885 4.86979ZM13.6885 2.86978L13.6885 1.86978L13.6885 1.86978L13.6885 2.86978ZM10.0352 2.86979L10.0352 3.86979L10.0352 3.86979L10.0352 2.86979ZM8.03524 4.86978L7.03524 4.86978L7.03524 4.86978L8.03524 4.86978ZM8.03524 8.09638L8.03524 9.09638L9.03524 9.09638L9.03524 8.09638L8.03524 8.09638ZM4.73204 8.09638L4.73204 7.09638L4.73204 7.09638L4.73204 8.09638ZM2.73204 10.0964L3.73204 10.0964V10.0964L2.73204 10.0964ZM4.73204 14.7496C4.17976 14.7496 3.73204 14.3019 3.73204 13.7496L1.73204 13.7496C1.73204 15.4065 3.07519 16.7496 4.73204 16.7496L4.73204 14.7496ZM8.03524 14.7496L4.73204 14.7496L4.73204 16.7496L8.03524 16.7496L8.03524 14.7496ZM9.03524 19.2068L9.03524 15.7496L7.03524 15.7496L7.03524 19.2068L9.03524 19.2068ZM10.0352 20.2068C9.48295 20.2068 9.03524 19.7591 9.03524 19.2068L7.03524 19.2068C7.03524 20.8637 8.37838 22.2068 10.0352 22.2068L10.0352 20.2068ZM13.6885 20.2068L10.0352 20.2068L10.0352 22.2068L13.6885 22.2068L13.6885 20.2068ZM14.6885 19.2068C14.6885 19.7591 14.2407 20.2068 13.6885 20.2068L13.6885 22.2068C15.3453 22.2068 16.6885 20.8637 16.6885 19.2068L14.6885 19.2068ZM14.6885 15.7496L14.6885 19.2068L16.6885 19.2068L16.6885 15.7496L14.6885 15.7496ZM19.0691 14.7496L15.6885 14.7496L15.6885 16.7496L19.0691 16.7496L19.0691 14.7496ZM20.0691 13.7496C20.0691 14.3019 19.6214 14.7496 19.0691 14.7496L19.0691 16.7496C20.7259 16.7496 22.0691 15.4065 22.0691 13.7496L20.0691 13.7496ZM20.0691 10.0964L20.0691 13.7496L22.0691 13.7496L22.0691 10.0964L20.0691 10.0964ZM19.0691 9.09638C19.6214 9.09638 20.0691 9.5441 20.0691 10.0964L22.0691 10.0964C22.0691 8.43953 20.7259 7.09638 19.0691 7.09638L19.0691 9.09638ZM15.6885 9.09638H19.0691V7.09638L15.6885 7.09638V9.09638ZM14.6885 4.86979L14.6885 8.09638L16.6885 8.09638L16.6885 4.86979L14.6885 4.86979ZM13.6885 3.86978C14.2407 3.86979 14.6885 4.3175 14.6885 4.86978L16.6885 4.86979C16.6885 3.21293 15.3453 1.86979 13.6885 1.86978L13.6885 3.86978ZM10.0352 3.86979L13.6885 3.86978L13.6885 1.86978L10.0352 1.86979L10.0352 3.86979ZM9.03524 4.86978C9.03524 4.3175 9.48295 3.86978 10.0352 3.86979L10.0352 1.86979C8.37839 1.86978 7.03524 3.21293 7.03524 4.86978L9.03524 4.86978ZM9.03524 8.09638L9.03524 4.86978L7.03524 4.86978L7.03524 8.09638L9.03524 8.09638ZM4.73204 9.09638L8.03524 9.09638L8.03524 7.09638L4.73204 7.09638L4.73204 9.09638ZM3.73204 10.0964C3.73204 9.5441 4.17976 9.09638 4.73204 9.09638L4.73204 7.09638C3.07519 7.09638 1.73204 8.43953 1.73204 10.0964L3.73204 10.0964ZM3.73204 13.7496L3.73204 10.0964L1.73204 10.0964L1.73204 13.7496L3.73204 13.7496Z\" fill=\"currentColor\"/>\n</svg>\n",
64
64
  "expand": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\"\n stroke-linejoin=\"round\" stroke-width=\"2\" viewBox=\"0 0 24 24\">\n <path d=\"M9 19.7l3 2.3 3-2.3M12 18v4m3-17.7L12 2 9 4.3M12 6V2m-7 8h14M5 14h14\" />\n</svg>",
65
+ "expand-left": "<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M21 13H8V11H21C21.5523 11 22 11.4477 22 12C22 12.5523 21.5523 13 21 13Z\" fill=\"currentColor\"/>\n<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M3 2C3.55228 2 4 2.44772 4 3V21C4 21.5523 3.55228 22 3 22C2.44772 22 2 21.5523 2 21V3C2 2.44772 2.44772 2 3 2Z\" fill=\"currentColor\"/>\n<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M12.7071 17.7071C12.3166 18.0976 11.6834 18.0976 11.2929 17.7071L6.29289 12.7071C6.10536 12.5196 6 12.2652 6 12C6 11.7348 6.10536 11.4804 6.29289 11.2929L11.2929 6.29289C11.6834 5.90237 12.3166 5.90237 12.7071 6.29289C13.0976 6.68342 13.0976 7.31658 12.7071 7.70711L8.41421 12L12.7071 16.2929C13.0976 16.6834 13.0976 17.3166 12.7071 17.7071Z\" fill=\"currentColor\"/>\n</svg>\n",
65
66
  "external-link": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"feather feather-external-link\"><path d=\"M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6\"></path><polyline points=\"15 3 21 3 21 9\"></polyline><line x1=\"10\" y1=\"14\" x2=\"21\" y2=\"3\"></line></svg>",
66
67
  "eye": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"feather feather-eye\"><path d=\"M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z\"></path><circle cx=\"12\" cy=\"12\" r=\"3\"></circle></svg>",
67
68
  "eye-off": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"feather feather-eye-off\"><path d=\"M17.94 17.94A10.07 10.07 0 0 1 12 20c-7 0-11-8-11-8a18.45 18.45 0 0 1 5.06-5.94M9.9 4.24A9.12 9.12 0 0 1 12 4c7 0 11 8 11 8a18.5 18.5 0 0 1-2.16 3.19m-6.72-1.07a3 3 0 1 1-4.24-4.24\"></path><line x1=\"1\" y1=\"1\" x2=\"23\" y2=\"23\"></line></svg>",
package/build/cjs/web-tokens/assets/icons16.json CHANGED
@@ -64,6 +64,7 @@
64
64
  "effigos": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\">\n <path d=\"M2.04 7.16c-.2 2.55.23 4.82 2.64 6.25.07.06.16.09.24.12.08.02.15.05.22.1 1.82.63 3.56.45 4.2-.5-.74.06-1.48.07-2.21.02-2.04-.1-3.47-1.19-4.01-3.12a7.23 7.23 0 0 1-.02-3.76c.3-1.2 1.03-2.1 2.12-2.67a6.32 6.32 0 0 1 4.8-.36 4.07 4.07 0 0 1 3.1 3.84c.11 1.35-.6 2.27-1.94 2.46-1.06.14-2.13.16-3.2.07-1.13-.08-1.36-.35-1.36-1.5V8l.01-.44c.04-.47.32-.8.78-.85.42-.03.84-.03 1.26 0 .45.05.74.33.78.8.02.38.02.77 0 1.16v.03c0 .2 0 .38.26.36h.17c.21.01.43.02.46-.29.05-.55.1-1.1-.04-1.63-.18-.72-.62-1.18-1.37-1.3a6.15 6.15 0 0 0-1.63-.02c-.9.1-1.5.74-1.57 1.7-.03.4-.03.8 0 1.21.1 1.01.66 1.6 1.67 1.7 1.4.15 2.82.17 4.22-.08 1.19-.22 2.02-.92 2.26-2.15a4.67 4.67 0 0 0-1.41-4.58C10.73 2 8.62 1.74 6.4 2.21a5.35 5.35 0 0 0-4.37 4.95Zm4.5 4.93a8.5 8.5 0 0 0 4.1-.08l.17-.1c.1-.05.2-.1.29-.18.03-.04.08-.07.12-.1.08-.08.17-.15.19-.29h-.39c-1.22.13-2.45.14-3.67.01-1.47-.15-2.38-.96-2.56-2.38a6.7 6.7 0 0 1 0-1.79 2.6 2.6 0 0 1 2.14-2.34 5.6 5.6 0 0 1 2.41.04c1.2.3 2 1.35 2.02 2.6V8.5c-.03.11-.05.23.11.28.17.04.3-.1.38-.23.08-.12.13-.25.17-.38a3.23 3.23 0 0 0-1.6-3.7 5.32 5.32 0 0 0-4.3-.21 3.14 3.14 0 0 0-2.1 2.45 7.19 7.19 0 0 0-.03 2.66 3.12 3.12 0 0 0 2.54 2.72Zm0 0\" fill-rule=\"evenodd\" fill=\"#607585\" fill-opacity=\"1\"/>\n</svg>",
65
65
  "emergency": "<svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M3.20848 10.7665L3.20848 11.7665L3.20848 11.7665L3.20848 10.7665ZM1.20848 8.76651L2.20848 8.76651L2.20848 8.76651L1.20848 8.76651ZM5.12135 10.7665L6.12135 10.7665L6.12135 9.76651L5.12135 9.76651L5.12135 10.7665ZM5.12135 12.7929L6.12135 12.7929L6.12135 12.7929L5.12135 12.7929ZM7.12135 14.7929L7.12135 15.7929H7.12135L7.12135 14.7929ZM8.76792 14.7929L8.76792 15.7929L8.76792 15.7929L8.76792 14.7929ZM10.7679 12.7929L9.76792 12.7929L9.76792 12.7929L10.7679 12.7929ZM10.7679 10.7665V9.76651L9.76792 9.76651L9.76792 10.7665H10.7679ZM12.7376 10.7665L12.7376 11.7665L12.7376 11.7665L12.7376 10.7665ZM12.7376 5.11994L12.7376 4.11994L12.7376 4.11994L12.7376 5.11994ZM10.7679 5.11994L9.76792 5.11994L9.76792 6.11994L10.7679 6.11994L10.7679 5.11994ZM10.7679 3.26381L11.7679 3.26381L10.7679 3.26381ZM8.76792 1.26381L8.76792 0.263808L8.76792 1.26381ZM7.12135 1.26381L7.12135 2.26381L7.12135 2.26381L7.12135 1.26381ZM5.12135 3.26381L4.12135 3.26381L4.12135 3.26381L5.12135 3.26381ZM5.12135 5.11994L5.12135 6.11994L6.12135 6.11994L6.12135 5.11994L5.12135 5.11994ZM3.20848 5.11994L3.20848 4.11994L3.20848 4.11994L3.20848 5.11994ZM1.20848 7.11994L0.208484 7.11994L0.208484 7.11994L1.20848 7.11994ZM3.20848 9.76651C2.6562 9.76651 2.20848 9.3188 2.20848 8.76651L0.208484 8.76651C0.208484 10.4234 1.55163 11.7665 3.20848 11.7665L3.20848 9.76651ZM5.12135 9.76651L3.20848 9.76651L3.20848 11.7665L5.12135 11.7665L5.12135 9.76651ZM6.12135 12.7929L6.12135 10.7665L4.12135 10.7665L4.12135 12.7929L6.12135 12.7929ZM7.12135 13.7929C6.56907 13.7929 6.12135 13.3452 6.12135 12.7929L4.12135 12.7929C4.12135 14.4498 5.4645 15.7929 7.12135 15.7929L7.12135 13.7929ZM8.76792 13.7929L7.12135 13.7929L7.12135 15.7929L8.76792 15.7929L8.76792 13.7929ZM9.76792 12.7929C9.76792 13.3452 9.32021 13.7929 8.76792 13.7929L8.76792 15.7929C10.4248 15.7929 11.7679 14.4498 11.7679 12.7929L9.76792 12.7929ZM9.76792 10.7665V12.7929H11.7679V10.7665H9.76792ZM12.7376 9.76651L10.7679 9.76651V11.7665L12.7376 11.7665L12.7376 9.76651ZM13.7376 8.76652C13.7376 9.3188 13.2899 9.76651 12.7376 9.76651L12.7376 11.7665C14.3945 11.7665 15.7376 10.4234 15.7376 8.76652H13.7376ZM13.7376 7.11994V8.76652H15.7376V7.11994H13.7376ZM12.7376 6.11994C13.2899 6.11994 13.7376 6.56766 13.7376 7.11994H15.7376C15.7376 5.46309 14.3945 4.11994 12.7376 4.11994L12.7376 6.11994ZM10.7679 6.11994L12.7376 6.11994L12.7376 4.11994L10.7679 4.11994L10.7679 6.11994ZM9.76792 3.26381L9.76792 5.11994L11.7679 5.11994L11.7679 3.26381L9.76792 3.26381ZM8.76792 2.26381C9.32021 2.26381 9.76792 2.71152 9.76792 3.26381H11.7679C11.7679 1.60695 10.4248 0.263808 8.76792 0.263808L8.76792 2.26381ZM7.12135 2.26381L8.76792 2.26381L8.76792 0.263808L7.12135 0.263808L7.12135 2.26381ZM6.12135 3.26381C6.12135 2.71152 6.56907 2.26381 7.12135 2.26381L7.12135 0.263808C5.4645 0.263809 4.12135 1.60695 4.12135 3.26381L6.12135 3.26381ZM6.12135 5.11994L6.12135 3.26381L4.12135 3.26381L4.12135 5.11994L6.12135 5.11994ZM3.20848 6.11994L5.12135 6.11994L5.12135 4.11994L3.20848 4.11994L3.20848 6.11994ZM2.20848 7.11994C2.20848 6.56766 2.6562 6.11994 3.20848 6.11994L3.20848 4.11994C1.55163 4.11994 0.208484 5.46309 0.208484 7.11994L2.20848 7.11994ZM2.20848 8.76651L2.20848 7.11994L0.208484 7.11994L0.208484 8.76651L2.20848 8.76651Z\" fill=\"currentColor\"/>\n</svg>\n",
66
66
  "expand": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"none\" viewBox=\"0 0 16 16\">\n <path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"bevel\" stroke-width=\"2\" d=\"M3 6h10M3 10h10\" />\n <g fill=\"currentColor\">\n <path d=\"M8 16l-3-3h6zM8 0l3 3H5z\" />\n </g>\n</svg>",
67
+ "expand-left": "<svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M14 9H6V7H14C14.5523 7 15 7.44772 15 8C15 8.55228 14.5523 9 14 9Z\" fill=\"currentColor\"/>\n<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M2 1C2.55228 1 3 1.44772 3 2V14C3 14.5523 2.55228 15 2 15C1.44772 15 1 14.5523 1 14V2C1 1.44772 1.44772 1 2 1Z\" fill=\"currentColor\"/>\n<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M8.70711 11.7071C8.31658 12.0976 7.68342 12.0976 7.29289 11.7071L4.29289 8.70711C3.90237 8.31658 3.90237 7.68342 4.29289 7.29289L7.29289 4.29289C7.68342 3.90237 8.31658 3.90237 8.70711 4.29289C9.09763 4.68342 9.09763 5.31658 8.70711 5.70711L6.41421 8L8.70711 10.2929C9.09763 10.6834 9.09763 11.3166 8.70711 11.7071Z\" fill=\"currentColor\"/>\n</svg>\n",
67
68
  "external-link": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"none\" viewBox=\"0 0 16 16\">\n <g stroke=\"currentColor\" stroke-linejoin=\"round\" stroke-width=\"2\">\n <path\n d=\"M13 9v2.667c0 .736-.597 1.333-1.333 1.333H4.333A1.333 1.333 0 013 11.667V4.333C3 3.597 3.597 3 4.333 3H7\" />\n <g stroke-linecap=\"round\">\n <path d=\"M10 2h4v4M8 8l6-6\" />\n </g>\n </g>\n</svg>",
68
69
  "eye": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"none\" viewBox=\"0 0 16 16\">\n <g fill-rule=\"evenodd\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"\n clip-rule=\"evenodd\">\n <path d=\"M1 8s2.545-5 7-5 7 5 7 5-2.546 5-7 5c-4.455 0-7-5-7-5z\" />\n <path d=\"M8 10a2 2 0 100-4 2 2 0 000 4z\" />\n </g>\n</svg>",
69
70
  "eye-off": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"none\" viewBox=\"0 0 16 16\">\n <path fill=\"currentColor\" fill-rule=\"evenodd\"\n d=\"M12.3 12.57l2.286 2.344L16 13.5 2.914.086 1.5 1.5l2.013 2.063c-.537.396-1.007.827-1.407 1.246a13.327 13.327 0 00-1.65 2.135 2 2 0 000 2.112c.053.084.111.176.176.275.332.505.826 1.18 1.474 1.86C3.387 12.531 5.381 14 8 14c1.707 0 3.148-.623 4.3-1.43zm-1.42-1.455l-.868-.89a3 3 0 01-4.187-4.292l-.899-.92c-.509.345-.968.753-1.373 1.177A11.328 11.328 0 002.155 8c.044.07.093.148.148.232.284.432.705 1.007 1.25 1.577C4.66 10.97 6.165 12 8 12c1.078 0 2.043-.355 2.88-.884zM7.225 7.368A1 1 0 008.613 8.79zm-.016-5.323l2.146 2.146c1.231.35 2.271 1.14 3.092 2A11.335 11.335 0 0113.845 8a10.71 10.71 0 01-.269.412l1.435 1.435a13.598 13.598 0 00.533-.791 2 2 0 000-2.112 13.314 13.314 0 00-1.65-2.135C12.613 3.467 10.619 2 8 2c-.27 0-.534.017-.79.046z\"\n clip-rule=\"evenodd\" />\n</svg>",
package/build/esm/components/EntityList/BaseEntityList.js CHANGED
@@ -1 +1 @@
1
- import React,{useMemo,useCallback}from"react";import styled from"@emotion/styled";import{EntityListItem}from"./EntityListItem";import{Icon}from"../Icon/Icon";import{StyledList}from"./styled-components";let StyledMinHeightCell=/*#__PURE__*/styled("div",{target:"ebpa1mq0",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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvRW50aXR5TGlzdC9CYXNlRW50aXR5TGlzdC50c3giLCJzb3VyY2VzIjpbInNyYy9jb21wb25lbnRzL0VudGl0eUxpc3QvQmFzZUVudGl0eUxpc3QudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyB1c2VNZW1vLCB1c2VDYWxsYmFjayB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBFbnRpdHlMaXN0SXRlbSB9IGZyb20gXCIuL0VudGl0eUxpc3RJdGVtXCI7XG5pbXBvcnQgeyBJY29uIH0gZnJvbSBcIi4uL0ljb24vSWNvblwiO1xuaW1wb3J0IHsgU3R5bGVkTGlzdCB9IGZyb20gXCIuL3N0eWxlZC1jb21wb25lbnRzXCI7XG5pbXBvcnQgdHlwZSB7IEVudGl0eUxpc3RQcm9wcywgTGlzdE5vZGUsIFRleHRTaXplUHJvcHMgfSBmcm9tIFwiLi90eXBlc1wiO1xuXG4vLyBUaGlzIG1pbkhlaWdodCBpcyBuZWVkZWQgZm9yIGFsaWduIHNtYWxsIGljb25zIGluIHRoZSBtaWRkbGUgb2YgMSByb3cgdGV4dCxcbi8vIGJ1dCBpdCBzaG91bGQgc3RheSBhdCB0aGUgdG9wIGlmIHRoZXJlIGlzIG11bHRpbGluZSB0ZXh0XG5jb25zdCBTdHlsZWRNaW5IZWlnaHRDZWxsID0gc3R5bGVkLmRpdjxUZXh0U2l6ZVByb3BzPihcbiAgKHsgdGhlbWUsIHRleHRTaXplIH0pID0+ICh7XG4gICAgbWluSGVpZ2h0OlxuICAgICAgdGV4dFNpemUgPT09IFwic1wiXG4gICAgICAgID8gYGNhbGMoJHt0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLm19ICsgJHt0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnh4c30pYFxuICAgICAgICA6IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcubCxcbiAgICBkaXNwbGF5OiBcImZsZXhcIixcbiAgICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICB9KVxuKTtcblxuZXhwb3J0IGZ1bmN0aW9uIEJhc2VFbnRpdHlMaXN0KHtcbiAgZGF0YSxcbiAgc2l6ZSA9IFwibVwiLFxuICBvbkNsaWNrLFxuICBpc1NlbGVjdGFibGUsXG4gIHNlbGVjdGVkSWRzLFxuICBvblNlbGVjdGlvbkNoYW5nZSxcbiAgcmVuZGVyUmlnaHRDb250ZW50LFxuICBnZXRMZWZ0SWNvblByb3BzLFxuICBoaWRlQm9yZGVyLFxuICBcImRhdGEtZTJlLXRlc3QtaWRcIjogZGF0YUUyZVRlc3RJZCxcbn06IEVudGl0eUxpc3RQcm9wcyk6IFJlYWN0LlJlYWN0RWxlbWVudCB7XG4gIGNvbnN0IHNlbGVjdGVkSWRzU2V0ID0gdXNlTWVtbygoKSA9PiBuZXcgU2V0KHNlbGVjdGVkSWRzKSwgW3NlbGVjdGVkSWRzXSk7XG4gIGNvbnN0IGhhbmRsZU9uQ2xpY2sgPSB1c2VDYWxsYmFjayhcbiAgICAoaXRlbTogTGlzdE5vZGUpID0+IHtcbiAgICAgIGNvbnN0IHsgaWQgfSA9IGl0ZW07XG5cbiAgICAgIC8vIEhhbmRsZSBjaGVja2JveCBjaGFuZ2VcbiAgICAgIGlmIChpc1NlbGVjdGFibGUpIHtcbiAgICAgICAgaWYgKHNlbGVjdGVkSWRzU2V0LmhhcyhpZCkpIHtcbiAgICAgICAgICBzZWxlY3RlZElkc1NldC5kZWxldGUoaWQpO1xuICAgICAgICB9IGVsc2Uge1xuICAgICAgICAgIHNlbGVjdGVkSWRzU2V0LmFkZChpZCk7XG4gICAgICAgIH1cbiAgICAgICAgb25TZWxlY3Rpb25DaGFuZ2U/LihBcnJheS5mcm9tKHNlbGVjdGVkSWRzU2V0KSk7XG4gICAgICB9XG5cbiAgICAgIG9uQ2xpY2s/LihpdGVtKTtcbiAgICB9LFxuICAgIFtzZWxlY3RlZElkc1NldCwgb25TZWxlY3Rpb25DaGFuZ2UsIG9uQ2xpY2ssIGlzU2VsZWN0YWJsZV1cbiAgKTtcbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkTGlzdFxuICAgICAgc2l6ZT17c2l6ZX1cbiAgICAgIGRhdGEtZTJlLXRlc3QtaWQ9e2RhdGFFMmVUZXN0SWR9XG4gICAgICBkYXRhLWRzLWlkPVwiRW50aXR5TGlzdFwiXG4gICAgICByb2xlPVwibGlzdFwiXG4gICAgPlxuICAgICAge2RhdGEubWFwKChpdGVtLCBpKSA9PiAoXG4gICAgICAgIDxFbnRpdHlMaXN0SXRlbVxuICAgICAgICAgIGtleT17aXRlbS5pZH1cbiAgICAgICAgICBhcmlhLWxhYmVsPXtpdGVtW1wiYXJpYS1sYWJlbFwiXSB8fCBpdGVtLmxhYmVsfVxuICAgICAgICAgIHNpemU9e3NpemV9XG4gICAgICAgICAgaGlkZUJvcmRlcj17aGlkZUJvcmRlciB8fCBpID09PSBkYXRhLmxlbmd0aCAtIDF9XG4gICAgICAgICAgaXNBY3RpdmU9e2l0ZW0uaXNBY3RpdmV9XG4gICAgICAgICAgaXNEaXNhYmxlZD17aXRlbS5pc0Rpc2FibGVkfVxuICAgICAgICAgIG9uQ2xpY2s9eygpID0+IGhhbmRsZU9uQ2xpY2soaXRlbSl9XG4gICAgICAgICAgaXNDbGlja2FibGU9e0Jvb2xlYW4ob25DbGljayB8fCBzZWxlY3RlZElkcyl9XG4gICAgICAgICAgZGVzY3JpcHRpb249e2l0ZW0uZGVzY3JpcHRpb259XG4gICAgICAgICAgY2hlY2tib3hQcm9wcz17XG4gICAgICAgICAgICBpc1NlbGVjdGFibGUgJiYge1xuICAgICAgICAgICAgICBuYW1lOiBcImxpc3QtY2hlY2tib3hcIixcbiAgICAgICAgICAgICAgc2l6ZTogXCJzXCIsXG4gICAgICAgICAgICAgIG9uQ2hhbmdlOiAoKSA9PiBoYW5kbGVPbkNsaWNrKGl0ZW0pLFxuICAgICAgICAgICAgICBjaGVja2VkOiBzZWxlY3RlZElkc1NldC5oYXMoaXRlbS5pZCksXG4gICAgICAgICAgICB9XG4gICAgICAgICAgfVxuICAgICAgICAgIHJlbmRlckxhYmVsPXsoKSA9PiBpdGVtLmxhYmVsfVxuICAgICAgICAgIHJlbmRlckxlZnQ9e1xuICAgICAgICAgICAgZ2V0TGVmdEljb25Qcm9wc1xuICAgICAgICAgICAgICA/ICh7IHRleHRTaXplIH0pID0+IChcbiAgICAgICAgICAgICAgICAgIDxJY29uXG4gICAgICAgICAgICAgICAgICAgIC8qIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSByZWFjdC9qc3gtcHJvcHMtbm8tc3ByZWFkaW5nICovXG4gICAgICAgICAgICAgICAgICAgIHsuLi5nZXRMZWZ0SWNvblByb3BzKGl0ZW0pfVxuICAgICAgICAgICAgICAgICAgICBzaXplPXt0ZXh0U2l6ZX1cbiAgICAgICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICAgICAgKVxuICAgICAgICAgICAgICA6IG51bGxcbiAgICAgICAgICB9XG4gICAgICAgICAgcmVuZGVyUmlnaHQ9eyh7IGFjdGlvblNpemUsIHRleHRTaXplIH0pID0+XG4gICAgICAgICAgICByZW5kZXJSaWdodENvbnRlbnQgPyAoXG4gICAgICAgICAgICAgIDxTdHlsZWRNaW5IZWlnaHRDZWxsIHRleHRTaXplPXt0ZXh0U2l6ZX0+XG4gICAgICAgICAgICAgICAge3JlbmRlclJpZ2h0Q29udGVudCh7IHRleHRTaXplLCBhY3Rpb25TaXplLCAuLi5pdGVtIH0pfVxuICAgICAgICAgICAgICA8L1N0eWxlZE1pbkhlaWdodENlbGw+XG4gICAgICAgICAgICApIDogbnVsbFxuICAgICAgICAgIH1cbiAgICAgICAgLz5cbiAgICAgICkpfVxuICAgIDwvU3R5bGVkTGlzdD5cbiAgKTtcbn1cbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFTNEIifQ== */");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]),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]);return /*#__PURE__*/React.createElement(StyledList,{size:size,"data-e2e-test-id":dataE2eTestId,"data-ds-id":"EntityList",role:"list"},data.map((item,i)=>/*#__PURE__*/React.createElement(EntityListItem,{key:item.id,"aria-label":item["aria-label"]||item.label,size:size,hideBorder:hideBorder||i===data.length-1,isActive:item.isActive,isDisabled:item.isDisabled,onClick:()=>handleOnClick(item),isClickable:!!(onClick||selectedIds),description:item.description,checkboxProps:isSelectable&&{name:"list-checkbox",size:"s",onChange:()=>handleOnClick(item),checked:selectedIdsSet.has(item.id)},renderLabel:()=>item.label,renderLeft:getLeftIconProps?({textSize})=>/*#__PURE__*/React.createElement(Icon,{...getLeftIconProps(item),size:textSize}):null,renderRight:({actionSize,textSize})=>renderRightContent?/*#__PURE__*/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=/*#__PURE__*/styled("div",{target:"er6regd0",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+ICh7XG4gICAgbWluSGVpZ2h0OlxuICAgICAgdGV4dFNpemUgPT09IFwic1wiXG4gICAgICAgID8gYGNhbGMoJHt0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLm19ICsgJHt0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnh4c30pYFxuICAgICAgICA6IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcubCxcbiAgICBkaXNwbGF5OiBcImZsZXhcIixcbiAgICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICB9KVxuKTtcblxuY29uc3QgZmluZEVuYWJsZWRJdGVtSW5kZXggPSAoXG4gIGl0ZW1zOiBMaXN0Tm9kZVtdLFxuICBzdGFydEluZGV4OiBudW1iZXIsXG4gIGRpcmVjdGlvbiA9IFwibmV4dFwiXG4pOiBudW1iZXIgPT4ge1xuICBpZiAoZGlyZWN0aW9uID09PSBcIm5leHRcIikge1xuICAgIGZvciAobGV0IGkgPSBzdGFydEluZGV4ICsgMTsgaSA8IGl0ZW1zLmxlbmd0aDsgaSArPSAxKSB7XG4gICAgICBpZiAoIWl0ZW1zW2ldLmlzRGlzYWJsZWQpIHtcbiAgICAgICAgcmV0dXJuIGk7XG4gICAgICB9XG4gICAgfVxuICB9IGVsc2UgaWYgKGRpcmVjdGlvbiA9PT0gXCJwcmV2aW91c1wiKSB7XG4gICAgZm9yIChsZXQgaSA9IHN0YXJ0SW5kZXggLSAxOyBpID49IDA7IGkgLT0gMSkge1xuICAgICAgaWYgKCFpdGVtc1tpXS5pc0Rpc2FibGVkKSB7XG4gICAgICAgIHJldHVybiBpO1xuICAgICAgfVxuICAgIH1cbiAgfVxuICByZXR1cm4gc3RhcnRJbmRleDtcbn07XG5cbmV4cG9ydCBmdW5jdGlvbiBCYXNlRW50aXR5TGlzdCh7XG4gIGRhdGEsXG4gIHNpemUgPSBcIm1cIixcbiAgb25DbGljayxcbiAgaXNTZWxlY3RhYmxlLFxuICBzZWxlY3RlZElkcyxcbiAgb25TZWxlY3Rpb25DaGFuZ2UsXG4gIHJlbmRlclJpZ2h0Q29udGVudCxcbiAgZ2V0TGVmdEljb25Qcm9wcyxcbiAgaGlkZUJvcmRlcixcbiAgXCJkYXRhLWUyZS10ZXN0LWlkXCI6IGRhdGFFMmVUZXN0SWQsXG59OiBFbnRpdHlMaXN0UHJvcHMpOiBSZWFjdC5SZWFjdEVsZW1lbnQge1xuICBjb25zdCBzZWxlY3RlZElkc1NldCA9IHVzZU1lbW8oKCkgPT4gbmV3IFNldChzZWxlY3RlZElkcyksIFtzZWxlY3RlZElkc10pO1xuICBjb25zdCBbaXNLZXlib2FyZEZvY3VzLCBzZXRJc0tleWJvcmFkRm9jdXNdID0gdXNlU3RhdGU8Ym9vbGVhbj4oZmFsc2UpO1xuICBjb25zdCBbc2VsZWN0ZWRJbmRleCwgc2V0U2VsZWN0ZWRJbmRleF0gPSB1c2VTdGF0ZTxudW1iZXI+KCgpID0+XG4gICAgaXNTZWxlY3RhYmxlIHx8IG9uQ2xpY2sgPyBmaW5kRW5hYmxlZEl0ZW1JbmRleChkYXRhLCAtMSkgOiAtMVxuICApO1xuICBjb25zdCByZWZMaXN0ID0gdXNlUmVmPEhUTUxVTGlzdEVsZW1lbnQ+KG51bGwpO1xuICB1c2VLZXlib2FyZChcbiAgICB7XG4gICAgICBBcnJvd0Rvd246ICgpID0+IHtcbiAgICAgICAgc2V0SXNLZXlib3JhZEZvY3VzKHRydWUpO1xuICAgICAgICBjb25zdCBuZXh0SW5kZXggPSBmaW5kRW5hYmxlZEl0ZW1JbmRleChkYXRhLCBzZWxlY3RlZEluZGV4KTtcbiAgICAgICAgc2V0U2VsZWN0ZWRJbmRleChuZXh0SW5kZXgpO1xuICAgICAgfSxcbiAgICAgIEFycm93VXA6ICgpID0+IHtcbiAgICAgICAgc2V0SXNLZXlib3JhZEZvY3VzKHRydWUpO1xuICAgICAgICBjb25zdCBwcmV2SW5kZXggPSBmaW5kRW5hYmxlZEl0ZW1JbmRleChkYXRhLCBzZWxlY3RlZEluZGV4LCBcInByZXZpb3VzXCIpO1xuICAgICAgICBzZXRTZWxlY3RlZEluZGV4KHByZXZJbmRleCk7XG4gICAgICB9LFxuICAgIH0sXG4gICAgcmVmTGlzdCxcbiAgICBzZWxlY3RlZEluZGV4ICE9PSAtMVxuICApO1xuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgaWYgKHJlZkxpc3QgJiYgcmVmTGlzdC5jdXJyZW50ICYmIGlzS2V5Ym9hcmRGb2N1cyAmJiBzZWxlY3RlZEluZGV4ID49IDApIHtcbiAgICAgIGNvbnN0IGJ1dHRvbnMgPSByZWZMaXN0LmN1cnJlbnQucXVlcnlTZWxlY3RvckFsbCgnZGl2W3JvbGU9XCJidXR0b25cIl0nKTtcblxuICAgICAgKGJ1dHRvbnNbTWF0aC5hYnMoc2VsZWN0ZWRJbmRleCkgJSBidXR0b25zLmxlbmd0aF0gYXMgSFRNTEVsZW1lbnQpLmZvY3VzKHtcbiAgICAgICAgcHJldmVudFNjcm9sbDogdHJ1ZSxcbiAgICAgIH0pO1xuICAgIH1cbiAgfSwgW3NlbGVjdGVkSW5kZXgsIGlzS2V5Ym9hcmRGb2N1c10pO1xuXG4gIGNvbnN0IGhhbmRsZU9uQ2xpY2sgPSB1c2VDYWxsYmFjayhcbiAgICAoaXRlbTogTGlzdE5vZGUpID0+IHtcbiAgICAgIGNvbnN0IHsgaWQgfSA9IGl0ZW07XG5cbiAgICAgIC8vIEhhbmRsZSBjaGVja2JveCBjaGFuZ2VcbiAgICAgIGlmIChpc1NlbGVjdGFibGUpIHtcbiAgICAgICAgaWYgKHNlbGVjdGVkSWRzU2V0LmhhcyhpZCkpIHtcbiAgICAgICAgICBzZWxlY3RlZElkc1NldC5kZWxldGUoaWQpO1xuICAgICAgICB9IGVsc2Uge1xuICAgICAgICAgIHNlbGVjdGVkSWRzU2V0LmFkZChpZCk7XG4gICAgICAgIH1cbiAgICAgICAgb25TZWxlY3Rpb25DaGFuZ2U/LihBcnJheS5mcm9tKHNlbGVjdGVkSWRzU2V0KSk7XG4gICAgICB9XG5cbiAgICAgIG9uQ2xpY2s/LihpdGVtKTtcbiAgICB9LFxuICAgIFtzZWxlY3RlZElkc1NldCwgb25TZWxlY3Rpb25DaGFuZ2UsIG9uQ2xpY2ssIGlzU2VsZWN0YWJsZV1cbiAgKTtcblxuICBjb25zdCBoYW5kbGVCbHVyID0gdXNlQ2FsbGJhY2soKCkgPT4ge1xuICAgIC8vIFVzZSBzZXRUaW1lb3V0IHRvIHdhaXQgZm9yIGZvY3VzIHRvIGZ1bGx5IHByb3BhZ2F0ZVxuICAgIHNldFRpbWVvdXQoKCkgPT4ge1xuICAgICAgaWYgKFxuICAgICAgICByZWZMaXN0LmN1cnJlbnQgJiZcbiAgICAgICAgIXJlZkxpc3QuY3VycmVudC5jb250YWlucyhkb2N1bWVudC5hY3RpdmVFbGVtZW50KVxuICAgICAgKSB7XG4gICAgICAgIHNldElzS2V5Ym9yYWRGb2N1cyhmYWxzZSk7XG4gICAgICAgIHNldFNlbGVjdGVkSW5kZXgoKCkgPT4gZmluZEVuYWJsZWRJdGVtSW5kZXgoZGF0YSwgLTEpKTtcbiAgICAgIH1cbiAgICB9LCAwKTtcbiAgfSwgW3JlZkxpc3QsIHNldFNlbGVjdGVkSW5kZXgsIGRhdGFdKTtcblxuICByZXR1cm4gKFxuICAgIDxTdHlsZWRMaXN0XG4gICAgICByZWY9e3JlZkxpc3R9XG4gICAgICBzaXplPXtzaXplfVxuICAgICAgZGF0YS1lMmUtdGVzdC1pZD17ZGF0YUUyZVRlc3RJZH1cbiAgICAgIG9uQmx1cj17aGFuZGxlQmx1cn1cbiAgICAgIGRhdGEtZHMtaWQ9XCJFbnRpdHlMaXN0XCJcbiAgICAgIHJvbGU9XCJsaXN0XCJcbiAgICA+XG4gICAgICB7ZGF0YS5tYXAoKGl0ZW0sIGkpID0+IHtcbiAgICAgICAgY29uc3QgdGFiSW5kZXggPSBpID09PSBzZWxlY3RlZEluZGV4ID8gMCA6IC0xO1xuXG4gICAgICAgIHJldHVybiAoXG4gICAgICAgICAgPEVudGl0eUxpc3RJdGVtXG4gICAgICAgICAgICBrZXk9e2l0ZW0uaWR9XG4gICAgICAgICAgICBhcmlhLWxhYmVsPXtpdGVtW1wiYXJpYS1sYWJlbFwiXSB8fCBpdGVtLmxhYmVsfVxuICAgICAgICAgICAgc2l6ZT17c2l6ZX1cbiAgICAgICAgICAgIGhpZGVCb3JkZXI9e2hpZGVCb3JkZXIgfHwgaSA9PT0gZGF0YS5sZW5ndGggLSAxfVxuICAgICAgICAgICAgaXNBY3RpdmU9e2l0ZW0uaXNBY3RpdmUgfHwgKGlzS2V5Ym9hcmRGb2N1cyAmJiBzZWxlY3RlZEluZGV4ID09PSBpKX1cbiAgICAgICAgICAgIGlzRGlzYWJsZWQ9e2l0ZW0uaXNEaXNhYmxlZH1cbiAgICAgICAgICAgIGlzQ2xpY2thYmxlPXtCb29sZWFuKG9uQ2xpY2sgfHwgc2VsZWN0ZWRJZHMpfVxuICAgICAgICAgICAgZGVzY3JpcHRpb249e2l0ZW0uZGVzY3JpcHRpb259XG4gICAgICAgICAgICBvbktleURvd249eygpID0+IGhhbmRsZU9uQ2xpY2soaXRlbSl9XG4gICAgICAgICAgICB0YWJJbmRleD17dGFiSW5kZXh9XG4gICAgICAgICAgICBvbkZvY3VzPXsoKSA9PiB7XG4gICAgICAgICAgICAgIGlmIChvbkNsaWNrIHx8IGlzU2VsZWN0YWJsZSkge1xuICAgICAgICAgICAgICAgIHNldFNlbGVjdGVkSW5kZXgoaSk7XG4gICAgICAgICAgICAgICAgc2V0SXNLZXlib3JhZEZvY3VzKHRydWUpO1xuICAgICAgICAgICAgICB9XG4gICAgICAgICAgICB9fVxuICAgICAgICAgICAgb25DbGljaz17KCkgPT4ge1xuICAgICAgICAgICAgICBzZXRJc0tleWJvcmFkRm9jdXMoZmFsc2UpO1xuICAgICAgICAgICAgICBoYW5kbGVPbkNsaWNrKGl0ZW0pO1xuICAgICAgICAgICAgfX1cbiAgICAgICAgICAgIGNoZWNrYm94UHJvcHM9e1xuICAgICAgICAgICAgICBpc1NlbGVjdGFibGUgJiYge1xuICAgICAgICAgICAgICAgIG5hbWU6IFwibGlzdC1jaGVja2JveFwiLFxuICAgICAgICAgICAgICAgIHNpemU6IFwic1wiLFxuICAgICAgICAgICAgICAgIG9uQ2hhbmdlOiAoKSA9PiBoYW5kbGVPbkNsaWNrKGl0ZW0pLFxuICAgICAgICAgICAgICAgIGNoZWNrZWQ6IHNlbGVjdGVkSWRzU2V0LmhhcyhpdGVtLmlkKSxcbiAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgfVxuICAgICAgICAgICAgcmVuZGVyTGFiZWw9eygpID0+IGl0ZW0ubGFiZWx9XG4gICAgICAgICAgICByZW5kZXJMZWZ0PXtcbiAgICAgICAgICAgICAgZ2V0TGVmdEljb25Qcm9wc1xuICAgICAgICAgICAgICAgID8gKHsgdGV4dFNpemUgfSkgPT4gKFxuICAgICAgICAgICAgICAgICAgICA8SWNvblxuICAgICAgICAgICAgICAgICAgICAgIC8qIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSByZWFjdC9qc3gtcHJvcHMtbm8tc3ByZWFkaW5nICovXG4gICAgICAgICAgICAgICAgICAgICAgey4uLmdldExlZnRJY29uUHJvcHMoaXRlbSl9XG4gICAgICAgICAgICAgICAgICAgICAgc2l6ZT17dGV4dFNpemV9XG4gICAgICAgICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICAgICAgICApXG4gICAgICAgICAgICAgICAgOiBudWxsXG4gICAgICAgICAgICB9XG4gICAgICAgICAgICByZW5kZXJSaWdodD17KHsgYWN0aW9uU2l6ZSwgdGV4dFNpemUgfSkgPT5cbiAgICAgICAgICAgICAgcmVuZGVyUmlnaHRDb250ZW50ID8gKFxuICAgICAgICAgICAgICAgIDxTdHlsZWRNaW5IZWlnaHRDZWxsIHRleHRTaXplPXt0ZXh0U2l6ZX0+XG4gICAgICAgICAgICAgICAgICB7cmVuZGVyUmlnaHRDb250ZW50KHsgdGV4dFNpemUsIGFjdGlvblNpemUsIC4uLml0ZW0gfSl9XG4gICAgICAgICAgICAgICAgPC9TdHlsZWRNaW5IZWlnaHRDZWxsPlxuICAgICAgICAgICAgICApIDogbnVsbFxuICAgICAgICAgICAgfVxuICAgICAgICAgIC8+XG4gICAgICAgICk7XG4gICAgICB9KX1cbiAgICA8L1N0eWxlZExpc3Q+XG4gICk7XG59XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZ0I0QiJ9 */"),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,setIsKeyboradFocus]=useState(!1),[selectedIndex,setSelectedIndex]=useState(()=>isSelectable||onClick?findEnabledItemIndex(data,-1):-1),refList=useRef(null);useKeyboard({ArrowDown:()=>{setIsKeyboradFocus(!0),setSelectedIndex(findEnabledItemIndex(data,selectedIndex))},ArrowUp:()=>{setIsKeyboradFocus(!0),setSelectedIndex(findEnabledItemIndex(data,selectedIndex,"previous"))}},refList,-1!==selectedIndex),useEffect(()=>{if(refList&&refList.current&&isKeyboardFocus&&selectedIndex>=0){let buttons=refList.current.querySelectorAll('div[role="button"]');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)&&(setIsKeyboradFocus(!1),setSelectedIndex(()=>findEnabledItemIndex(data,-1)))},0)},[refList,setSelectedIndex,data]);return /*#__PURE__*/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=i===selectedIndex?0:-1;return /*#__PURE__*/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),setIsKeyboradFocus(!0))},onClick:()=>{setIsKeyboradFocus(!1),handleOnClick(item)},checkboxProps:isSelectable&&{name:"list-checkbox",size:"s",onChange:()=>handleOnClick(item),checked:selectedIdsSet.has(item.id)},renderLabel:()=>item.label,renderLeft:getLeftIconProps?({textSize})=>/*#__PURE__*/React.createElement(Icon,{...getLeftIconProps(item),size:textSize}):null,renderRight:({actionSize,textSize})=>renderRightContent?/*#__PURE__*/React.createElement(StyledMinHeightCell,{textSize:textSize},renderRightContent({textSize,actionSize,...item})):null})}))}
package/build/esm/components/EntityList/EntityItemBody.d.ts CHANGED
@@ -1,3 +1,3 @@
1
1
  import React from "react";
2
2
  import type { EntityListItemProps } from "./types";
3
- export declare function EntityItemBody({ checkboxProps, description, renderLabel, renderLeft, renderRight, size, }: Partial<EntityListItemProps>): React.ReactElement;
3
+ export declare function EntityItemBody({ checkboxProps, description, renderLabel, renderLeft, renderRight, tabIndex, size, }: Partial<EntityListItemProps>): React.ReactElement;
package/build/esm/components/EntityList/EntityItemBody.js CHANGED
@@ -1 +1 @@
1
- import React,{useCallback}from"react";import styled from"@emotion/styled";import{CheckboxRaw}from"../Form/Checkbox/Checkbox";import{EntityListItemText}from"./EntityListItemText";import{Inline}from"../Inline/Inline";import{StyledWrapperOffset}from"./styled-components";let StyledLabel=/*#__PURE__*/styled(StyledWrapperOffset,{target:"e1u5m2u40",label:"StyledLabel"})(({theme,size})=>({cursor:"pointer",display:"inline-block",margin:`-${theme.variables.size.spacing["xs"===size?"xxs":size]} 0`}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvRW50aXR5TGlzdC9FbnRpdHlJdGVtQm9keS50c3giLCJzb3VyY2VzIjpbInNyYy9jb21wb25lbnRzL0VudGl0eUxpc3QvRW50aXR5SXRlbUJvZHkudHN4Il0sInNvdXJjZXNDb250ZW50IjpbIi8qIGVzbGludC1kaXNhYmxlIHJlYWN0L2pzeC1wcm9wcy1uby1zcHJlYWRpbmcgKi9cbmltcG9ydCBSZWFjdCwgeyB1c2VDYWxsYmFjayB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgdHlwZSB7IEZDLCBQcm9wc1dpdGhDaGlsZHJlbiB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHsgQ2hlY2tib3hSYXcgfSBmcm9tIFwiLi4vRm9ybS9DaGVja2JveC9DaGVja2JveFwiO1xuaW1wb3J0IHsgRW50aXR5TGlzdEl0ZW1UZXh0IH0gZnJvbSBcIi4vRW50aXR5TGlzdEl0ZW1UZXh0XCI7XG5pbXBvcnQgeyBJbmxpbmUgfSBmcm9tIFwiLi4vSW5saW5lL0lubGluZVwiO1xuaW1wb3J0IHsgU3R5bGVkV3JhcHBlck9mZnNldCB9IGZyb20gXCIuL3N0eWxlZC1jb21wb25lbnRzXCI7XG5pbXBvcnQgdHlwZSB7IEVudGl0eUxpc3RJdGVtUHJvcHMgfSBmcm9tIFwiLi90eXBlc1wiO1xuXG5jb25zdCBTdHlsZWRMYWJlbCA9IHN0eWxlZChTdHlsZWRXcmFwcGVyT2Zmc2V0KSgoeyB0aGVtZSwgc2l6ZSB9KSA9PiAoe1xuICBjdXJzb3I6IFwicG9pbnRlclwiLFxuICBkaXNwbGF5OiBcImlubGluZS1ibG9ja1wiLFxuICBtYXJnaW46IGAtJHt0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nW3NpemUgPT09IFwieHNcIiA/IFwieHhzXCIgOiBzaXplXX0gMGAsXG59KSk7XG5cbmNvbnN0IFN0b3BQcm9wb2dhdGlvbldyYXBwZXI6IEZDPFByb3BzV2l0aENoaWxkcmVuPiA9ICh7IGNoaWxkcmVuIH0pID0+IHtcbiAgY29uc3QgaGFuZGxlQ2xpY2sgPSB1c2VDYWxsYmFjaygoZTogUmVhY3QuTW91c2VFdmVudCkgPT4ge1xuICAgIGUuc3RvcFByb3BhZ2F0aW9uKCk7XG4gIH0sIFtdKTtcbiAgcmV0dXJuIChcbiAgICA8ZGl2IHJvbGU9XCJwcmVzZW50YXRpb25cIiBvbkNsaWNrPXtoYW5kbGVDbGlja30+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgPC9kaXY+XG4gICk7XG59O1xuXG5leHBvcnQgZnVuY3Rpb24gRW50aXR5SXRlbUJvZHkoe1xuICBjaGVja2JveFByb3BzLFxuICBkZXNjcmlwdGlvbixcbiAgcmVuZGVyTGFiZWwsXG4gIHJlbmRlckxlZnQsXG4gIHJlbmRlclJpZ2h0LFxuICBzaXplID0gXCJtXCIsXG59OiBQYXJ0aWFsPEVudGl0eUxpc3RJdGVtUHJvcHM+KTogUmVhY3QuUmVhY3RFbGVtZW50IHtcbiAgY29uc3QgdGV4dFNpemUgPSBzaXplID09PSBcInhzXCIgPyBcInNcIiA6IFwibVwiO1xuICBjb25zdCBhY3Rpb25TaXplID0gc2l6ZSA9PT0gXCJsXCIgPyBcIm1cIiA6IFwic1wiO1xuICBjb25zdCBMZWZ0Q29sdW1uQ29udGVudCA9ICgpID0+IChcbiAgICA8SW5saW5lIG5vV3JhcCBzcGFjZT17W1wieHNcIiwgXCJtXCJdfT5cbiAgICAgIHtjaGVja2JveFByb3BzICYmIDxDaGVja2JveFJhdyB7Li4uY2hlY2tib3hQcm9wc30gLz59XG4gICAgICB7cmVuZGVyTGVmdCAmJiAhY2hlY2tib3hQcm9wcyAmJiByZW5kZXJMZWZ0KHsgdGV4dFNpemUgfSl9XG4gICAgICA8RW50aXR5TGlzdEl0ZW1UZXh0IHNpemU9e3RleHRTaXplfSBkZXNjcmlwdGlvbj17ZGVzY3JpcHRpb259PlxuICAgICAgICB7cmVuZGVyTGFiZWwoeyB0ZXh0U2l6ZSB9KX1cbiAgICAgIDwvRW50aXR5TGlzdEl0ZW1UZXh0PlxuICAgIDwvSW5saW5lPlxuICApO1xuXG4gIHJldHVybiAoXG4gICAgPElubGluZSBub1dyYXAgYWxpZ25JdGVtcz1cInNwYWNlQmV0d2VlblwiIHNwYWNlPXtbXCJ4c1wiLCBcIm1cIl19PlxuICAgICAge2NoZWNrYm94UHJvcHMgPyAoXG4gICAgICAgIDxTdHlsZWRMYWJlbCBhcz1cImxhYmVsXCIgc2l6ZT17c2l6ZX0+XG4gICAgICAgICAgPExlZnRDb2x1bW5Db250ZW50IC8+XG4gICAgICAgIDwvU3R5bGVkTGFiZWw+XG4gICAgICApIDogKFxuICAgICAgICA8TGVmdENvbHVtbkNvbnRlbnQgLz5cbiAgICAgICl9XG4gICAgICB7cmVuZGVyUmlnaHQgJiYgKFxuICAgICAgICA8U3RvcFByb3BvZ2F0aW9uV3JhcHBlcj5cbiAgICAgICAgICB7cmVuZGVyUmlnaHQoeyB0ZXh0U2l6ZSwgYWN0aW9uU2l6ZSB9KX1cbiAgICAgICAgPC9TdG9wUHJvcG9nYXRpb25XcmFwcGVyPlxuICAgICAgKX1cbiAgICA8L0lubGluZT5cbiAgKTtcbn1cbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFVb0IifQ== */"),StopPropogationWrapper=({children})=>{let handleClick=useCallback(e=>{e.stopPropagation()},[]);return /*#__PURE__*/React.createElement("div",{role:"presentation",onClick:handleClick},children)};export function EntityItemBody({checkboxProps,description,renderLabel,renderLeft,renderRight,size="m"}){let textSize="xs"===size?"s":"m",LeftColumnContent=()=>/*#__PURE__*/React.createElement(Inline,{noWrap:!0,space:["xs","m"]},checkboxProps&&/*#__PURE__*/React.createElement(CheckboxRaw,checkboxProps),renderLeft&&!checkboxProps&&renderLeft({textSize}),/*#__PURE__*/React.createElement(EntityListItemText,{size:textSize,description:description},renderLabel({textSize})));return /*#__PURE__*/React.createElement(Inline,{noWrap:!0,alignItems:"spaceBetween",space:["xs","m"]},checkboxProps?/*#__PURE__*/React.createElement(StyledLabel,{as:"label",size:size},/*#__PURE__*/React.createElement(LeftColumnContent,null)):/*#__PURE__*/React.createElement(LeftColumnContent,null),renderRight&&/*#__PURE__*/React.createElement(StopPropogationWrapper,null,renderRight({textSize,actionSize:"l"===size?"m":"s"})))}
1
+ import React,{useCallback}from"react";import styled from"@emotion/styled";import{CheckboxRaw}from"../Form/Checkbox/Checkbox";import{EntityListItemText}from"./EntityListItemText";import{Inline}from"../Inline/Inline";import{StyledWrapperOffset}from"./styled-components";let StyledLabel=/*#__PURE__*/styled(StyledWrapperOffset,{target:"e1967woe0",label:"StyledLabel"})(({theme,size})=>({cursor:"pointer",display:"inline-block",margin:`-${theme.variables.size.spacing["xs"===size?"xxs":size]} 0`}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvRW50aXR5TGlzdC9FbnRpdHlJdGVtQm9keS50c3giLCJzb3VyY2VzIjpbInNyYy9jb21wb25lbnRzL0VudGl0eUxpc3QvRW50aXR5SXRlbUJvZHkudHN4Il0sInNvdXJjZXNDb250ZW50IjpbIi8qIGVzbGludC1kaXNhYmxlIHJlYWN0L2pzeC1wcm9wcy1uby1zcHJlYWRpbmcgKi9cbmltcG9ydCBSZWFjdCwgeyB1c2VDYWxsYmFjayB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgdHlwZSB7IEZDLCBQcm9wc1dpdGhDaGlsZHJlbiB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHsgQ2hlY2tib3hSYXcgfSBmcm9tIFwiLi4vRm9ybS9DaGVja2JveC9DaGVja2JveFwiO1xuaW1wb3J0IHsgRW50aXR5TGlzdEl0ZW1UZXh0IH0gZnJvbSBcIi4vRW50aXR5TGlzdEl0ZW1UZXh0XCI7XG5pbXBvcnQgeyBJbmxpbmUgfSBmcm9tIFwiLi4vSW5saW5lL0lubGluZVwiO1xuaW1wb3J0IHsgU3R5bGVkV3JhcHBlck9mZnNldCB9IGZyb20gXCIuL3N0eWxlZC1jb21wb25lbnRzXCI7XG5pbXBvcnQgdHlwZSB7IEVudGl0eUxpc3RJdGVtUHJvcHMgfSBmcm9tIFwiLi90eXBlc1wiO1xuXG5jb25zdCBTdHlsZWRMYWJlbCA9IHN0eWxlZChTdHlsZWRXcmFwcGVyT2Zmc2V0KSgoeyB0aGVtZSwgc2l6ZSB9KSA9PiAoe1xuICBjdXJzb3I6IFwicG9pbnRlclwiLFxuICBkaXNwbGF5OiBcImlubGluZS1ibG9ja1wiLFxuICBtYXJnaW46IGAtJHt0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nW3NpemUgPT09IFwieHNcIiA/IFwieHhzXCIgOiBzaXplXX0gMGAsXG59KSk7XG5cbmNvbnN0IFN0b3BQcm9wb2dhdGlvbldyYXBwZXI6IEZDPFByb3BzV2l0aENoaWxkcmVuPiA9ICh7IGNoaWxkcmVuIH0pID0+IHtcbiAgY29uc3QgaGFuZGxlQ2xpY2sgPSB1c2VDYWxsYmFjaygoZTogUmVhY3QuTW91c2VFdmVudCkgPT4ge1xuICAgIGUuc3RvcFByb3BhZ2F0aW9uKCk7XG4gIH0sIFtdKTtcbiAgcmV0dXJuIChcbiAgICA8ZGl2IHJvbGU9XCJwcmVzZW50YXRpb25cIiBvbkNsaWNrPXtoYW5kbGVDbGlja30+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgPC9kaXY+XG4gICk7XG59O1xuXG5leHBvcnQgZnVuY3Rpb24gRW50aXR5SXRlbUJvZHkoe1xuICBjaGVja2JveFByb3BzLFxuICBkZXNjcmlwdGlvbixcbiAgcmVuZGVyTGFiZWwsXG4gIHJlbmRlckxlZnQsXG4gIHJlbmRlclJpZ2h0LFxuICB0YWJJbmRleCxcbiAgc2l6ZSA9IFwibVwiLFxufTogUGFydGlhbDxFbnRpdHlMaXN0SXRlbVByb3BzPik6IFJlYWN0LlJlYWN0RWxlbWVudCB7XG4gIGNvbnN0IHRleHRTaXplID0gc2l6ZSA9PT0gXCJ4c1wiID8gXCJzXCIgOiBcIm1cIjtcbiAgY29uc3QgYWN0aW9uU2l6ZSA9IHNpemUgPT09IFwibFwiID8gXCJtXCIgOiBcInNcIjtcblxuICByZXR1cm4gKFxuICAgIDxJbmxpbmUgbm9XcmFwIGFsaWduSXRlbXM9XCJzcGFjZUJldHdlZW5cIiBzcGFjZT17W1wieHNcIiwgXCJtXCJdfT5cbiAgICAgIHtjaGVja2JveFByb3BzID8gKFxuICAgICAgICA8U3R5bGVkTGFiZWwgYXM9XCJsYWJlbFwiIHNpemU9e3NpemV9PlxuICAgICAgICAgIDxJbmxpbmUgbm9XcmFwIHNwYWNlPXtbXCJ4c1wiLCBcIm1cIl19PlxuICAgICAgICAgICAgPENoZWNrYm94UmF3IHsuLi5jaGVja2JveFByb3BzfSB0YWJJbmRleD17dGFiSW5kZXh9IC8+XG4gICAgICAgICAgICA8RW50aXR5TGlzdEl0ZW1UZXh0IHNpemU9e3RleHRTaXplfSBkZXNjcmlwdGlvbj17ZGVzY3JpcHRpb259PlxuICAgICAgICAgICAgICB7cmVuZGVyTGFiZWwoeyB0ZXh0U2l6ZSB9KX1cbiAgICAgICAgICAgIDwvRW50aXR5TGlzdEl0ZW1UZXh0PlxuICAgICAgICAgIDwvSW5saW5lPlxuICAgICAgICA8L1N0eWxlZExhYmVsPlxuICAgICAgKSA6IChcbiAgICAgICAgPElubGluZSBub1dyYXAgc3BhY2U9e1tcInhzXCIsIFwibVwiXX0+XG4gICAgICAgICAge3JlbmRlckxlZnQgJiYgcmVuZGVyTGVmdCh7IHRleHRTaXplIH0pfVxuICAgICAgICAgIDxFbnRpdHlMaXN0SXRlbVRleHQgc2l6ZT17dGV4dFNpemV9IGRlc2NyaXB0aW9uPXtkZXNjcmlwdGlvbn0+XG4gICAgICAgICAgICB7cmVuZGVyTGFiZWwoeyB0ZXh0U2l6ZSB9KX1cbiAgICAgICAgICA8L0VudGl0eUxpc3RJdGVtVGV4dD5cbiAgICAgICAgPC9JbmxpbmU+XG4gICAgICApfVxuICAgICAge3JlbmRlclJpZ2h0ICYmIChcbiAgICAgICAgPFN0b3BQcm9wb2dhdGlvbldyYXBwZXI+XG4gICAgICAgICAge3JlbmRlclJpZ2h0KHsgdGV4dFNpemUsIGFjdGlvblNpemUgfSl9XG4gICAgICAgIDwvU3RvcFByb3BvZ2F0aW9uV3JhcHBlcj5cbiAgICAgICl9XG4gICAgPC9JbmxpbmU+XG4gICk7XG59XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBVW9CIn0= */"),StopPropogationWrapper=({children})=>{let handleClick=useCallback(e=>{e.stopPropagation()},[]);return /*#__PURE__*/React.createElement("div",{role:"presentation",onClick:handleClick},children)};export function EntityItemBody({checkboxProps,description,renderLabel,renderLeft,renderRight,tabIndex,size="m"}){let textSize="xs"===size?"s":"m";return /*#__PURE__*/React.createElement(Inline,{noWrap:!0,alignItems:"spaceBetween",space:["xs","m"]},checkboxProps?/*#__PURE__*/React.createElement(StyledLabel,{as:"label",size:size},/*#__PURE__*/React.createElement(Inline,{noWrap:!0,space:["xs","m"]},/*#__PURE__*/React.createElement(CheckboxRaw,{...checkboxProps,tabIndex:tabIndex}),/*#__PURE__*/React.createElement(EntityListItemText,{size:textSize,description:description},renderLabel({textSize})))):/*#__PURE__*/React.createElement(Inline,{noWrap:!0,space:["xs","m"]},renderLeft&&renderLeft({textSize}),/*#__PURE__*/React.createElement(EntityListItemText,{size:textSize,description:description},renderLabel({textSize}))),renderRight&&/*#__PURE__*/React.createElement(StopPropogationWrapper,null,renderRight({textSize,actionSize:"l"===size?"m":"s"})))}
package/build/esm/components/EntityList/EntityList.d.ts CHANGED
@@ -1,3 +1,3 @@
1
1
  import React from "react";
2
2
  import type { EntityListProps } from "./types";
3
- export declare const EntityList: (props: EntityListProps) => React.ReactElement;
3
+ export declare const EntityList: ({ size, ...props }: EntityListProps) => React.ReactElement;
package/build/esm/components/EntityList/EntityList.js CHANGED
@@ -1 +1 @@
1
- import React from"react";import{BaseEntityList}from"./BaseEntityList";import{Container}from"../Container/Container";export const EntityList=props=>/*#__PURE__*/React.createElement(Container,{overflow:"hidden"},/*#__PURE__*/React.createElement(BaseEntityList,props));
1
+ import React from"react";import{BaseEntityList}from"./BaseEntityList";import{Container}from"../Container/Container";export const EntityList=({size="m",...props})=>/*#__PURE__*/React.createElement(Container,{overflow:"hidden"},/*#__PURE__*/React.createElement(BaseEntityList,{size:size,...props}));
package/build/esm/components/EntityList/EntityListItem.d.ts CHANGED
@@ -1,3 +1,3 @@
1
1
  import React from "react";
2
2
  import type { EntityListItemProps } from "./types";
3
- export declare function EntityListItem({ checkboxProps, description, hideBorder, isActive, isClickable, isDisabled, onClick, renderLabel, renderLeft, renderRight, size, "aria-label": ariaLabel, }: EntityListItemProps): React.ReactElement;
3
+ export declare const EntityListItem: React.ForwardRefExoticComponent<EntityListItemProps & React.RefAttributes<HTMLDivElement>>;
package/build/esm/components/EntityList/EntityListItem.js CHANGED
@@ -1 +1 @@
1
- import React,{useCallback}from"react";import{EntityItemBody}from"./EntityItemBody";import{StyledEntityItemLi,StyledEntityListItemWrapper,StyledEntityListItemButton}from"./styled-components";export function EntityListItem({checkboxProps,description,hideBorder,isActive,isClickable,isDisabled,onClick,renderLabel,renderLeft,renderRight,size="m","aria-label":ariaLabel}){let handleOnClick=useCallback(e=>{isClickable&&onClick&&onClick(e)},[onClick,isClickable]);return /*#__PURE__*/React.createElement(StyledEntityItemLi,{"aria-label":ariaLabel},/*#__PURE__*/React.createElement(StyledEntityListItemButton,{size:size,role:isClickable?"button":"representation",onClick:handleOnClick,isClickable:isClickable,isActive:isActive,isDisabled:isDisabled},/*#__PURE__*/React.createElement(StyledEntityListItemWrapper,{size:size,hideBorder:hideBorder||"xs"===size},/*#__PURE__*/React.createElement(EntityItemBody,{size:size,checkboxProps:checkboxProps,description:description,renderLabel:renderLabel,renderLeft:renderLeft,renderRight:renderRight}))))}
1
+ import React,{useCallback,useImperativeHandle,useRef}from"react";import{EntityItemBody}from"./EntityItemBody";import{useKeyboard}from"../../shared/useKeyboard";import{StyledEntityItemLi,StyledEntityListItemWrapper,StyledEntityListItemButton}from"./styled-components";let useButtonKeyboard=({ref:globalRef,isActive,onKeyDown})=>{let localRef=useRef(null);return useKeyboard({"Space Enter":onKeyDown},localRef,isActive,!0),useImperativeHandle(globalRef,()=>localRef.current),localRef};export const EntityListItem=/*#__PURE__*/React.forwardRef(({checkboxProps,description,hideBorder,isActive,isClickable,isDisabled,onClick,renderLabel,renderLeft,renderRight,tabIndex,onKeyDown,size="m","aria-label":ariaLabel},ref)=>{let handleOnClick=useCallback(e=>{isClickable&&onClick&&onClick(e)},[onClick,isClickable]),buttonRef=useButtonKeyboard({ref,isActive:isActive&&isClickable,onKeyDown});return /*#__PURE__*/React.createElement(StyledEntityItemLi,{"aria-label":ariaLabel},/*#__PURE__*/React.createElement(StyledEntityListItemButton,{size:size,tabIndex:tabIndex,"aria-label":ariaLabel,ref:buttonRef,role:isClickable?"button":"representation",onClick:handleOnClick,isClickable:isClickable,isActive:isActive,isDisabled:isDisabled},/*#__PURE__*/React.createElement(StyledEntityListItemWrapper,{size:size,hideBorder:hideBorder||"xs"===size},/*#__PURE__*/React.createElement(EntityItemBody,{size:size,tabIndex:tabIndex,checkboxProps:checkboxProps,description:description,renderLabel:renderLabel,renderLeft:renderLeft,renderRight:renderRight}))))});
package/build/esm/components/EntityList/EntityListItemExpandButton.d.ts ADDED
@@ -0,0 +1,5 @@
1
+ import React from "react";
2
+ import type { EntityListItemProps } from "./types";
3
+ export declare function EntityListItemExpandButton({ onClick, isExpanded, disabled, tabIndex, }: Partial<EntityListItemProps> & {
4
+ disabled?: boolean;
5
+ }): React.ReactElement;
package/build/esm/components/EntityList/EntityListItemExpandButton.js ADDED
@@ -0,0 +1 @@
1
+ import React from"react";import{PictogramButton}from"../PictogramButton/PictogramButton";import{Box}from"../Box/Box";export function EntityListItemExpandButton({onClick,isExpanded,disabled,tabIndex}){return /*#__PURE__*/React.createElement(Box,{vSpace:"zero",lSpace:["xs","m"],rSpace:["xs","m"]},/*#__PURE__*/React.createElement(PictogramButton,{tabIndex:tabIndex,disabled:disabled,onClick:onClick,icon:isExpanded?"chevron-down":"chevron-right"}))}
package/build/esm/components/EntityList/styled-components.js CHANGED
@@ -1 +1 @@
1
- import styled from"@emotion/styled";import{mq,mqValue}from"../../shared/mediaQueries";export const getOffsetMqStyle=(cssProp,{theme,size})=>mq({[cssProp]:[size,{xs:theme.variables.size.spacing.xxs,s:theme.variables.size.spacing.s,m:theme.variables.size.spacing.m,l:theme.variables.size.spacing.l}]});export const StyledList=/*#__PURE__*/styled("ul",{target:"e6eiwk00",label:"StyledList"})(({theme,size})=>({..."xs"===size&&{padding:`${theme.variables.size.spacing.xs} 0`}}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvRW50aXR5TGlzdC9zdHlsZWQtY29tcG9uZW50cy50cyIsInNvdXJjZXMiOlsic3JjL2NvbXBvbmVudHMvRW50aXR5TGlzdC9zdHlsZWQtY29tcG9uZW50cy50cyJdLCJzb3VyY2VzQ29udGVudCI6WyIvKiBlc2xpbnQtZGlzYWJsZSBAdHlwZXNjcmlwdC1lc2xpbnQvZXhwbGljaXQtbW9kdWxlLWJvdW5kYXJ5LXR5cGVzICovXG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IHR5cGUgVGhlbWUgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIjtcbmltcG9ydCB0eXBlIHsgRW50aXR5TGlzdEl0ZW1Qcm9wcywgRW50aXR5TGlzdEl0ZW1XcmFwcGVyUHJvcHMgfSBmcm9tIFwiLi90eXBlc1wiO1xuaW1wb3J0IHR5cGUgeyBMaXN0U2l6ZSB9IGZyb20gXCIuLi8uLi90eXBlc1wiO1xuaW1wb3J0IHsgbXEsIG1xVmFsdWUgfSBmcm9tIFwiLi4vLi4vc2hhcmVkL21lZGlhUXVlcmllc1wiO1xuXG5leHBvcnQgY29uc3QgZ2V0T2Zmc2V0TXFTdHlsZSA9IChcbiAgY3NzUHJvcDogc3RyaW5nLFxuICB7XG4gICAgdGhlbWUsXG4gICAgc2l6ZSxcbiAgfToge1xuICAgIHRoZW1lOiBUaGVtZTtcbiAgfSAmIFBhcnRpYWw8RW50aXR5TGlzdEl0ZW1XcmFwcGVyUHJvcHM+XG4pID0+XG4gIG1xKHtcbiAgICBbY3NzUHJvcF06IFtcbiAgICAgIHNpemUsXG4gICAgICB7XG4gICAgICAgIHhzOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnh4cyxcbiAgICAgICAgczogdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5zLFxuICAgICAgICBtOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLm0sXG4gICAgICAgIGw6IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcubCxcbiAgICAgIH0gYXMgYW55LFxuICAgIF0sXG4gIH0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkTGlzdCA9IHN0eWxlZC51bDx7IHNpemU6IExpc3RTaXplIH0+KCh7IHRoZW1lLCBzaXplIH0pID0+ICh7XG4gIC4uLihzaXplID09PSBcInhzXCIgJiYge1xuICAgIHBhZGRpbmc6IGAke3RoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcueHN9IDBgLFxuICB9KSxcbn0pKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEVudGl0eUl0ZW1MaSA9IHN0eWxlZC5saSh7XG4gIGxpc3RTdHlsZVR5cGU6IFwibm9uZVwiLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRTaG93TW9yZSA9IHN0eWxlZC5kaXYoKHsgdGhlbWUgfSkgPT4gKHtcbiAgbWFyZ2luVG9wOiAtMSxcbiAgYm9yZGVyVG9wOiBgMXB4IHNvbGlkICR7dGhlbWUudmFsdWVzLmNvbG9yLmJvcmRlci5zZWNvbmRhcnkuZGVmYXVsdH1gLFxufSkpO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkV3JhcHBlck9mZnNldCA9IHN0eWxlZC5kaXY8eyBzaXplOiBMaXN0U2l6ZSB9PihcbiAgKHsgdGhlbWUsIHNpemUgfSkgPT4gKHtcbiAgICAuLi5nZXRPZmZzZXRNcVN0eWxlKFwicGFkZGluZ0JvdHRvbVwiLCB7IHRoZW1lLCBzaXplIH0pLFxuICB9KSxcbiAgKHsgdGhlbWUsIHNpemUgfSkgPT4gKHtcbiAgICAuLi5nZXRPZmZzZXRNcVN0eWxlKFwicGFkZGluZ1RvcFwiLCB7IHRoZW1lLCBzaXplIH0pLFxuICB9KVxuKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEVudGl0eUxpc3RJdGVtV3JhcHBlciA9IHN0eWxlZChcbiAgU3R5bGVkV3JhcHBlck9mZnNldFxuKTxFbnRpdHlMaXN0SXRlbVdyYXBwZXJQcm9wcz4oKHsgdGhlbWUsIGhpZGVCb3JkZXIgfSkgPT4gKHtcbiAgd2lkdGg6IFwiMTAwJVwiLFxuXG4gIC4uLighaGlkZUJvcmRlciAmJiB7XG4gICAgYm9yZGVyQm90dG9tOiBgMXB4IHNvbGlkICR7dGhlbWUudmFsdWVzLmNvbG9yLmJvcmRlci5zZWNvbmRhcnkuZGVmYXVsdH1gLFxuICB9KSxcblxuICAuLi5tcVZhbHVlKHtcbiAgICBwYWRkaW5nTGVmdDogW1xuICAgICAgdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5tLFxuICAgICAgdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5sLFxuICAgIF0sXG4gICAgcGFkZGluZ1JpZ2h0OiBbXG4gICAgICB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLm0sXG4gICAgICB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLmwsXG4gICAgXSxcbiAgfSksXG5cbiAgLy8gYnV0dG9uIGFuZCBsaW5rcyBoYXZlIGEgZ3JlYXRlZCBoZWlnaHQgdGhhbiBsaXN0IGl0ZW1cbiAgLy8gZnJvbSBkZXNpZ24gc3BlY3MgaXQgc2hvdWxkIG5vdCBleHBhbmQgdGhlIGxpc3QgaXRlbVxuICBcIiYgYnV0dG9uLCAmIGFcIjoge1xuICAgIG1hcmdpbjogYC0ke3RoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcueHN9IDBgLFxuICB9LFxufSkpO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkRW50aXR5TGlzdEl0ZW1CdXR0b24gPSBzdHlsZWQuZGl2PFxuICBQYXJ0aWFsPEVudGl0eUxpc3RJdGVtUHJvcHM+XG4+KCh7IHRoZW1lLCBpc0NsaWNrYWJsZSwgaXNBY3RpdmUsIGlzRGlzYWJsZWQgfSkgPT4gKHtcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGZsZXg6IFwiMSAxIDEwMCVcIixcbiAgZmxleFdyYXA6IFwibm93cmFwXCIsXG4gIHRyYW5zaXRpb246IFwiYmFja2dyb3VuZC1jb2xvciAwLjFzIGVhc2Utb3V0XCIsXG5cbiAgLi4uKGlzQ2xpY2thYmxlICYmIHtcbiAgICBjdXJzb3I6IFwicG9pbnRlclwiLFxuICB9KSxcblxuICBcIiY6aG92ZXJcIjoge1xuICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQudHJhbnNwYXJlbnQuaG92ZXIsXG4gIH0sXG5cbiAgLi4uKGlzQWN0aXZlICYmIHtcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLnRyYW5zcGFyZW50LmFjdGl2ZSxcbiAgfSksXG5cbiAgLi4uKGlzRGlzYWJsZWQgJiYge1xuICAgIGN1cnNvcjogXCJub3QtYWxsb3dlZFwiLFxuICAgIHBvaW50ZXJFdmVudHM6IFwibm9uZVwiLFxuXG4gICAgW2Ake1N0eWxlZEVudGl0eUxpc3RJdGVtV3JhcHBlcn0gPiAqYF06IHtcbiAgICAgIG9wYWNpdHk6IHRoZW1lLnZhcmlhYmxlcy5vcGFjaXR5LmRpc2FibGVkLFxuICAgIH0sXG4gIH0pLFxufSkpO1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTRCMEIifQ== */");export const StyledEntityItemLi=/*#__PURE__*/styled("li",{target:"e6eiwk01",label:"StyledEntityItemLi"})({listStyleType:"none"},"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvRW50aXR5TGlzdC9zdHlsZWQtY29tcG9uZW50cy50cyIsInNvdXJjZXMiOlsic3JjL2NvbXBvbmVudHMvRW50aXR5TGlzdC9zdHlsZWQtY29tcG9uZW50cy50cyJdLCJzb3VyY2VzQ29udGVudCI6WyIvKiBlc2xpbnQtZGlzYWJsZSBAdHlwZXNjcmlwdC1lc2xpbnQvZXhwbGljaXQtbW9kdWxlLWJvdW5kYXJ5LXR5cGVzICovXG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IHR5cGUgVGhlbWUgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIjtcbmltcG9ydCB0eXBlIHsgRW50aXR5TGlzdEl0ZW1Qcm9wcywgRW50aXR5TGlzdEl0ZW1XcmFwcGVyUHJvcHMgfSBmcm9tIFwiLi90eXBlc1wiO1xuaW1wb3J0IHR5cGUgeyBMaXN0U2l6ZSB9IGZyb20gXCIuLi8uLi90eXBlc1wiO1xuaW1wb3J0IHsgbXEsIG1xVmFsdWUgfSBmcm9tIFwiLi4vLi4vc2hhcmVkL21lZGlhUXVlcmllc1wiO1xuXG5leHBvcnQgY29uc3QgZ2V0T2Zmc2V0TXFTdHlsZSA9IChcbiAgY3NzUHJvcDogc3RyaW5nLFxuICB7XG4gICAgdGhlbWUsXG4gICAgc2l6ZSxcbiAgfToge1xuICAgIHRoZW1lOiBUaGVtZTtcbiAgfSAmIFBhcnRpYWw8RW50aXR5TGlzdEl0ZW1XcmFwcGVyUHJvcHM+XG4pID0+XG4gIG1xKHtcbiAgICBbY3NzUHJvcF06IFtcbiAgICAgIHNpemUsXG4gICAgICB7XG4gICAgICAgIHhzOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnh4cyxcbiAgICAgICAgczogdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5zLFxuICAgICAgICBtOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLm0sXG4gICAgICAgIGw6IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcubCxcbiAgICAgIH0gYXMgYW55LFxuICAgIF0sXG4gIH0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkTGlzdCA9IHN0eWxlZC51bDx7IHNpemU6IExpc3RTaXplIH0+KCh7IHRoZW1lLCBzaXplIH0pID0+ICh7XG4gIC4uLihzaXplID09PSBcInhzXCIgJiYge1xuICAgIHBhZGRpbmc6IGAke3RoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcueHN9IDBgLFxuICB9KSxcbn0pKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEVudGl0eUl0ZW1MaSA9IHN0eWxlZC5saSh7XG4gIGxpc3RTdHlsZVR5cGU6IFwibm9uZVwiLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRTaG93TW9yZSA9IHN0eWxlZC5kaXYoKHsgdGhlbWUgfSkgPT4gKHtcbiAgbWFyZ2luVG9wOiAtMSxcbiAgYm9yZGVyVG9wOiBgMXB4IHNvbGlkICR7dGhlbWUudmFsdWVzLmNvbG9yLmJvcmRlci5zZWNvbmRhcnkuZGVmYXVsdH1gLFxufSkpO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkV3JhcHBlck9mZnNldCA9IHN0eWxlZC5kaXY8eyBzaXplOiBMaXN0U2l6ZSB9PihcbiAgKHsgdGhlbWUsIHNpemUgfSkgPT4gKHtcbiAgICAuLi5nZXRPZmZzZXRNcVN0eWxlKFwicGFkZGluZ0JvdHRvbVwiLCB7IHRoZW1lLCBzaXplIH0pLFxuICB9KSxcbiAgKHsgdGhlbWUsIHNpemUgfSkgPT4gKHtcbiAgICAuLi5nZXRPZmZzZXRNcVN0eWxlKFwicGFkZGluZ1RvcFwiLCB7IHRoZW1lLCBzaXplIH0pLFxuICB9KVxuKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEVudGl0eUxpc3RJdGVtV3JhcHBlciA9IHN0eWxlZChcbiAgU3R5bGVkV3JhcHBlck9mZnNldFxuKTxFbnRpdHlMaXN0SXRlbVdyYXBwZXJQcm9wcz4oKHsgdGhlbWUsIGhpZGVCb3JkZXIgfSkgPT4gKHtcbiAgd2lkdGg6IFwiMTAwJVwiLFxuXG4gIC4uLighaGlkZUJvcmRlciAmJiB7XG4gICAgYm9yZGVyQm90dG9tOiBgMXB4IHNvbGlkICR7dGhlbWUudmFsdWVzLmNvbG9yLmJvcmRlci5zZWNvbmRhcnkuZGVmYXVsdH1gLFxuICB9KSxcblxuICAuLi5tcVZhbHVlKHtcbiAgICBwYWRkaW5nTGVmdDogW1xuICAgICAgdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5tLFxuICAgICAgdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5sLFxuICAgIF0sXG4gICAgcGFkZGluZ1JpZ2h0OiBbXG4gICAgICB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLm0sXG4gICAgICB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLmwsXG4gICAgXSxcbiAgfSksXG5cbiAgLy8gYnV0dG9uIGFuZCBsaW5rcyBoYXZlIGEgZ3JlYXRlZCBoZWlnaHQgdGhhbiBsaXN0IGl0ZW1cbiAgLy8gZnJvbSBkZXNpZ24gc3BlY3MgaXQgc2hvdWxkIG5vdCBleHBhbmQgdGhlIGxpc3QgaXRlbVxuICBcIiYgYnV0dG9uLCAmIGFcIjoge1xuICAgIG1hcmdpbjogYC0ke3RoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcueHN9IDBgLFxuICB9LFxufSkpO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkRW50aXR5TGlzdEl0ZW1CdXR0b24gPSBzdHlsZWQuZGl2PFxuICBQYXJ0aWFsPEVudGl0eUxpc3RJdGVtUHJvcHM+XG4+KCh7IHRoZW1lLCBpc0NsaWNrYWJsZSwgaXNBY3RpdmUsIGlzRGlzYWJsZWQgfSkgPT4gKHtcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGZsZXg6IFwiMSAxIDEwMCVcIixcbiAgZmxleFdyYXA6IFwibm93cmFwXCIsXG4gIHRyYW5zaXRpb246IFwiYmFja2dyb3VuZC1jb2xvciAwLjFzIGVhc2Utb3V0XCIsXG5cbiAgLi4uKGlzQ2xpY2thYmxlICYmIHtcbiAgICBjdXJzb3I6IFwicG9pbnRlclwiLFxuICB9KSxcblxuICBcIiY6aG92ZXJcIjoge1xuICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQudHJhbnNwYXJlbnQuaG92ZXIsXG4gIH0sXG5cbiAgLi4uKGlzQWN0aXZlICYmIHtcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLnRyYW5zcGFyZW50LmFjdGl2ZSxcbiAgfSksXG5cbiAgLi4uKGlzRGlzYWJsZWQgJiYge1xuICAgIGN1cnNvcjogXCJub3QtYWxsb3dlZFwiLFxuICAgIHBvaW50ZXJFdmVudHM6IFwibm9uZVwiLFxuXG4gICAgW2Ake1N0eWxlZEVudGl0eUxpc3RJdGVtV3JhcHBlcn0gPiAqYF06IHtcbiAgICAgIG9wYWNpdHk6IHRoZW1lLnZhcmlhYmxlcy5vcGFjaXR5LmRpc2FibGVkLFxuICAgIH0sXG4gIH0pLFxufSkpO1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWtDa0MifQ== */");export const StyledShowMore=/*#__PURE__*/styled("div",{target:"e6eiwk02",label:"StyledShowMore"})(({theme})=>({marginTop:-1,borderTop:`1px solid ${theme.values.color.border.secondary.default}`}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvRW50aXR5TGlzdC9zdHlsZWQtY29tcG9uZW50cy50cyIsInNvdXJjZXMiOlsic3JjL2NvbXBvbmVudHMvRW50aXR5TGlzdC9zdHlsZWQtY29tcG9uZW50cy50cyJdLCJzb3VyY2VzQ29udGVudCI6WyIvKiBlc2xpbnQtZGlzYWJsZSBAdHlwZXNjcmlwdC1lc2xpbnQvZXhwbGljaXQtbW9kdWxlLWJvdW5kYXJ5LXR5cGVzICovXG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IHR5cGUgVGhlbWUgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIjtcbmltcG9ydCB0eXBlIHsgRW50aXR5TGlzdEl0ZW1Qcm9wcywgRW50aXR5TGlzdEl0ZW1XcmFwcGVyUHJvcHMgfSBmcm9tIFwiLi90eXBlc1wiO1xuaW1wb3J0IHR5cGUgeyBMaXN0U2l6ZSB9IGZyb20gXCIuLi8uLi90eXBlc1wiO1xuaW1wb3J0IHsgbXEsIG1xVmFsdWUgfSBmcm9tIFwiLi4vLi4vc2hhcmVkL21lZGlhUXVlcmllc1wiO1xuXG5leHBvcnQgY29uc3QgZ2V0T2Zmc2V0TXFTdHlsZSA9IChcbiAgY3NzUHJvcDogc3RyaW5nLFxuICB7XG4gICAgdGhlbWUsXG4gICAgc2l6ZSxcbiAgfToge1xuICAgIHRoZW1lOiBUaGVtZTtcbiAgfSAmIFBhcnRpYWw8RW50aXR5TGlzdEl0ZW1XcmFwcGVyUHJvcHM+XG4pID0+XG4gIG1xKHtcbiAgICBbY3NzUHJvcF06IFtcbiAgICAgIHNpemUsXG4gICAgICB7XG4gICAgICAgIHhzOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnh4cyxcbiAgICAgICAgczogdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5zLFxuICAgICAgICBtOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLm0sXG4gICAgICAgIGw6IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcubCxcbiAgICAgIH0gYXMgYW55LFxuICAgIF0sXG4gIH0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkTGlzdCA9IHN0eWxlZC51bDx7IHNpemU6IExpc3RTaXplIH0+KCh7IHRoZW1lLCBzaXplIH0pID0+ICh7XG4gIC4uLihzaXplID09PSBcInhzXCIgJiYge1xuICAgIHBhZGRpbmc6IGAke3RoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcueHN9IDBgLFxuICB9KSxcbn0pKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEVudGl0eUl0ZW1MaSA9IHN0eWxlZC5saSh7XG4gIGxpc3RTdHlsZVR5cGU6IFwibm9uZVwiLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRTaG93TW9yZSA9IHN0eWxlZC5kaXYoKHsgdGhlbWUgfSkgPT4gKHtcbiAgbWFyZ2luVG9wOiAtMSxcbiAgYm9yZGVyVG9wOiBgMXB4IHNvbGlkICR7dGhlbWUudmFsdWVzLmNvbG9yLmJvcmRlci5zZWNvbmRhcnkuZGVmYXVsdH1gLFxufSkpO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkV3JhcHBlck9mZnNldCA9IHN0eWxlZC5kaXY8eyBzaXplOiBMaXN0U2l6ZSB9PihcbiAgKHsgdGhlbWUsIHNpemUgfSkgPT4gKHtcbiAgICAuLi5nZXRPZmZzZXRNcVN0eWxlKFwicGFkZGluZ0JvdHRvbVwiLCB7IHRoZW1lLCBzaXplIH0pLFxuICB9KSxcbiAgKHsgdGhlbWUsIHNpemUgfSkgPT4gKHtcbiAgICAuLi5nZXRPZmZzZXRNcVN0eWxlKFwicGFkZGluZ1RvcFwiLCB7IHRoZW1lLCBzaXplIH0pLFxuICB9KVxuKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEVudGl0eUxpc3RJdGVtV3JhcHBlciA9IHN0eWxlZChcbiAgU3R5bGVkV3JhcHBlck9mZnNldFxuKTxFbnRpdHlMaXN0SXRlbVdyYXBwZXJQcm9wcz4oKHsgdGhlbWUsIGhpZGVCb3JkZXIgfSkgPT4gKHtcbiAgd2lkdGg6IFwiMTAwJVwiLFxuXG4gIC4uLighaGlkZUJvcmRlciAmJiB7XG4gICAgYm9yZGVyQm90dG9tOiBgMXB4IHNvbGlkICR7dGhlbWUudmFsdWVzLmNvbG9yLmJvcmRlci5zZWNvbmRhcnkuZGVmYXVsdH1gLFxuICB9KSxcblxuICAuLi5tcVZhbHVlKHtcbiAgICBwYWRkaW5nTGVmdDogW1xuICAgICAgdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5tLFxuICAgICAgdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5sLFxuICAgIF0sXG4gICAgcGFkZGluZ1JpZ2h0OiBbXG4gICAgICB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLm0sXG4gICAgICB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLmwsXG4gICAgXSxcbiAgfSksXG5cbiAgLy8gYnV0dG9uIGFuZCBsaW5rcyBoYXZlIGEgZ3JlYXRlZCBoZWlnaHQgdGhhbiBsaXN0IGl0ZW1cbiAgLy8gZnJvbSBkZXNpZ24gc3BlY3MgaXQgc2hvdWxkIG5vdCBleHBhbmQgdGhlIGxpc3QgaXRlbVxuICBcIiYgYnV0dG9uLCAmIGFcIjoge1xuICAgIG1hcmdpbjogYC0ke3RoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcueHN9IDBgLFxuICB9LFxufSkpO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkRW50aXR5TGlzdEl0ZW1CdXR0b24gPSBzdHlsZWQuZGl2PFxuICBQYXJ0aWFsPEVudGl0eUxpc3RJdGVtUHJvcHM+XG4+KCh7IHRoZW1lLCBpc0NsaWNrYWJsZSwgaXNBY3RpdmUsIGlzRGlzYWJsZWQgfSkgPT4gKHtcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGZsZXg6IFwiMSAxIDEwMCVcIixcbiAgZmxleFdyYXA6IFwibm93cmFwXCIsXG4gIHRyYW5zaXRpb246IFwiYmFja2dyb3VuZC1jb2xvciAwLjFzIGVhc2Utb3V0XCIsXG5cbiAgLi4uKGlzQ2xpY2thYmxlICYmIHtcbiAgICBjdXJzb3I6IFwicG9pbnRlclwiLFxuICB9KSxcblxuICBcIiY6aG92ZXJcIjoge1xuICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQudHJhbnNwYXJlbnQuaG92ZXIsXG4gIH0sXG5cbiAgLi4uKGlzQWN0aXZlICYmIHtcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLnRyYW5zcGFyZW50LmFjdGl2ZSxcbiAgfSksXG5cbiAgLi4uKGlzRGlzYWJsZWQgJiYge1xuICAgIGN1cnNvcjogXCJub3QtYWxsb3dlZFwiLFxuICAgIHBvaW50ZXJFdmVudHM6IFwibm9uZVwiLFxuXG4gICAgW2Ake1N0eWxlZEVudGl0eUxpc3RJdGVtV3JhcHBlcn0gPiAqYF06IHtcbiAgICAgIG9wYWNpdHk6IHRoZW1lLnZhcmlhYmxlcy5vcGFjaXR5LmRpc2FibGVkLFxuICAgIH0sXG4gIH0pLFxufSkpO1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXNDOEIifQ== */");export const StyledWrapperOffset=/*#__PURE__*/styled("div",{target:"e6eiwk03",label:"StyledWrapperOffset"})(({theme,size})=>({...getOffsetMqStyle("paddingBottom",{theme,size})}),({theme,size})=>({...getOffsetMqStyle("paddingTop",{theme,size})}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvRW50aXR5TGlzdC9zdHlsZWQtY29tcG9uZW50cy50cyIsInNvdXJjZXMiOlsic3JjL2NvbXBvbmVudHMvRW50aXR5TGlzdC9zdHlsZWQtY29tcG9uZW50cy50cyJdLCJzb3VyY2VzQ29udGVudCI6WyIvKiBlc2xpbnQtZGlzYWJsZSBAdHlwZXNjcmlwdC1lc2xpbnQvZXhwbGljaXQtbW9kdWxlLWJvdW5kYXJ5LXR5cGVzICovXG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IHR5cGUgVGhlbWUgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIjtcbmltcG9ydCB0eXBlIHsgRW50aXR5TGlzdEl0ZW1Qcm9wcywgRW50aXR5TGlzdEl0ZW1XcmFwcGVyUHJvcHMgfSBmcm9tIFwiLi90eXBlc1wiO1xuaW1wb3J0IHR5cGUgeyBMaXN0U2l6ZSB9IGZyb20gXCIuLi8uLi90eXBlc1wiO1xuaW1wb3J0IHsgbXEsIG1xVmFsdWUgfSBmcm9tIFwiLi4vLi4vc2hhcmVkL21lZGlhUXVlcmllc1wiO1xuXG5leHBvcnQgY29uc3QgZ2V0T2Zmc2V0TXFTdHlsZSA9IChcbiAgY3NzUHJvcDogc3RyaW5nLFxuICB7XG4gICAgdGhlbWUsXG4gICAgc2l6ZSxcbiAgfToge1xuICAgIHRoZW1lOiBUaGVtZTtcbiAgfSAmIFBhcnRpYWw8RW50aXR5TGlzdEl0ZW1XcmFwcGVyUHJvcHM+XG4pID0+XG4gIG1xKHtcbiAgICBbY3NzUHJvcF06IFtcbiAgICAgIHNpemUsXG4gICAgICB7XG4gICAgICAgIHhzOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnh4cyxcbiAgICAgICAgczogdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5zLFxuICAgICAgICBtOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLm0sXG4gICAgICAgIGw6IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcubCxcbiAgICAgIH0gYXMgYW55LFxuICAgIF0sXG4gIH0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkTGlzdCA9IHN0eWxlZC51bDx7IHNpemU6IExpc3RTaXplIH0+KCh7IHRoZW1lLCBzaXplIH0pID0+ICh7XG4gIC4uLihzaXplID09PSBcInhzXCIgJiYge1xuICAgIHBhZGRpbmc6IGAke3RoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcueHN9IDBgLFxuICB9KSxcbn0pKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEVudGl0eUl0ZW1MaSA9IHN0eWxlZC5saSh7XG4gIGxpc3RTdHlsZVR5cGU6IFwibm9uZVwiLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRTaG93TW9yZSA9IHN0eWxlZC5kaXYoKHsgdGhlbWUgfSkgPT4gKHtcbiAgbWFyZ2luVG9wOiAtMSxcbiAgYm9yZGVyVG9wOiBgMXB4IHNvbGlkICR7dGhlbWUudmFsdWVzLmNvbG9yLmJvcmRlci5zZWNvbmRhcnkuZGVmYXVsdH1gLFxufSkpO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkV3JhcHBlck9mZnNldCA9IHN0eWxlZC5kaXY8eyBzaXplOiBMaXN0U2l6ZSB9PihcbiAgKHsgdGhlbWUsIHNpemUgfSkgPT4gKHtcbiAgICAuLi5nZXRPZmZzZXRNcVN0eWxlKFwicGFkZGluZ0JvdHRvbVwiLCB7IHRoZW1lLCBzaXplIH0pLFxuICB9KSxcbiAgKHsgdGhlbWUsIHNpemUgfSkgPT4gKHtcbiAgICAuLi5nZXRPZmZzZXRNcVN0eWxlKFwicGFkZGluZ1RvcFwiLCB7IHRoZW1lLCBzaXplIH0pLFxuICB9KVxuKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEVudGl0eUxpc3RJdGVtV3JhcHBlciA9IHN0eWxlZChcbiAgU3R5bGVkV3JhcHBlck9mZnNldFxuKTxFbnRpdHlMaXN0SXRlbVdyYXBwZXJQcm9wcz4oKHsgdGhlbWUsIGhpZGVCb3JkZXIgfSkgPT4gKHtcbiAgd2lkdGg6IFwiMTAwJVwiLFxuXG4gIC4uLighaGlkZUJvcmRlciAmJiB7XG4gICAgYm9yZGVyQm90dG9tOiBgMXB4IHNvbGlkICR7dGhlbWUudmFsdWVzLmNvbG9yLmJvcmRlci5zZWNvbmRhcnkuZGVmYXVsdH1gLFxuICB9KSxcblxuICAuLi5tcVZhbHVlKHtcbiAgICBwYWRkaW5nTGVmdDogW1xuICAgICAgdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5tLFxuICAgICAgdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5sLFxuICAgIF0sXG4gICAgcGFkZGluZ1JpZ2h0OiBbXG4gICAgICB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLm0sXG4gICAgICB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLmwsXG4gICAgXSxcbiAgfSksXG5cbiAgLy8gYnV0dG9uIGFuZCBsaW5rcyBoYXZlIGEgZ3JlYXRlZCBoZWlnaHQgdGhhbiBsaXN0IGl0ZW1cbiAgLy8gZnJvbSBkZXNpZ24gc3BlY3MgaXQgc2hvdWxkIG5vdCBleHBhbmQgdGhlIGxpc3QgaXRlbVxuICBcIiYgYnV0dG9uLCAmIGFcIjoge1xuICAgIG1hcmdpbjogYC0ke3RoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcueHN9IDBgLFxuICB9LFxufSkpO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkRW50aXR5TGlzdEl0ZW1CdXR0b24gPSBzdHlsZWQuZGl2PFxuICBQYXJ0aWFsPEVudGl0eUxpc3RJdGVtUHJvcHM+XG4+KCh7IHRoZW1lLCBpc0NsaWNrYWJsZSwgaXNBY3RpdmUsIGlzRGlzYWJsZWQgfSkgPT4gKHtcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGZsZXg6IFwiMSAxIDEwMCVcIixcbiAgZmxleFdyYXA6IFwibm93cmFwXCIsXG4gIHRyYW5zaXRpb246IFwiYmFja2dyb3VuZC1jb2xvciAwLjFzIGVhc2Utb3V0XCIsXG5cbiAgLi4uKGlzQ2xpY2thYmxlICYmIHtcbiAgICBjdXJzb3I6IFwicG9pbnRlclwiLFxuICB9KSxcblxuICBcIiY6aG92ZXJcIjoge1xuICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQudHJhbnNwYXJlbnQuaG92ZXIsXG4gIH0sXG5cbiAgLi4uKGlzQWN0aXZlICYmIHtcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLnRyYW5zcGFyZW50LmFjdGl2ZSxcbiAgfSksXG5cbiAgLi4uKGlzRGlzYWJsZWQgJiYge1xuICAgIGN1cnNvcjogXCJub3QtYWxsb3dlZFwiLFxuICAgIHBvaW50ZXJFdmVudHM6IFwibm9uZVwiLFxuXG4gICAgW2Ake1N0eWxlZEVudGl0eUxpc3RJdGVtV3JhcHBlcn0gPiAqYF06IHtcbiAgICAgIG9wYWNpdHk6IHRoZW1lLnZhcmlhYmxlcy5vcGFjaXR5LmRpc2FibGVkLFxuICAgIH0sXG4gIH0pLFxufSkpO1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTJDbUMifQ== */");export const StyledEntityListItemWrapper=/*#__PURE__*/styled(StyledWrapperOffset,{target:"e6eiwk04",label:"StyledEntityListItemWrapper"})(({theme,hideBorder})=>({width:"100%",...!hideBorder&&{borderBottom:`1px solid ${theme.values.color.border.secondary.default}`},...mqValue({paddingLeft:[theme.variables.size.spacing.m,theme.variables.size.spacing.l],paddingRight:[theme.variables.size.spacing.m,theme.variables.size.spacing.l]}),"& button, & a":{margin:`-${theme.variables.size.spacing.xs} 0`}}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvRW50aXR5TGlzdC9zdHlsZWQtY29tcG9uZW50cy50cyIsInNvdXJjZXMiOlsic3JjL2NvbXBvbmVudHMvRW50aXR5TGlzdC9zdHlsZWQtY29tcG9uZW50cy50cyJdLCJzb3VyY2VzQ29udGVudCI6WyIvKiBlc2xpbnQtZGlzYWJsZSBAdHlwZXNjcmlwdC1lc2xpbnQvZXhwbGljaXQtbW9kdWxlLWJvdW5kYXJ5LXR5cGVzICovXG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IHR5cGUgVGhlbWUgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIjtcbmltcG9ydCB0eXBlIHsgRW50aXR5TGlzdEl0ZW1Qcm9wcywgRW50aXR5TGlzdEl0ZW1XcmFwcGVyUHJvcHMgfSBmcm9tIFwiLi90eXBlc1wiO1xuaW1wb3J0IHR5cGUgeyBMaXN0U2l6ZSB9IGZyb20gXCIuLi8uLi90eXBlc1wiO1xuaW1wb3J0IHsgbXEsIG1xVmFsdWUgfSBmcm9tIFwiLi4vLi4vc2hhcmVkL21lZGlhUXVlcmllc1wiO1xuXG5leHBvcnQgY29uc3QgZ2V0T2Zmc2V0TXFTdHlsZSA9IChcbiAgY3NzUHJvcDogc3RyaW5nLFxuICB7XG4gICAgdGhlbWUsXG4gICAgc2l6ZSxcbiAgfToge1xuICAgIHRoZW1lOiBUaGVtZTtcbiAgfSAmIFBhcnRpYWw8RW50aXR5TGlzdEl0ZW1XcmFwcGVyUHJvcHM+XG4pID0+XG4gIG1xKHtcbiAgICBbY3NzUHJvcF06IFtcbiAgICAgIHNpemUsXG4gICAgICB7XG4gICAgICAgIHhzOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnh4cyxcbiAgICAgICAgczogdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5zLFxuICAgICAgICBtOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLm0sXG4gICAgICAgIGw6IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcubCxcbiAgICAgIH0gYXMgYW55LFxuICAgIF0sXG4gIH0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkTGlzdCA9IHN0eWxlZC51bDx7IHNpemU6IExpc3RTaXplIH0+KCh7IHRoZW1lLCBzaXplIH0pID0+ICh7XG4gIC4uLihzaXplID09PSBcInhzXCIgJiYge1xuICAgIHBhZGRpbmc6IGAke3RoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcueHN9IDBgLFxuICB9KSxcbn0pKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEVudGl0eUl0ZW1MaSA9IHN0eWxlZC5saSh7XG4gIGxpc3RTdHlsZVR5cGU6IFwibm9uZVwiLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRTaG93TW9yZSA9IHN0eWxlZC5kaXYoKHsgdGhlbWUgfSkgPT4gKHtcbiAgbWFyZ2luVG9wOiAtMSxcbiAgYm9yZGVyVG9wOiBgMXB4IHNvbGlkICR7dGhlbWUudmFsdWVzLmNvbG9yLmJvcmRlci5zZWNvbmRhcnkuZGVmYXVsdH1gLFxufSkpO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkV3JhcHBlck9mZnNldCA9IHN0eWxlZC5kaXY8eyBzaXplOiBMaXN0U2l6ZSB9PihcbiAgKHsgdGhlbWUsIHNpemUgfSkgPT4gKHtcbiAgICAuLi5nZXRPZmZzZXRNcVN0eWxlKFwicGFkZGluZ0JvdHRvbVwiLCB7IHRoZW1lLCBzaXplIH0pLFxuICB9KSxcbiAgKHsgdGhlbWUsIHNpemUgfSkgPT4gKHtcbiAgICAuLi5nZXRPZmZzZXRNcVN0eWxlKFwicGFkZGluZ1RvcFwiLCB7IHRoZW1lLCBzaXplIH0pLFxuICB9KVxuKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEVudGl0eUxpc3RJdGVtV3JhcHBlciA9IHN0eWxlZChcbiAgU3R5bGVkV3JhcHBlck9mZnNldFxuKTxFbnRpdHlMaXN0SXRlbVdyYXBwZXJQcm9wcz4oKHsgdGhlbWUsIGhpZGVCb3JkZXIgfSkgPT4gKHtcbiAgd2lkdGg6IFwiMTAwJVwiLFxuXG4gIC4uLighaGlkZUJvcmRlciAmJiB7XG4gICAgYm9yZGVyQm90dG9tOiBgMXB4IHNvbGlkICR7dGhlbWUudmFsdWVzLmNvbG9yLmJvcmRlci5zZWNvbmRhcnkuZGVmYXVsdH1gLFxuICB9KSxcblxuICAuLi5tcVZhbHVlKHtcbiAgICBwYWRkaW5nTGVmdDogW1xuICAgICAgdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5tLFxuICAgICAgdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5sLFxuICAgIF0sXG4gICAgcGFkZGluZ1JpZ2h0OiBbXG4gICAgICB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLm0sXG4gICAgICB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLmwsXG4gICAgXSxcbiAgfSksXG5cbiAgLy8gYnV0dG9uIGFuZCBsaW5rcyBoYXZlIGEgZ3JlYXRlZCBoZWlnaHQgdGhhbiBsaXN0IGl0ZW1cbiAgLy8gZnJvbSBkZXNpZ24gc3BlY3MgaXQgc2hvdWxkIG5vdCBleHBhbmQgdGhlIGxpc3QgaXRlbVxuICBcIiYgYnV0dG9uLCAmIGFcIjoge1xuICAgIG1hcmdpbjogYC0ke3RoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcueHN9IDBgLFxuICB9LFxufSkpO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkRW50aXR5TGlzdEl0ZW1CdXR0b24gPSBzdHlsZWQuZGl2PFxuICBQYXJ0aWFsPEVudGl0eUxpc3RJdGVtUHJvcHM+XG4+KCh7IHRoZW1lLCBpc0NsaWNrYWJsZSwgaXNBY3RpdmUsIGlzRGlzYWJsZWQgfSkgPT4gKHtcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGZsZXg6IFwiMSAxIDEwMCVcIixcbiAgZmxleFdyYXA6IFwibm93cmFwXCIsXG4gIHRyYW5zaXRpb246IFwiYmFja2dyb3VuZC1jb2xvciAwLjFzIGVhc2Utb3V0XCIsXG5cbiAgLi4uKGlzQ2xpY2thYmxlICYmIHtcbiAgICBjdXJzb3I6IFwicG9pbnRlclwiLFxuICB9KSxcblxuICBcIiY6aG92ZXJcIjoge1xuICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQudHJhbnNwYXJlbnQuaG92ZXIsXG4gIH0sXG5cbiAgLi4uKGlzQWN0aXZlICYmIHtcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLnRyYW5zcGFyZW50LmFjdGl2ZSxcbiAgfSksXG5cbiAgLi4uKGlzRGlzYWJsZWQgJiYge1xuICAgIGN1cnNvcjogXCJub3QtYWxsb3dlZFwiLFxuICAgIHBvaW50ZXJFdmVudHM6IFwibm9uZVwiLFxuXG4gICAgW2Ake1N0eWxlZEVudGl0eUxpc3RJdGVtV3JhcHBlcn0gPiAqYF06IHtcbiAgICAgIG9wYWNpdHk6IHRoZW1lLnZhcmlhYmxlcy5vcGFjaXR5LmRpc2FibGVkLFxuICAgIH0sXG4gIH0pLFxufSkpO1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW9EMkMifQ== */");export const StyledEntityListItemButton=/*#__PURE__*/styled("div",{target:"e6eiwk05",label:"StyledEntityListItemButton"})(({theme,isClickable,isActive,isDisabled})=>({display:"flex",flex:"1 1 100%",flexWrap:"nowrap",transition:"background-color 0.1s ease-out",...isClickable&&{cursor:"pointer"},"&:hover":{backgroundColor:theme.values.color.background.transparent.hover},...isActive&&{backgroundColor:theme.values.color.background.transparent.active},...isDisabled&&{cursor:"not-allowed",pointerEvents:"none",[`${StyledEntityListItemWrapper} > *`]:{opacity:theme.variables.opacity.disabled}}}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvRW50aXR5TGlzdC9zdHlsZWQtY29tcG9uZW50cy50cyIsInNvdXJjZXMiOlsic3JjL2NvbXBvbmVudHMvRW50aXR5TGlzdC9zdHlsZWQtY29tcG9uZW50cy50cyJdLCJzb3VyY2VzQ29udGVudCI6WyIvKiBlc2xpbnQtZGlzYWJsZSBAdHlwZXNjcmlwdC1lc2xpbnQvZXhwbGljaXQtbW9kdWxlLWJvdW5kYXJ5LXR5cGVzICovXG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IHR5cGUgVGhlbWUgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIjtcbmltcG9ydCB0eXBlIHsgRW50aXR5TGlzdEl0ZW1Qcm9wcywgRW50aXR5TGlzdEl0ZW1XcmFwcGVyUHJvcHMgfSBmcm9tIFwiLi90eXBlc1wiO1xuaW1wb3J0IHR5cGUgeyBMaXN0U2l6ZSB9IGZyb20gXCIuLi8uLi90eXBlc1wiO1xuaW1wb3J0IHsgbXEsIG1xVmFsdWUgfSBmcm9tIFwiLi4vLi4vc2hhcmVkL21lZGlhUXVlcmllc1wiO1xuXG5leHBvcnQgY29uc3QgZ2V0T2Zmc2V0TXFTdHlsZSA9IChcbiAgY3NzUHJvcDogc3RyaW5nLFxuICB7XG4gICAgdGhlbWUsXG4gICAgc2l6ZSxcbiAgfToge1xuICAgIHRoZW1lOiBUaGVtZTtcbiAgfSAmIFBhcnRpYWw8RW50aXR5TGlzdEl0ZW1XcmFwcGVyUHJvcHM+XG4pID0+XG4gIG1xKHtcbiAgICBbY3NzUHJvcF06IFtcbiAgICAgIHNpemUsXG4gICAgICB7XG4gICAgICAgIHhzOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnh4cyxcbiAgICAgICAgczogdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5zLFxuICAgICAgICBtOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLm0sXG4gICAgICAgIGw6IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcubCxcbiAgICAgIH0gYXMgYW55LFxuICAgIF0sXG4gIH0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkTGlzdCA9IHN0eWxlZC51bDx7IHNpemU6IExpc3RTaXplIH0+KCh7IHRoZW1lLCBzaXplIH0pID0+ICh7XG4gIC4uLihzaXplID09PSBcInhzXCIgJiYge1xuICAgIHBhZGRpbmc6IGAke3RoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcueHN9IDBgLFxuICB9KSxcbn0pKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEVudGl0eUl0ZW1MaSA9IHN0eWxlZC5saSh7XG4gIGxpc3RTdHlsZVR5cGU6IFwibm9uZVwiLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRTaG93TW9yZSA9IHN0eWxlZC5kaXYoKHsgdGhlbWUgfSkgPT4gKHtcbiAgbWFyZ2luVG9wOiAtMSxcbiAgYm9yZGVyVG9wOiBgMXB4IHNvbGlkICR7dGhlbWUudmFsdWVzLmNvbG9yLmJvcmRlci5zZWNvbmRhcnkuZGVmYXVsdH1gLFxufSkpO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkV3JhcHBlck9mZnNldCA9IHN0eWxlZC5kaXY8eyBzaXplOiBMaXN0U2l6ZSB9PihcbiAgKHsgdGhlbWUsIHNpemUgfSkgPT4gKHtcbiAgICAuLi5nZXRPZmZzZXRNcVN0eWxlKFwicGFkZGluZ0JvdHRvbVwiLCB7IHRoZW1lLCBzaXplIH0pLFxuICB9KSxcbiAgKHsgdGhlbWUsIHNpemUgfSkgPT4gKHtcbiAgICAuLi5nZXRPZmZzZXRNcVN0eWxlKFwicGFkZGluZ1RvcFwiLCB7IHRoZW1lLCBzaXplIH0pLFxuICB9KVxuKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEVudGl0eUxpc3RJdGVtV3JhcHBlciA9IHN0eWxlZChcbiAgU3R5bGVkV3JhcHBlck9mZnNldFxuKTxFbnRpdHlMaXN0SXRlbVdyYXBwZXJQcm9wcz4oKHsgdGhlbWUsIGhpZGVCb3JkZXIgfSkgPT4gKHtcbiAgd2lkdGg6IFwiMTAwJVwiLFxuXG4gIC4uLighaGlkZUJvcmRlciAmJiB7XG4gICAgYm9yZGVyQm90dG9tOiBgMXB4IHNvbGlkICR7dGhlbWUudmFsdWVzLmNvbG9yLmJvcmRlci5zZWNvbmRhcnkuZGVmYXVsdH1gLFxuICB9KSxcblxuICAuLi5tcVZhbHVlKHtcbiAgICBwYWRkaW5nTGVmdDogW1xuICAgICAgdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5tLFxuICAgICAgdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5sLFxuICAgIF0sXG4gICAgcGFkZGluZ1JpZ2h0OiBbXG4gICAgICB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLm0sXG4gICAgICB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLmwsXG4gICAgXSxcbiAgfSksXG5cbiAgLy8gYnV0dG9uIGFuZCBsaW5rcyBoYXZlIGEgZ3JlYXRlZCBoZWlnaHQgdGhhbiBsaXN0IGl0ZW1cbiAgLy8gZnJvbSBkZXNpZ24gc3BlY3MgaXQgc2hvdWxkIG5vdCBleHBhbmQgdGhlIGxpc3QgaXRlbVxuICBcIiYgYnV0dG9uLCAmIGFcIjoge1xuICAgIG1hcmdpbjogYC0ke3RoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcueHN9IDBgLFxuICB9LFxufSkpO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkRW50aXR5TGlzdEl0ZW1CdXR0b24gPSBzdHlsZWQuZGl2PFxuICBQYXJ0aWFsPEVudGl0eUxpc3RJdGVtUHJvcHM+XG4+KCh7IHRoZW1lLCBpc0NsaWNrYWJsZSwgaXNBY3RpdmUsIGlzRGlzYWJsZWQgfSkgPT4gKHtcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGZsZXg6IFwiMSAxIDEwMCVcIixcbiAgZmxleFdyYXA6IFwibm93cmFwXCIsXG4gIHRyYW5zaXRpb246IFwiYmFja2dyb3VuZC1jb2xvciAwLjFzIGVhc2Utb3V0XCIsXG5cbiAgLi4uKGlzQ2xpY2thYmxlICYmIHtcbiAgICBjdXJzb3I6IFwicG9pbnRlclwiLFxuICB9KSxcblxuICBcIiY6aG92ZXJcIjoge1xuICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQudHJhbnNwYXJlbnQuaG92ZXIsXG4gIH0sXG5cbiAgLi4uKGlzQWN0aXZlICYmIHtcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLnRyYW5zcGFyZW50LmFjdGl2ZSxcbiAgfSksXG5cbiAgLi4uKGlzRGlzYWJsZWQgJiYge1xuICAgIGN1cnNvcjogXCJub3QtYWxsb3dlZFwiLFxuICAgIHBvaW50ZXJFdmVudHM6IFwibm9uZVwiLFxuXG4gICAgW2Ake1N0eWxlZEVudGl0eUxpc3RJdGVtV3JhcHBlcn0gPiAqYF06IHtcbiAgICAgIG9wYWNpdHk6IHRoZW1lLnZhcmlhYmxlcy5vcGFjaXR5LmRpc2FibGVkLFxuICAgIH0sXG4gIH0pLFxufSkpO1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQStFMEMifQ== */");
1
+ import styled from"@emotion/styled";import{mq,mqValue}from"../../shared/mediaQueries";export const getOffsetMqStyle=(cssProp,{theme,size})=>mq({[cssProp]:[size,{xs:theme.variables.size.spacing.xxs,s:theme.variables.size.spacing.s,m:theme.variables.size.spacing.m,l:theme.variables.size.spacing.l}]});export const StyledList=/*#__PURE__*/styled("ul",{target:"e1gysji80",label:"StyledList"})(({theme,size})=>({..."xs"===size&&{padding:`${theme.variables.size.spacing.xs} 0`}}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvRW50aXR5TGlzdC9zdHlsZWQtY29tcG9uZW50cy50cyIsInNvdXJjZXMiOlsic3JjL2NvbXBvbmVudHMvRW50aXR5TGlzdC9zdHlsZWQtY29tcG9uZW50cy50cyJdLCJzb3VyY2VzQ29udGVudCI6WyIvKiBlc2xpbnQtZGlzYWJsZSBAdHlwZXNjcmlwdC1lc2xpbnQvZXhwbGljaXQtbW9kdWxlLWJvdW5kYXJ5LXR5cGVzICovXG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IHR5cGUgVGhlbWUgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIjtcbmltcG9ydCB0eXBlIHsgRW50aXR5TGlzdEl0ZW1Qcm9wcywgRW50aXR5TGlzdEl0ZW1XcmFwcGVyUHJvcHMgfSBmcm9tIFwiLi90eXBlc1wiO1xuaW1wb3J0IHR5cGUgeyBMaXN0U2l6ZSB9IGZyb20gXCIuLi8uLi90eXBlc1wiO1xuaW1wb3J0IHsgbXEsIG1xVmFsdWUgfSBmcm9tIFwiLi4vLi4vc2hhcmVkL21lZGlhUXVlcmllc1wiO1xuXG5leHBvcnQgY29uc3QgZ2V0T2Zmc2V0TXFTdHlsZSA9IChcbiAgY3NzUHJvcDogc3RyaW5nLFxuICB7XG4gICAgdGhlbWUsXG4gICAgc2l6ZSxcbiAgfToge1xuICAgIHRoZW1lOiBUaGVtZTtcbiAgfSAmIFBhcnRpYWw8RW50aXR5TGlzdEl0ZW1XcmFwcGVyUHJvcHM+XG4pID0+XG4gIG1xKHtcbiAgICBbY3NzUHJvcF06IFtcbiAgICAgIHNpemUsXG4gICAgICB7XG4gICAgICAgIHhzOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnh4cyxcbiAgICAgICAgczogdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5zLFxuICAgICAgICBtOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLm0sXG4gICAgICAgIGw6IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcubCxcbiAgICAgIH0gYXMgYW55LFxuICAgIF0sXG4gIH0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkTGlzdCA9IHN0eWxlZC51bDx7IHNpemU6IExpc3RTaXplIH0+KCh7IHRoZW1lLCBzaXplIH0pID0+ICh7XG4gIC4uLihzaXplID09PSBcInhzXCIgJiYge1xuICAgIHBhZGRpbmc6IGAke3RoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcueHN9IDBgLFxuICB9KSxcbn0pKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEVudGl0eUl0ZW1MaSA9IHN0eWxlZC5saSh7XG4gIGxpc3RTdHlsZVR5cGU6IFwibm9uZVwiLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRTaG93TW9yZSA9IHN0eWxlZC5kaXYoKHsgdGhlbWUgfSkgPT4gKHtcbiAgbWFyZ2luVG9wOiAtMSxcbiAgYm9yZGVyVG9wOiBgMXB4IHNvbGlkICR7dGhlbWUudmFsdWVzLmNvbG9yLmJvcmRlci5zZWNvbmRhcnkuZGVmYXVsdH1gLFxufSkpO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkV3JhcHBlck9mZnNldCA9IHN0eWxlZC5kaXY8eyBzaXplOiBMaXN0U2l6ZSB9PihcbiAgKHsgdGhlbWUsIHNpemUgfSkgPT4gKHtcbiAgICAuLi5nZXRPZmZzZXRNcVN0eWxlKFwicGFkZGluZ0JvdHRvbVwiLCB7IHRoZW1lLCBzaXplIH0pLFxuICB9KSxcbiAgKHsgdGhlbWUsIHNpemUgfSkgPT4gKHtcbiAgICAuLi5nZXRPZmZzZXRNcVN0eWxlKFwicGFkZGluZ1RvcFwiLCB7IHRoZW1lLCBzaXplIH0pLFxuICB9KVxuKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEVudGl0eUxpc3RJdGVtV3JhcHBlciA9IHN0eWxlZChcbiAgU3R5bGVkV3JhcHBlck9mZnNldFxuKTxFbnRpdHlMaXN0SXRlbVdyYXBwZXJQcm9wcz4oKHsgdGhlbWUsIGhpZGVCb3JkZXIgfSkgPT4gKHtcbiAgd2lkdGg6IFwiMTAwJVwiLFxuXG4gIC4uLighaGlkZUJvcmRlciAmJiB7XG4gICAgYm9yZGVyQm90dG9tOiBgMXB4IHNvbGlkICR7dGhlbWUudmFsdWVzLmNvbG9yLmJvcmRlci5zZWNvbmRhcnkuZGVmYXVsdH1gLFxuICB9KSxcblxuICAuLi5tcVZhbHVlKHtcbiAgICBwYWRkaW5nTGVmdDogW1xuICAgICAgdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5tLFxuICAgICAgdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5sLFxuICAgIF0sXG4gICAgcGFkZGluZ1JpZ2h0OiBbXG4gICAgICB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLm0sXG4gICAgICB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLmwsXG4gICAgXSxcbiAgfSksXG5cbiAgLy8gYnV0dG9uIGFuZCBsaW5rcyBoYXZlIGEgZ3JlYXRlZCBoZWlnaHQgdGhhbiBsaXN0IGl0ZW1cbiAgLy8gZnJvbSBkZXNpZ24gc3BlY3MgaXQgc2hvdWxkIG5vdCBleHBhbmQgdGhlIGxpc3QgaXRlbVxuICBcIiYgYnV0dG9uLCAmIGFcIjoge1xuICAgIG1hcmdpbjogYC0ke3RoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcueHN9IDBgLFxuICB9LFxufSkpO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkRW50aXR5TGlzdEl0ZW1CdXR0b24gPSBzdHlsZWQuZGl2PFxuICBQYXJ0aWFsPEVudGl0eUxpc3RJdGVtUHJvcHM+XG4+KCh7IHRoZW1lLCBpc0NsaWNrYWJsZSwgaXNBY3RpdmUsIGlzRGlzYWJsZWQgfSkgPT4gKHtcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGZsZXg6IFwiMSAxIDEwMCVcIixcbiAgZmxleFdyYXA6IFwibm93cmFwXCIsXG4gIHRyYW5zaXRpb246IFwiYmFja2dyb3VuZC1jb2xvciAwLjFzIGVhc2Utb3V0XCIsXG5cbiAgLi4uKGlzQ2xpY2thYmxlICYmIHtcbiAgICBjdXJzb3I6IFwicG9pbnRlclwiLFxuICB9KSxcblxuICBcIiY6aG92ZXJcIjoge1xuICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQudHJhbnNwYXJlbnQuaG92ZXIsXG4gIH0sXG5cbiAgLi4uKGlzQWN0aXZlICYmIHtcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLnRyYW5zcGFyZW50LmFjdGl2ZSxcbiAgfSksXG5cbiAgXCImOmZvY3VzXCI6IHtcbiAgICBvdXRsaW5lOiBcIm5vbmVcIixcbiAgfSxcblxuICAuLi4oaXNEaXNhYmxlZCAmJiB7XG4gICAgY3Vyc29yOiBcIm5vdC1hbGxvd2VkXCIsXG4gICAgcG9pbnRlckV2ZW50czogXCJub25lXCIsXG5cbiAgICBbYCR7U3R5bGVkRW50aXR5TGlzdEl0ZW1XcmFwcGVyfSA+ICpgXToge1xuICAgICAgb3BhY2l0eTogdGhlbWUudmFyaWFibGVzLm9wYWNpdHkuZGlzYWJsZWQsXG4gICAgfSxcbiAgfSksXG59KSk7XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBNEIwQiJ9 */");export const StyledEntityItemLi=/*#__PURE__*/styled("li",{target:"e1gysji81",label:"StyledEntityItemLi"})({listStyleType:"none"},"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvRW50aXR5TGlzdC9zdHlsZWQtY29tcG9uZW50cy50cyIsInNvdXJjZXMiOlsic3JjL2NvbXBvbmVudHMvRW50aXR5TGlzdC9zdHlsZWQtY29tcG9uZW50cy50cyJdLCJzb3VyY2VzQ29udGVudCI6WyIvKiBlc2xpbnQtZGlzYWJsZSBAdHlwZXNjcmlwdC1lc2xpbnQvZXhwbGljaXQtbW9kdWxlLWJvdW5kYXJ5LXR5cGVzICovXG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IHR5cGUgVGhlbWUgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIjtcbmltcG9ydCB0eXBlIHsgRW50aXR5TGlzdEl0ZW1Qcm9wcywgRW50aXR5TGlzdEl0ZW1XcmFwcGVyUHJvcHMgfSBmcm9tIFwiLi90eXBlc1wiO1xuaW1wb3J0IHR5cGUgeyBMaXN0U2l6ZSB9IGZyb20gXCIuLi8uLi90eXBlc1wiO1xuaW1wb3J0IHsgbXEsIG1xVmFsdWUgfSBmcm9tIFwiLi4vLi4vc2hhcmVkL21lZGlhUXVlcmllc1wiO1xuXG5leHBvcnQgY29uc3QgZ2V0T2Zmc2V0TXFTdHlsZSA9IChcbiAgY3NzUHJvcDogc3RyaW5nLFxuICB7XG4gICAgdGhlbWUsXG4gICAgc2l6ZSxcbiAgfToge1xuICAgIHRoZW1lOiBUaGVtZTtcbiAgfSAmIFBhcnRpYWw8RW50aXR5TGlzdEl0ZW1XcmFwcGVyUHJvcHM+XG4pID0+XG4gIG1xKHtcbiAgICBbY3NzUHJvcF06IFtcbiAgICAgIHNpemUsXG4gICAgICB7XG4gICAgICAgIHhzOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnh4cyxcbiAgICAgICAgczogdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5zLFxuICAgICAgICBtOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLm0sXG4gICAgICAgIGw6IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcubCxcbiAgICAgIH0gYXMgYW55LFxuICAgIF0sXG4gIH0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkTGlzdCA9IHN0eWxlZC51bDx7IHNpemU6IExpc3RTaXplIH0+KCh7IHRoZW1lLCBzaXplIH0pID0+ICh7XG4gIC4uLihzaXplID09PSBcInhzXCIgJiYge1xuICAgIHBhZGRpbmc6IGAke3RoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcueHN9IDBgLFxuICB9KSxcbn0pKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEVudGl0eUl0ZW1MaSA9IHN0eWxlZC5saSh7XG4gIGxpc3RTdHlsZVR5cGU6IFwibm9uZVwiLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRTaG93TW9yZSA9IHN0eWxlZC5kaXYoKHsgdGhlbWUgfSkgPT4gKHtcbiAgbWFyZ2luVG9wOiAtMSxcbiAgYm9yZGVyVG9wOiBgMXB4IHNvbGlkICR7dGhlbWUudmFsdWVzLmNvbG9yLmJvcmRlci5zZWNvbmRhcnkuZGVmYXVsdH1gLFxufSkpO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkV3JhcHBlck9mZnNldCA9IHN0eWxlZC5kaXY8eyBzaXplOiBMaXN0U2l6ZSB9PihcbiAgKHsgdGhlbWUsIHNpemUgfSkgPT4gKHtcbiAgICAuLi5nZXRPZmZzZXRNcVN0eWxlKFwicGFkZGluZ0JvdHRvbVwiLCB7IHRoZW1lLCBzaXplIH0pLFxuICB9KSxcbiAgKHsgdGhlbWUsIHNpemUgfSkgPT4gKHtcbiAgICAuLi5nZXRPZmZzZXRNcVN0eWxlKFwicGFkZGluZ1RvcFwiLCB7IHRoZW1lLCBzaXplIH0pLFxuICB9KVxuKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEVudGl0eUxpc3RJdGVtV3JhcHBlciA9IHN0eWxlZChcbiAgU3R5bGVkV3JhcHBlck9mZnNldFxuKTxFbnRpdHlMaXN0SXRlbVdyYXBwZXJQcm9wcz4oKHsgdGhlbWUsIGhpZGVCb3JkZXIgfSkgPT4gKHtcbiAgd2lkdGg6IFwiMTAwJVwiLFxuXG4gIC4uLighaGlkZUJvcmRlciAmJiB7XG4gICAgYm9yZGVyQm90dG9tOiBgMXB4IHNvbGlkICR7dGhlbWUudmFsdWVzLmNvbG9yLmJvcmRlci5zZWNvbmRhcnkuZGVmYXVsdH1gLFxuICB9KSxcblxuICAuLi5tcVZhbHVlKHtcbiAgICBwYWRkaW5nTGVmdDogW1xuICAgICAgdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5tLFxuICAgICAgdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5sLFxuICAgIF0sXG4gICAgcGFkZGluZ1JpZ2h0OiBbXG4gICAgICB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLm0sXG4gICAgICB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLmwsXG4gICAgXSxcbiAgfSksXG5cbiAgLy8gYnV0dG9uIGFuZCBsaW5rcyBoYXZlIGEgZ3JlYXRlZCBoZWlnaHQgdGhhbiBsaXN0IGl0ZW1cbiAgLy8gZnJvbSBkZXNpZ24gc3BlY3MgaXQgc2hvdWxkIG5vdCBleHBhbmQgdGhlIGxpc3QgaXRlbVxuICBcIiYgYnV0dG9uLCAmIGFcIjoge1xuICAgIG1hcmdpbjogYC0ke3RoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcueHN9IDBgLFxuICB9LFxufSkpO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkRW50aXR5TGlzdEl0ZW1CdXR0b24gPSBzdHlsZWQuZGl2PFxuICBQYXJ0aWFsPEVudGl0eUxpc3RJdGVtUHJvcHM+XG4+KCh7IHRoZW1lLCBpc0NsaWNrYWJsZSwgaXNBY3RpdmUsIGlzRGlzYWJsZWQgfSkgPT4gKHtcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGZsZXg6IFwiMSAxIDEwMCVcIixcbiAgZmxleFdyYXA6IFwibm93cmFwXCIsXG4gIHRyYW5zaXRpb246IFwiYmFja2dyb3VuZC1jb2xvciAwLjFzIGVhc2Utb3V0XCIsXG5cbiAgLi4uKGlzQ2xpY2thYmxlICYmIHtcbiAgICBjdXJzb3I6IFwicG9pbnRlclwiLFxuICB9KSxcblxuICBcIiY6aG92ZXJcIjoge1xuICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQudHJhbnNwYXJlbnQuaG92ZXIsXG4gIH0sXG5cbiAgLi4uKGlzQWN0aXZlICYmIHtcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLnRyYW5zcGFyZW50LmFjdGl2ZSxcbiAgfSksXG5cbiAgXCImOmZvY3VzXCI6IHtcbiAgICBvdXRsaW5lOiBcIm5vbmVcIixcbiAgfSxcblxuICAuLi4oaXNEaXNhYmxlZCAmJiB7XG4gICAgY3Vyc29yOiBcIm5vdC1hbGxvd2VkXCIsXG4gICAgcG9pbnRlckV2ZW50czogXCJub25lXCIsXG5cbiAgICBbYCR7U3R5bGVkRW50aXR5TGlzdEl0ZW1XcmFwcGVyfSA+ICpgXToge1xuICAgICAgb3BhY2l0eTogdGhlbWUudmFyaWFibGVzLm9wYWNpdHkuZGlzYWJsZWQsXG4gICAgfSxcbiAgfSksXG59KSk7XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBa0NrQyJ9 */");export const StyledShowMore=/*#__PURE__*/styled("div",{target:"e1gysji82",label:"StyledShowMore"})(({theme})=>({marginTop:-1,borderTop:`1px solid ${theme.values.color.border.secondary.default}`}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvRW50aXR5TGlzdC9zdHlsZWQtY29tcG9uZW50cy50cyIsInNvdXJjZXMiOlsic3JjL2NvbXBvbmVudHMvRW50aXR5TGlzdC9zdHlsZWQtY29tcG9uZW50cy50cyJdLCJzb3VyY2VzQ29udGVudCI6WyIvKiBlc2xpbnQtZGlzYWJsZSBAdHlwZXNjcmlwdC1lc2xpbnQvZXhwbGljaXQtbW9kdWxlLWJvdW5kYXJ5LXR5cGVzICovXG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IHR5cGUgVGhlbWUgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIjtcbmltcG9ydCB0eXBlIHsgRW50aXR5TGlzdEl0ZW1Qcm9wcywgRW50aXR5TGlzdEl0ZW1XcmFwcGVyUHJvcHMgfSBmcm9tIFwiLi90eXBlc1wiO1xuaW1wb3J0IHR5cGUgeyBMaXN0U2l6ZSB9IGZyb20gXCIuLi8uLi90eXBlc1wiO1xuaW1wb3J0IHsgbXEsIG1xVmFsdWUgfSBmcm9tIFwiLi4vLi4vc2hhcmVkL21lZGlhUXVlcmllc1wiO1xuXG5leHBvcnQgY29uc3QgZ2V0T2Zmc2V0TXFTdHlsZSA9IChcbiAgY3NzUHJvcDogc3RyaW5nLFxuICB7XG4gICAgdGhlbWUsXG4gICAgc2l6ZSxcbiAgfToge1xuICAgIHRoZW1lOiBUaGVtZTtcbiAgfSAmIFBhcnRpYWw8RW50aXR5TGlzdEl0ZW1XcmFwcGVyUHJvcHM+XG4pID0+XG4gIG1xKHtcbiAgICBbY3NzUHJvcF06IFtcbiAgICAgIHNpemUsXG4gICAgICB7XG4gICAgICAgIHhzOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnh4cyxcbiAgICAgICAgczogdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5zLFxuICAgICAgICBtOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLm0sXG4gICAgICAgIGw6IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcubCxcbiAgICAgIH0gYXMgYW55LFxuICAgIF0sXG4gIH0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkTGlzdCA9IHN0eWxlZC51bDx7IHNpemU6IExpc3RTaXplIH0+KCh7IHRoZW1lLCBzaXplIH0pID0+ICh7XG4gIC4uLihzaXplID09PSBcInhzXCIgJiYge1xuICAgIHBhZGRpbmc6IGAke3RoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcueHN9IDBgLFxuICB9KSxcbn0pKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEVudGl0eUl0ZW1MaSA9IHN0eWxlZC5saSh7XG4gIGxpc3RTdHlsZVR5cGU6IFwibm9uZVwiLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRTaG93TW9yZSA9IHN0eWxlZC5kaXYoKHsgdGhlbWUgfSkgPT4gKHtcbiAgbWFyZ2luVG9wOiAtMSxcbiAgYm9yZGVyVG9wOiBgMXB4IHNvbGlkICR7dGhlbWUudmFsdWVzLmNvbG9yLmJvcmRlci5zZWNvbmRhcnkuZGVmYXVsdH1gLFxufSkpO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkV3JhcHBlck9mZnNldCA9IHN0eWxlZC5kaXY8eyBzaXplOiBMaXN0U2l6ZSB9PihcbiAgKHsgdGhlbWUsIHNpemUgfSkgPT4gKHtcbiAgICAuLi5nZXRPZmZzZXRNcVN0eWxlKFwicGFkZGluZ0JvdHRvbVwiLCB7IHRoZW1lLCBzaXplIH0pLFxuICB9KSxcbiAgKHsgdGhlbWUsIHNpemUgfSkgPT4gKHtcbiAgICAuLi5nZXRPZmZzZXRNcVN0eWxlKFwicGFkZGluZ1RvcFwiLCB7IHRoZW1lLCBzaXplIH0pLFxuICB9KVxuKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEVudGl0eUxpc3RJdGVtV3JhcHBlciA9IHN0eWxlZChcbiAgU3R5bGVkV3JhcHBlck9mZnNldFxuKTxFbnRpdHlMaXN0SXRlbVdyYXBwZXJQcm9wcz4oKHsgdGhlbWUsIGhpZGVCb3JkZXIgfSkgPT4gKHtcbiAgd2lkdGg6IFwiMTAwJVwiLFxuXG4gIC4uLighaGlkZUJvcmRlciAmJiB7XG4gICAgYm9yZGVyQm90dG9tOiBgMXB4IHNvbGlkICR7dGhlbWUudmFsdWVzLmNvbG9yLmJvcmRlci5zZWNvbmRhcnkuZGVmYXVsdH1gLFxuICB9KSxcblxuICAuLi5tcVZhbHVlKHtcbiAgICBwYWRkaW5nTGVmdDogW1xuICAgICAgdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5tLFxuICAgICAgdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5sLFxuICAgIF0sXG4gICAgcGFkZGluZ1JpZ2h0OiBbXG4gICAgICB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLm0sXG4gICAgICB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLmwsXG4gICAgXSxcbiAgfSksXG5cbiAgLy8gYnV0dG9uIGFuZCBsaW5rcyBoYXZlIGEgZ3JlYXRlZCBoZWlnaHQgdGhhbiBsaXN0IGl0ZW1cbiAgLy8gZnJvbSBkZXNpZ24gc3BlY3MgaXQgc2hvdWxkIG5vdCBleHBhbmQgdGhlIGxpc3QgaXRlbVxuICBcIiYgYnV0dG9uLCAmIGFcIjoge1xuICAgIG1hcmdpbjogYC0ke3RoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcueHN9IDBgLFxuICB9LFxufSkpO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkRW50aXR5TGlzdEl0ZW1CdXR0b24gPSBzdHlsZWQuZGl2PFxuICBQYXJ0aWFsPEVudGl0eUxpc3RJdGVtUHJvcHM+XG4+KCh7IHRoZW1lLCBpc0NsaWNrYWJsZSwgaXNBY3RpdmUsIGlzRGlzYWJsZWQgfSkgPT4gKHtcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGZsZXg6IFwiMSAxIDEwMCVcIixcbiAgZmxleFdyYXA6IFwibm93cmFwXCIsXG4gIHRyYW5zaXRpb246IFwiYmFja2dyb3VuZC1jb2xvciAwLjFzIGVhc2Utb3V0XCIsXG5cbiAgLi4uKGlzQ2xpY2thYmxlICYmIHtcbiAgICBjdXJzb3I6IFwicG9pbnRlclwiLFxuICB9KSxcblxuICBcIiY6aG92ZXJcIjoge1xuICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQudHJhbnNwYXJlbnQuaG92ZXIsXG4gIH0sXG5cbiAgLi4uKGlzQWN0aXZlICYmIHtcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLnRyYW5zcGFyZW50LmFjdGl2ZSxcbiAgfSksXG5cbiAgXCImOmZvY3VzXCI6IHtcbiAgICBvdXRsaW5lOiBcIm5vbmVcIixcbiAgfSxcblxuICAuLi4oaXNEaXNhYmxlZCAmJiB7XG4gICAgY3Vyc29yOiBcIm5vdC1hbGxvd2VkXCIsXG4gICAgcG9pbnRlckV2ZW50czogXCJub25lXCIsXG5cbiAgICBbYCR7U3R5bGVkRW50aXR5TGlzdEl0ZW1XcmFwcGVyfSA+ICpgXToge1xuICAgICAgb3BhY2l0eTogdGhlbWUudmFyaWFibGVzLm9wYWNpdHkuZGlzYWJsZWQsXG4gICAgfSxcbiAgfSksXG59KSk7XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBc0M4QiJ9 */");export const StyledWrapperOffset=/*#__PURE__*/styled("div",{target:"e1gysji83",label:"StyledWrapperOffset"})(({theme,size})=>({...getOffsetMqStyle("paddingBottom",{theme,size})}),({theme,size})=>({...getOffsetMqStyle("paddingTop",{theme,size})}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvRW50aXR5TGlzdC9zdHlsZWQtY29tcG9uZW50cy50cyIsInNvdXJjZXMiOlsic3JjL2NvbXBvbmVudHMvRW50aXR5TGlzdC9zdHlsZWQtY29tcG9uZW50cy50cyJdLCJzb3VyY2VzQ29udGVudCI6WyIvKiBlc2xpbnQtZGlzYWJsZSBAdHlwZXNjcmlwdC1lc2xpbnQvZXhwbGljaXQtbW9kdWxlLWJvdW5kYXJ5LXR5cGVzICovXG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IHR5cGUgVGhlbWUgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIjtcbmltcG9ydCB0eXBlIHsgRW50aXR5TGlzdEl0ZW1Qcm9wcywgRW50aXR5TGlzdEl0ZW1XcmFwcGVyUHJvcHMgfSBmcm9tIFwiLi90eXBlc1wiO1xuaW1wb3J0IHR5cGUgeyBMaXN0U2l6ZSB9IGZyb20gXCIuLi8uLi90eXBlc1wiO1xuaW1wb3J0IHsgbXEsIG1xVmFsdWUgfSBmcm9tIFwiLi4vLi4vc2hhcmVkL21lZGlhUXVlcmllc1wiO1xuXG5leHBvcnQgY29uc3QgZ2V0T2Zmc2V0TXFTdHlsZSA9IChcbiAgY3NzUHJvcDogc3RyaW5nLFxuICB7XG4gICAgdGhlbWUsXG4gICAgc2l6ZSxcbiAgfToge1xuICAgIHRoZW1lOiBUaGVtZTtcbiAgfSAmIFBhcnRpYWw8RW50aXR5TGlzdEl0ZW1XcmFwcGVyUHJvcHM+XG4pID0+XG4gIG1xKHtcbiAgICBbY3NzUHJvcF06IFtcbiAgICAgIHNpemUsXG4gICAgICB7XG4gICAgICAgIHhzOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnh4cyxcbiAgICAgICAgczogdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5zLFxuICAgICAgICBtOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLm0sXG4gICAgICAgIGw6IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcubCxcbiAgICAgIH0gYXMgYW55LFxuICAgIF0sXG4gIH0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkTGlzdCA9IHN0eWxlZC51bDx7IHNpemU6IExpc3RTaXplIH0+KCh7IHRoZW1lLCBzaXplIH0pID0+ICh7XG4gIC4uLihzaXplID09PSBcInhzXCIgJiYge1xuICAgIHBhZGRpbmc6IGAke3RoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcueHN9IDBgLFxuICB9KSxcbn0pKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEVudGl0eUl0ZW1MaSA9IHN0eWxlZC5saSh7XG4gIGxpc3RTdHlsZVR5cGU6IFwibm9uZVwiLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRTaG93TW9yZSA9IHN0eWxlZC5kaXYoKHsgdGhlbWUgfSkgPT4gKHtcbiAgbWFyZ2luVG9wOiAtMSxcbiAgYm9yZGVyVG9wOiBgMXB4IHNvbGlkICR7dGhlbWUudmFsdWVzLmNvbG9yLmJvcmRlci5zZWNvbmRhcnkuZGVmYXVsdH1gLFxufSkpO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkV3JhcHBlck9mZnNldCA9IHN0eWxlZC5kaXY8eyBzaXplOiBMaXN0U2l6ZSB9PihcbiAgKHsgdGhlbWUsIHNpemUgfSkgPT4gKHtcbiAgICAuLi5nZXRPZmZzZXRNcVN0eWxlKFwicGFkZGluZ0JvdHRvbVwiLCB7IHRoZW1lLCBzaXplIH0pLFxuICB9KSxcbiAgKHsgdGhlbWUsIHNpemUgfSkgPT4gKHtcbiAgICAuLi5nZXRPZmZzZXRNcVN0eWxlKFwicGFkZGluZ1RvcFwiLCB7IHRoZW1lLCBzaXplIH0pLFxuICB9KVxuKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEVudGl0eUxpc3RJdGVtV3JhcHBlciA9IHN0eWxlZChcbiAgU3R5bGVkV3JhcHBlck9mZnNldFxuKTxFbnRpdHlMaXN0SXRlbVdyYXBwZXJQcm9wcz4oKHsgdGhlbWUsIGhpZGVCb3JkZXIgfSkgPT4gKHtcbiAgd2lkdGg6IFwiMTAwJVwiLFxuXG4gIC4uLighaGlkZUJvcmRlciAmJiB7XG4gICAgYm9yZGVyQm90dG9tOiBgMXB4IHNvbGlkICR7dGhlbWUudmFsdWVzLmNvbG9yLmJvcmRlci5zZWNvbmRhcnkuZGVmYXVsdH1gLFxuICB9KSxcblxuICAuLi5tcVZhbHVlKHtcbiAgICBwYWRkaW5nTGVmdDogW1xuICAgICAgdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5tLFxuICAgICAgdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5sLFxuICAgIF0sXG4gICAgcGFkZGluZ1JpZ2h0OiBbXG4gICAgICB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLm0sXG4gICAgICB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLmwsXG4gICAgXSxcbiAgfSksXG5cbiAgLy8gYnV0dG9uIGFuZCBsaW5rcyBoYXZlIGEgZ3JlYXRlZCBoZWlnaHQgdGhhbiBsaXN0IGl0ZW1cbiAgLy8gZnJvbSBkZXNpZ24gc3BlY3MgaXQgc2hvdWxkIG5vdCBleHBhbmQgdGhlIGxpc3QgaXRlbVxuICBcIiYgYnV0dG9uLCAmIGFcIjoge1xuICAgIG1hcmdpbjogYC0ke3RoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcueHN9IDBgLFxuICB9LFxufSkpO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkRW50aXR5TGlzdEl0ZW1CdXR0b24gPSBzdHlsZWQuZGl2PFxuICBQYXJ0aWFsPEVudGl0eUxpc3RJdGVtUHJvcHM+XG4+KCh7IHRoZW1lLCBpc0NsaWNrYWJsZSwgaXNBY3RpdmUsIGlzRGlzYWJsZWQgfSkgPT4gKHtcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGZsZXg6IFwiMSAxIDEwMCVcIixcbiAgZmxleFdyYXA6IFwibm93cmFwXCIsXG4gIHRyYW5zaXRpb246IFwiYmFja2dyb3VuZC1jb2xvciAwLjFzIGVhc2Utb3V0XCIsXG5cbiAgLi4uKGlzQ2xpY2thYmxlICYmIHtcbiAgICBjdXJzb3I6IFwicG9pbnRlclwiLFxuICB9KSxcblxuICBcIiY6aG92ZXJcIjoge1xuICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQudHJhbnNwYXJlbnQuaG92ZXIsXG4gIH0sXG5cbiAgLi4uKGlzQWN0aXZlICYmIHtcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLnRyYW5zcGFyZW50LmFjdGl2ZSxcbiAgfSksXG5cbiAgXCImOmZvY3VzXCI6IHtcbiAgICBvdXRsaW5lOiBcIm5vbmVcIixcbiAgfSxcblxuICAuLi4oaXNEaXNhYmxlZCAmJiB7XG4gICAgY3Vyc29yOiBcIm5vdC1hbGxvd2VkXCIsXG4gICAgcG9pbnRlckV2ZW50czogXCJub25lXCIsXG5cbiAgICBbYCR7U3R5bGVkRW50aXR5TGlzdEl0ZW1XcmFwcGVyfSA+ICpgXToge1xuICAgICAgb3BhY2l0eTogdGhlbWUudmFyaWFibGVzLm9wYWNpdHkuZGlzYWJsZWQsXG4gICAgfSxcbiAgfSksXG59KSk7XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMkNtQyJ9 */");export const StyledEntityListItemWrapper=/*#__PURE__*/styled(StyledWrapperOffset,{target:"e1gysji84",label:"StyledEntityListItemWrapper"})(({theme,hideBorder})=>({width:"100%",...!hideBorder&&{borderBottom:`1px solid ${theme.values.color.border.secondary.default}`},...mqValue({paddingLeft:[theme.variables.size.spacing.m,theme.variables.size.spacing.l],paddingRight:[theme.variables.size.spacing.m,theme.variables.size.spacing.l]}),"& button, & a":{margin:`-${theme.variables.size.spacing.xs} 0`}}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvRW50aXR5TGlzdC9zdHlsZWQtY29tcG9uZW50cy50cyIsInNvdXJjZXMiOlsic3JjL2NvbXBvbmVudHMvRW50aXR5TGlzdC9zdHlsZWQtY29tcG9uZW50cy50cyJdLCJzb3VyY2VzQ29udGVudCI6WyIvKiBlc2xpbnQtZGlzYWJsZSBAdHlwZXNjcmlwdC1lc2xpbnQvZXhwbGljaXQtbW9kdWxlLWJvdW5kYXJ5LXR5cGVzICovXG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IHR5cGUgVGhlbWUgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIjtcbmltcG9ydCB0eXBlIHsgRW50aXR5TGlzdEl0ZW1Qcm9wcywgRW50aXR5TGlzdEl0ZW1XcmFwcGVyUHJvcHMgfSBmcm9tIFwiLi90eXBlc1wiO1xuaW1wb3J0IHR5cGUgeyBMaXN0U2l6ZSB9IGZyb20gXCIuLi8uLi90eXBlc1wiO1xuaW1wb3J0IHsgbXEsIG1xVmFsdWUgfSBmcm9tIFwiLi4vLi4vc2hhcmVkL21lZGlhUXVlcmllc1wiO1xuXG5leHBvcnQgY29uc3QgZ2V0T2Zmc2V0TXFTdHlsZSA9IChcbiAgY3NzUHJvcDogc3RyaW5nLFxuICB7XG4gICAgdGhlbWUsXG4gICAgc2l6ZSxcbiAgfToge1xuICAgIHRoZW1lOiBUaGVtZTtcbiAgfSAmIFBhcnRpYWw8RW50aXR5TGlzdEl0ZW1XcmFwcGVyUHJvcHM+XG4pID0+XG4gIG1xKHtcbiAgICBbY3NzUHJvcF06IFtcbiAgICAgIHNpemUsXG4gICAgICB7XG4gICAgICAgIHhzOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnh4cyxcbiAgICAgICAgczogdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5zLFxuICAgICAgICBtOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLm0sXG4gICAgICAgIGw6IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcubCxcbiAgICAgIH0gYXMgYW55LFxuICAgIF0sXG4gIH0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkTGlzdCA9IHN0eWxlZC51bDx7IHNpemU6IExpc3RTaXplIH0+KCh7IHRoZW1lLCBzaXplIH0pID0+ICh7XG4gIC4uLihzaXplID09PSBcInhzXCIgJiYge1xuICAgIHBhZGRpbmc6IGAke3RoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcueHN9IDBgLFxuICB9KSxcbn0pKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEVudGl0eUl0ZW1MaSA9IHN0eWxlZC5saSh7XG4gIGxpc3RTdHlsZVR5cGU6IFwibm9uZVwiLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRTaG93TW9yZSA9IHN0eWxlZC5kaXYoKHsgdGhlbWUgfSkgPT4gKHtcbiAgbWFyZ2luVG9wOiAtMSxcbiAgYm9yZGVyVG9wOiBgMXB4IHNvbGlkICR7dGhlbWUudmFsdWVzLmNvbG9yLmJvcmRlci5zZWNvbmRhcnkuZGVmYXVsdH1gLFxufSkpO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkV3JhcHBlck9mZnNldCA9IHN0eWxlZC5kaXY8eyBzaXplOiBMaXN0U2l6ZSB9PihcbiAgKHsgdGhlbWUsIHNpemUgfSkgPT4gKHtcbiAgICAuLi5nZXRPZmZzZXRNcVN0eWxlKFwicGFkZGluZ0JvdHRvbVwiLCB7IHRoZW1lLCBzaXplIH0pLFxuICB9KSxcbiAgKHsgdGhlbWUsIHNpemUgfSkgPT4gKHtcbiAgICAuLi5nZXRPZmZzZXRNcVN0eWxlKFwicGFkZGluZ1RvcFwiLCB7IHRoZW1lLCBzaXplIH0pLFxuICB9KVxuKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEVudGl0eUxpc3RJdGVtV3JhcHBlciA9IHN0eWxlZChcbiAgU3R5bGVkV3JhcHBlck9mZnNldFxuKTxFbnRpdHlMaXN0SXRlbVdyYXBwZXJQcm9wcz4oKHsgdGhlbWUsIGhpZGVCb3JkZXIgfSkgPT4gKHtcbiAgd2lkdGg6IFwiMTAwJVwiLFxuXG4gIC4uLighaGlkZUJvcmRlciAmJiB7XG4gICAgYm9yZGVyQm90dG9tOiBgMXB4IHNvbGlkICR7dGhlbWUudmFsdWVzLmNvbG9yLmJvcmRlci5zZWNvbmRhcnkuZGVmYXVsdH1gLFxuICB9KSxcblxuICAuLi5tcVZhbHVlKHtcbiAgICBwYWRkaW5nTGVmdDogW1xuICAgICAgdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5tLFxuICAgICAgdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5sLFxuICAgIF0sXG4gICAgcGFkZGluZ1JpZ2h0OiBbXG4gICAgICB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLm0sXG4gICAgICB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLmwsXG4gICAgXSxcbiAgfSksXG5cbiAgLy8gYnV0dG9uIGFuZCBsaW5rcyBoYXZlIGEgZ3JlYXRlZCBoZWlnaHQgdGhhbiBsaXN0IGl0ZW1cbiAgLy8gZnJvbSBkZXNpZ24gc3BlY3MgaXQgc2hvdWxkIG5vdCBleHBhbmQgdGhlIGxpc3QgaXRlbVxuICBcIiYgYnV0dG9uLCAmIGFcIjoge1xuICAgIG1hcmdpbjogYC0ke3RoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcueHN9IDBgLFxuICB9LFxufSkpO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkRW50aXR5TGlzdEl0ZW1CdXR0b24gPSBzdHlsZWQuZGl2PFxuICBQYXJ0aWFsPEVudGl0eUxpc3RJdGVtUHJvcHM+XG4+KCh7IHRoZW1lLCBpc0NsaWNrYWJsZSwgaXNBY3RpdmUsIGlzRGlzYWJsZWQgfSkgPT4gKHtcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGZsZXg6IFwiMSAxIDEwMCVcIixcbiAgZmxleFdyYXA6IFwibm93cmFwXCIsXG4gIHRyYW5zaXRpb246IFwiYmFja2dyb3VuZC1jb2xvciAwLjFzIGVhc2Utb3V0XCIsXG5cbiAgLi4uKGlzQ2xpY2thYmxlICYmIHtcbiAgICBjdXJzb3I6IFwicG9pbnRlclwiLFxuICB9KSxcblxuICBcIiY6aG92ZXJcIjoge1xuICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQudHJhbnNwYXJlbnQuaG92ZXIsXG4gIH0sXG5cbiAgLi4uKGlzQWN0aXZlICYmIHtcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLnRyYW5zcGFyZW50LmFjdGl2ZSxcbiAgfSksXG5cbiAgXCImOmZvY3VzXCI6IHtcbiAgICBvdXRsaW5lOiBcIm5vbmVcIixcbiAgfSxcblxuICAuLi4oaXNEaXNhYmxlZCAmJiB7XG4gICAgY3Vyc29yOiBcIm5vdC1hbGxvd2VkXCIsXG4gICAgcG9pbnRlckV2ZW50czogXCJub25lXCIsXG5cbiAgICBbYCR7U3R5bGVkRW50aXR5TGlzdEl0ZW1XcmFwcGVyfSA+ICpgXToge1xuICAgICAgb3BhY2l0eTogdGhlbWUudmFyaWFibGVzLm9wYWNpdHkuZGlzYWJsZWQsXG4gICAgfSxcbiAgfSksXG59KSk7XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBb0QyQyJ9 */");export const StyledEntityListItemButton=/*#__PURE__*/styled("div",{target:"e1gysji85",label:"StyledEntityListItemButton"})(({theme,isClickable,isActive,isDisabled})=>({display:"flex",flex:"1 1 100%",flexWrap:"nowrap",transition:"background-color 0.1s ease-out",...isClickable&&{cursor:"pointer"},"&:hover":{backgroundColor:theme.values.color.background.transparent.hover},...isActive&&{backgroundColor:theme.values.color.background.transparent.active},"&:focus":{outline:"none"},...isDisabled&&{cursor:"not-allowed",pointerEvents:"none",[`${StyledEntityListItemWrapper} > *`]:{opacity:theme.variables.opacity.disabled}}}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvRW50aXR5TGlzdC9zdHlsZWQtY29tcG9uZW50cy50cyIsInNvdXJjZXMiOlsic3JjL2NvbXBvbmVudHMvRW50aXR5TGlzdC9zdHlsZWQtY29tcG9uZW50cy50cyJdLCJzb3VyY2VzQ29udGVudCI6WyIvKiBlc2xpbnQtZGlzYWJsZSBAdHlwZXNjcmlwdC1lc2xpbnQvZXhwbGljaXQtbW9kdWxlLWJvdW5kYXJ5LXR5cGVzICovXG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IHR5cGUgVGhlbWUgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIjtcbmltcG9ydCB0eXBlIHsgRW50aXR5TGlzdEl0ZW1Qcm9wcywgRW50aXR5TGlzdEl0ZW1XcmFwcGVyUHJvcHMgfSBmcm9tIFwiLi90eXBlc1wiO1xuaW1wb3J0IHR5cGUgeyBMaXN0U2l6ZSB9IGZyb20gXCIuLi8uLi90eXBlc1wiO1xuaW1wb3J0IHsgbXEsIG1xVmFsdWUgfSBmcm9tIFwiLi4vLi4vc2hhcmVkL21lZGlhUXVlcmllc1wiO1xuXG5leHBvcnQgY29uc3QgZ2V0T2Zmc2V0TXFTdHlsZSA9IChcbiAgY3NzUHJvcDogc3RyaW5nLFxuICB7XG4gICAgdGhlbWUsXG4gICAgc2l6ZSxcbiAgfToge1xuICAgIHRoZW1lOiBUaGVtZTtcbiAgfSAmIFBhcnRpYWw8RW50aXR5TGlzdEl0ZW1XcmFwcGVyUHJvcHM+XG4pID0+XG4gIG1xKHtcbiAgICBbY3NzUHJvcF06IFtcbiAgICAgIHNpemUsXG4gICAgICB7XG4gICAgICAgIHhzOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnh4cyxcbiAgICAgICAgczogdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5zLFxuICAgICAgICBtOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLm0sXG4gICAgICAgIGw6IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcubCxcbiAgICAgIH0gYXMgYW55LFxuICAgIF0sXG4gIH0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkTGlzdCA9IHN0eWxlZC51bDx7IHNpemU6IExpc3RTaXplIH0+KCh7IHRoZW1lLCBzaXplIH0pID0+ICh7XG4gIC4uLihzaXplID09PSBcInhzXCIgJiYge1xuICAgIHBhZGRpbmc6IGAke3RoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcueHN9IDBgLFxuICB9KSxcbn0pKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEVudGl0eUl0ZW1MaSA9IHN0eWxlZC5saSh7XG4gIGxpc3RTdHlsZVR5cGU6IFwibm9uZVwiLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRTaG93TW9yZSA9IHN0eWxlZC5kaXYoKHsgdGhlbWUgfSkgPT4gKHtcbiAgbWFyZ2luVG9wOiAtMSxcbiAgYm9yZGVyVG9wOiBgMXB4IHNvbGlkICR7dGhlbWUudmFsdWVzLmNvbG9yLmJvcmRlci5zZWNvbmRhcnkuZGVmYXVsdH1gLFxufSkpO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkV3JhcHBlck9mZnNldCA9IHN0eWxlZC5kaXY8eyBzaXplOiBMaXN0U2l6ZSB9PihcbiAgKHsgdGhlbWUsIHNpemUgfSkgPT4gKHtcbiAgICAuLi5nZXRPZmZzZXRNcVN0eWxlKFwicGFkZGluZ0JvdHRvbVwiLCB7IHRoZW1lLCBzaXplIH0pLFxuICB9KSxcbiAgKHsgdGhlbWUsIHNpemUgfSkgPT4gKHtcbiAgICAuLi5nZXRPZmZzZXRNcVN0eWxlKFwicGFkZGluZ1RvcFwiLCB7IHRoZW1lLCBzaXplIH0pLFxuICB9KVxuKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEVudGl0eUxpc3RJdGVtV3JhcHBlciA9IHN0eWxlZChcbiAgU3R5bGVkV3JhcHBlck9mZnNldFxuKTxFbnRpdHlMaXN0SXRlbVdyYXBwZXJQcm9wcz4oKHsgdGhlbWUsIGhpZGVCb3JkZXIgfSkgPT4gKHtcbiAgd2lkdGg6IFwiMTAwJVwiLFxuXG4gIC4uLighaGlkZUJvcmRlciAmJiB7XG4gICAgYm9yZGVyQm90dG9tOiBgMXB4IHNvbGlkICR7dGhlbWUudmFsdWVzLmNvbG9yLmJvcmRlci5zZWNvbmRhcnkuZGVmYXVsdH1gLFxuICB9KSxcblxuICAuLi5tcVZhbHVlKHtcbiAgICBwYWRkaW5nTGVmdDogW1xuICAgICAgdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5tLFxuICAgICAgdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5sLFxuICAgIF0sXG4gICAgcGFkZGluZ1JpZ2h0OiBbXG4gICAgICB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLm0sXG4gICAgICB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLmwsXG4gICAgXSxcbiAgfSksXG5cbiAgLy8gYnV0dG9uIGFuZCBsaW5rcyBoYXZlIGEgZ3JlYXRlZCBoZWlnaHQgdGhhbiBsaXN0IGl0ZW1cbiAgLy8gZnJvbSBkZXNpZ24gc3BlY3MgaXQgc2hvdWxkIG5vdCBleHBhbmQgdGhlIGxpc3QgaXRlbVxuICBcIiYgYnV0dG9uLCAmIGFcIjoge1xuICAgIG1hcmdpbjogYC0ke3RoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcueHN9IDBgLFxuICB9LFxufSkpO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkRW50aXR5TGlzdEl0ZW1CdXR0b24gPSBzdHlsZWQuZGl2PFxuICBQYXJ0aWFsPEVudGl0eUxpc3RJdGVtUHJvcHM+XG4+KCh7IHRoZW1lLCBpc0NsaWNrYWJsZSwgaXNBY3RpdmUsIGlzRGlzYWJsZWQgfSkgPT4gKHtcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGZsZXg6IFwiMSAxIDEwMCVcIixcbiAgZmxleFdyYXA6IFwibm93cmFwXCIsXG4gIHRyYW5zaXRpb246IFwiYmFja2dyb3VuZC1jb2xvciAwLjFzIGVhc2Utb3V0XCIsXG5cbiAgLi4uKGlzQ2xpY2thYmxlICYmIHtcbiAgICBjdXJzb3I6IFwicG9pbnRlclwiLFxuICB9KSxcblxuICBcIiY6aG92ZXJcIjoge1xuICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQudHJhbnNwYXJlbnQuaG92ZXIsXG4gIH0sXG5cbiAgLi4uKGlzQWN0aXZlICYmIHtcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLnRyYW5zcGFyZW50LmFjdGl2ZSxcbiAgfSksXG5cbiAgXCImOmZvY3VzXCI6IHtcbiAgICBvdXRsaW5lOiBcIm5vbmVcIixcbiAgfSxcblxuICAuLi4oaXNEaXNhYmxlZCAmJiB7XG4gICAgY3Vyc29yOiBcIm5vdC1hbGxvd2VkXCIsXG4gICAgcG9pbnRlckV2ZW50czogXCJub25lXCIsXG5cbiAgICBbYCR7U3R5bGVkRW50aXR5TGlzdEl0ZW1XcmFwcGVyfSA+ICpgXToge1xuICAgICAgb3BhY2l0eTogdGhlbWUudmFyaWFibGVzLm9wYWNpdHkuZGlzYWJsZWQsXG4gICAgfSxcbiAgfSksXG59KSk7XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBK0UwQyJ9 */");
package/build/esm/components/EntityList/types.d.ts CHANGED
@@ -18,14 +18,27 @@ export type TextSizeProps = {
18
18
  type RenderProps = (props: TextSizeProps) => React.ReactNode;
19
19
  export type ListNodeProps = ListNode & TextSizeProps;
20
20
  export type EntityListProps = {
21
+ /**
22
+ * @param ListNode[].id
23
+ * @param ListNode[].label - Label for display
24
+ * @param ListNode[].description - Description bellows the label
25
+ * @param ListNode[].isActive - Hightlight the row
26
+ * @param ListNode[].ariaLabel - Accessibility label
27
+ * @param ListNode[].customProp - Your data in order to use it custom "render" functions
28
+ */
21
29
  data: ListNode[];
22
30
  size?: ListSize;
23
31
  selectedIds?: string[];
32
+ /** Allows selection of items with checkboxes. */
24
33
  isSelectable?: boolean;
25
34
  onSelectionChange?: (ids: string[]) => void;
35
+ /** It's riggered when a whole list item is clicked. */
26
36
  onClick?: (props: ListNodeProps) => void;
37
+ /** Function to get properties for the left-side icon (name and color). */
27
38
  getLeftIconProps?: (props: ListNode) => Pick<IconProps, "name" | "color">;
39
+ /** Render content on the right side of the list item. */
28
40
  renderRightContent?: (props: ListNodeProps & ActionSizeProps) => React.ReactNode;
41
+ /** Hides the border around the list items. */
29
42
  hideBorder?: boolean;
30
43
  "data-e2e-test-id"?: string;
31
44
  };
@@ -41,8 +54,6 @@ export type EntityListItemProps = {
41
54
  isActive?: boolean;
42
55
  isClickable?: boolean;
43
56
  isDisabled?: boolean;
44
- isDisabledExpand?: boolean;
45
- isExpanded?: boolean;
46
57
  lSpaceStep?: 0 | 1 | 2 | 3 | 4 | 5;
47
58
  onClick?: (e: React.MouseEvent) => void;
48
59
  onExpandClick?: (e: React.MouseEvent) => void;
@@ -52,6 +63,11 @@ export type EntityListItemProps = {
52
63
  role?: string;
53
64
  size?: ListSize;
54
65
  withWrapper?: (content: () => React.ReactNode) => React.ReactNode;
66
+ isExpanded?: boolean;
67
+ isDisabledExpand?: boolean;
68
+ tabIndex?: number;
69
+ onKeyDown?: (e: KeyboardEvent) => void;
70
+ onFocus?: (e: React.FocusEvent) => void;
55
71
  "aria-label": string;
56
72
  };
57
73
  export type EntityListItemLabelProps = {
package/build/esm/components/EntityTree/BaseEntityTree.js CHANGED
@@ -1 +1 @@
1
- import React,{useMemo,useState,useEffect,useCallback}from"react";import{Button}from"../Button/Button";import{Box}from"../Box/Box";import{StyledList,StyledShowMore}from"../EntityList/styled-components";import{EntityTreeItem}from"./EntityTreeItem";import{Text}from"../Typography/Text/Text";import{getNodeChildrenMap,getTreeCheckboxState,getVisibleActiveNodeId,getLeafNodeIds,filterTree,mapTree,trimDataByMaxSize}from"./tree";let getLastNodeOfList=({node,data,level,isParentsLastOfLvl})=>{let currentLastNodeOfLvl=node.id===data[data.length-1].id;return 0===level?currentLastNodeOfLvl:isParentsLastOfLvl&&currentLastNodeOfLvl},useTreeTruncation=({chunkSize,data,expandAll,nodeExpandedState})=>{let[maxNodesCount,setMaxNodesCount]=useState(chunkSize),{result,hasMoreNodes}=useMemo(()=>trimDataByMaxSize(data,nodeExpandedState,expandAll,maxNodesCount),[data,nodeExpandedState,expandAll,maxNodesCount]);return{handleIncreaseMaxNodeCount:useCallback(()=>{setMaxNodesCount(prev=>prev+chunkSize)},[chunkSize]),result,hasMoreNodes}},makeRenderTreeBranches=({nodeChildrenMap,nodeCheckboxState,nodeExpandedState,handleSelectionChange,handleToggle,expandAll,hideBorder,size,showItemsCount,renderRightContent,activeId})=>({data,level,renderFn,isParentsLastOfLvl})=>data.map(node=>{let readOnly=null===nodeCheckboxState,hasChildren=node.children.length>0,expandedState=!!expandAll||!!nodeExpandedState[node.id],leafItems=getLeafNodeIds(nodeChildrenMap,node.id),totalItemsCount=leafItems.length,selectedItemsCount=nodeCheckboxState?leafItems.filter(leafId=>"checked"===nodeCheckboxState[leafId]).length:null,countLabel=nodeCheckboxState?`(${selectedItemsCount}/${totalItemsCount})`:`(${totalItemsCount})`,isLastNodeOfList=getLastNodeOfList({node,data,level,isParentsLastOfLvl}),lastLeaf=!hasChildren&&!node.isFiltered,isExpanded=lastLeaf?void 0:expandedState;return /*#__PURE__*/React.createElement(EntityTreeItem,{key:node.id,hideBorder:hideBorder||isLastNodeOfList&&(!isExpanded||node.isFiltered),size:size,lSpaceStep:level,"aria-label":node.label,description:node.description,renderLabel:({textSize})=>/*#__PURE__*/React.createElement(React.Fragment,null,node.label,showItemsCount&&!lastLeaf&&/*#__PURE__*/React.createElement(Text,{as:"span",size:textSize,color:"tertiary"}," ",countLabel)),isActive:node.id===activeId,isExpanded:isExpanded,isDisabledExpand:expandAll,isClickable:readOnly,checkboxProps:!readOnly&&{size:"s",name:node.label,checked:nodeCheckboxState?.[node.id]==="checked",indeterminate:nodeCheckboxState?.[node.id]==="indeterminate",onChange:()=>handleSelectionChange(node.id)},onExpandClick:e=>{e.stopPropagation(),handleToggle(node.id)},onClick:()=>handleToggle(node.id),renderRight:renderRightContent?sizeProps=>renderRightContent({...sizeProps,...node}):void 0},hasChildren&&/*#__PURE__*/React.createElement("ul",null,renderFn({data:node.children,level:level+1,renderFn,isParentsLastOfLvl:isLastNodeOfList})))});export const BaseEntityTree=({data,selectedIds,onSelectionChange,expandedIds=[],onToggle,activeId,chunkSize=50,filterFn,onTreeChange,hideBorder=!1,size="m",showItemsCount=!0,showMoreButtonLabel,renderRightContent,"data-e2e-test-id":dataE2eTestId})=>{let nodeChildrenMap=Object.assign({},...data.map(tree=>getNodeChildrenMap(tree))),nodeCheckboxState=selectedIds?Object.assign({},...data.map(tree=>getTreeCheckboxState(nodeChildrenMap,tree.id,selectedIds))):null,nodeExpandedState=expandedIds.reduce((acc,id)=>(acc[id]=!0,acc),{}),visibleActiveNodeId=getVisibleActiveNodeId(nodeChildrenMap,nodeExpandedState,activeId),dataShown=filterFn?data.map(tree=>filterTree(tree,filterFn)).filter(Boolean):data;useEffect(()=>{onTreeChange&&onTreeChange(dataShown.map(tree=>mapTree(tree,node=>({...node,checkedState:!!nodeCheckboxState&&nodeCheckboxState[node.id],isExpanded:!!nodeExpandedState[node.id]}))))},[dataShown,nodeCheckboxState,nodeExpandedState,onTreeChange]);let expandAll=!!filterFn,{hasMoreNodes,handleIncreaseMaxNodeCount,result}=useTreeTruncation({chunkSize,data:dataShown,nodeExpandedState,expandAll}),renderTreeBranches=makeRenderTreeBranches({nodeChildrenMap,nodeCheckboxState,nodeExpandedState,handleSelectionChange:targetId=>{if(onSelectionChange){let updatedSelectedIds=[];if(0===nodeChildrenMap[targetId].length)updatedSelectedIds=selectedIds.includes(targetId)?selectedIds.filter(id=>id!==targetId):selectedIds.concat([targetId]);else{let affectedLeafNodeIds=getLeafNodeIds(nodeChildrenMap,targetId);updatedSelectedIds="checked"===nodeCheckboxState[targetId]?selectedIds.filter(id=>!affectedLeafNodeIds.includes(id)):selectedIds.concat(affectedLeafNodeIds)}onSelectionChange(updatedSelectedIds)}},handleToggle:targetId=>{onToggle&&onToggle(expandedIds.includes(targetId)?expandedIds.filter(id=>id!==targetId):expandedIds.concat([targetId]))},expandAll,hideBorder,size,showItemsCount,renderRightContent,activeId:visibleActiveNodeId});return /*#__PURE__*/React.createElement(StyledList,{role:"tree","data-e2e-test-id":dataE2eTestId,"data-ds-id":"EntityTree",size:size},renderTreeBranches({data:result,level:0,renderFn:renderTreeBranches}),hasMoreNodes&&/*#__PURE__*/React.createElement(StyledShowMore,null,/*#__PURE__*/React.createElement(Box,{alignText:"center",space:"xs"},/*#__PURE__*/React.createElement(Button,{fullWidth:!0,size:"s",variant:"tertiary",onClick:handleIncreaseMaxNodeCount},showMoreButtonLabel))))};
1
+ import React,{useMemo,useState,useEffect,useCallback}from"react";import{Button}from"../Button/Button";import{Box}from"../Box/Box";import{StyledList,StyledShowMore}from"../EntityList/styled-components";import{EntityTreeItem}from"./EntityTreeItem";import{useEntityTreeKeyboard}from"./useEntityTreeKeyboard";import{Text}from"../Typography/Text/Text";import{getNodeChildrenMap,getTreeCheckboxState,getVisibleActiveNodeId,getLeafNodeIds,filterTree,mapTree,trimDataByMaxSize}from"./tree";let flattenTree=(data,expandedIds,expadedAll)=>{let flattened=[];return data.forEach(node=>{flattened.push(node.id),(node.children.length>0&&expandedIds[node.id]||expadedAll)&&flattened.push(...flattenTree(node.children,expandedIds,expadedAll))}),flattened},getLastNodeOfList=({node,data,level,isParentsLastOfLvl})=>{let currentLastNodeOfLvl=node.id===data[data.length-1].id;return 0===level?currentLastNodeOfLvl:isParentsLastOfLvl&&currentLastNodeOfLvl},useTreeTruncation=({chunkSize,data,expandAll,nodeExpandedState})=>{let[maxNodesCount,setMaxNodesCount]=useState(chunkSize),{result,hasMoreNodes}=useMemo(()=>trimDataByMaxSize(data,nodeExpandedState,expandAll,maxNodesCount),[data,nodeExpandedState,expandAll,maxNodesCount]);return{handleIncreaseMaxNodeCount:useCallback(()=>{setMaxNodesCount(prev=>prev+chunkSize)},[chunkSize]),result,hasMoreNodes}},Node=({nodeChildrenMap,nodeCheckboxState,nodeExpandedState,handleSelectionChange,handleToggle,expandAll,hideBorder,size,showItemsCount,renderRightContent,activeId,focusedNodeId,changeFocusIndex,setFocusedNodeId,node,isFirstNode,level,renderFn,isLastNodeOfList})=>{let readOnly=null===nodeCheckboxState,hasChildren=node.children.length>0,expandedState=!!expandAll||!!nodeExpandedState[node.id],leafItems=getLeafNodeIds(nodeChildrenMap,node.id),totalItemsCount=leafItems.length,selectedItemsCount=nodeCheckboxState?leafItems.filter(leafId=>"checked"===nodeCheckboxState[leafId]).length:null,countLabel=nodeCheckboxState?`(${selectedItemsCount}/${totalItemsCount})`:`(${totalItemsCount})`,lastLeaf=!hasChildren&&!node.isFiltered,isExpanded=lastLeaf?void 0:expandedState,{ref:itemRef,setFakeKeybordFocus,isFocused}=useEntityTreeKeyboard({isActive:focusedNodeId===node.id,config:{ArrowUp:()=>{changeFocusIndex(-1)},ArrowDown:()=>{changeFocusIndex(1)},ArrowRight:()=>{hasChildren&&!isExpanded&&handleToggle(node.id)},ArrowLeft:()=>{hasChildren&&isExpanded&&handleToggle(node.id)}}}),handleClick=readOnly?()=>handleToggle(node.id):()=>handleSelectionChange(node.id),tabIndex=isFirstNode||isFocused?0:-1;return /*#__PURE__*/React.createElement(EntityTreeItem,{ref:itemRef,key:node.id,hideBorder:hideBorder||isLastNodeOfList&&(!isExpanded||node.isFiltered),tabIndex:tabIndex,size:size,lSpaceStep:level,"aria-label":node.label,onKeyDown:()=>handleClick(),description:node.description,renderLabel:({textSize})=>/*#__PURE__*/React.createElement(React.Fragment,null,node.label,showItemsCount&&!lastLeaf&&/*#__PURE__*/React.createElement(Text,{as:"span",size:textSize,color:"tertiary"}," ",countLabel)),isActive:isFocused||activeId===node.id,isExpanded:isExpanded,isDisabledExpand:expandAll,isClickable:!readOnly,checkboxProps:!readOnly&&{size:"s",name:node.label,checked:nodeCheckboxState?.[node.id]==="checked",indeterminate:nodeCheckboxState?.[node.id]==="indeterminate",onChange:()=>handleSelectionChange(node.id)},onFocus:()=>{setFocusedNodeId(node.id),setFakeKeybordFocus(!0)},onExpandClick:e=>{e.stopPropagation(),handleToggle(node.id)},onClick:()=>handleToggle(node.id),renderRight:renderRightContent?sizeProps=>renderRightContent({...sizeProps,...node}):void 0},hasChildren&&/*#__PURE__*/React.createElement("ul",null,renderFn({data:node.children,level:level+1,renderFn,isParentsLastOfLvl:isLastNodeOfList})))},makeRenderTreeBranches=renderTreeArgs=>({data,level,renderFn,isParentsLastOfLvl})=>data.map((node,i)=>{let isFirstNode=0===level&&0===i,isLastNodeOfList=getLastNodeOfList({node,data,level,isParentsLastOfLvl});return /*#__PURE__*/React.createElement(Node,{key:node.id,level:level,node:node,isFirstNode:isFirstNode,renderFn:renderFn,isLastNodeOfList:isLastNodeOfList,...renderTreeArgs})});export const BaseEntityTree=({data,selectedIds,onSelectionChange,expandedIds=[],onToggle,activeId,chunkSize=10,filterFn,onTreeChange,hideBorder=!1,size="m",showItemsCount=!0,showMoreButtonLabel,renderRightContent,"data-e2e-test-id":dataE2eTestId})=>{let nodeChildrenMap=Object.assign({},...data.map(tree=>getNodeChildrenMap(tree))),nodeCheckboxState=selectedIds?Object.assign({},...data.map(tree=>getTreeCheckboxState(nodeChildrenMap,tree.id,selectedIds))):null,nodeExpandedState=expandedIds.reduce((acc,id)=>(acc[id]=!0,acc),{}),visibleActiveNodeId=getVisibleActiveNodeId(nodeChildrenMap,nodeExpandedState,activeId),dataShown=filterFn?data.map(tree=>filterTree(tree,filterFn)).filter(Boolean):data;useEffect(()=>{onTreeChange&&onTreeChange(dataShown.map(tree=>mapTree(tree,node=>({...node,checkedState:!!nodeCheckboxState&&nodeCheckboxState[node.id],isExpanded:!!nodeExpandedState[node.id]}))))},[dataShown,nodeCheckboxState,nodeExpandedState,onTreeChange]);let expandAll=!!filterFn,[focusedNodeId,setFocusedNodeId]=useState(null),listRef=React.useRef(null),handleBlur=useCallback(()=>{setTimeout(()=>{listRef.current&&!listRef.current.contains(document.activeElement)&&setFocusedNodeId(null)},0)},[listRef,setFocusedNodeId]),{hasMoreNodes,handleIncreaseMaxNodeCount,result}=useTreeTruncation({chunkSize,data:dataShown,nodeExpandedState,expandAll}),renderTreeBranches=makeRenderTreeBranches({nodeChildrenMap,nodeCheckboxState,nodeExpandedState,handleSelectionChange:targetId=>{if(onSelectionChange){let updatedSelectedIds=[];if(0===nodeChildrenMap[targetId].length)updatedSelectedIds=selectedIds.includes(targetId)?selectedIds.filter(id=>id!==targetId):selectedIds.concat([targetId]);else{let affectedLeafNodeIds=getLeafNodeIds(nodeChildrenMap,targetId);updatedSelectedIds="checked"===nodeCheckboxState[targetId]?selectedIds.filter(id=>!affectedLeafNodeIds.includes(id)):selectedIds.concat(affectedLeafNodeIds)}onSelectionChange(updatedSelectedIds)}},handleToggle:targetId=>{onToggle&&onToggle(expandedIds.includes(targetId)?expandedIds.filter(id=>id!==targetId):expandedIds.concat([targetId]))},expandAll,hideBorder,size,showItemsCount,renderRightContent,activeId:visibleActiveNodeId,focusedNodeId,changeFocusIndex:index=>{let flatTreeIds=flattenTree(dataShown,nodeExpandedState,expandAll),newIndex=index+flatTreeIds.indexOf(focusedNodeId);newIndex>=0&&newIndex<flatTreeIds.length&&setFocusedNodeId(flatTreeIds[newIndex])},setFocusedNodeId});return /*#__PURE__*/React.createElement(StyledList,{ref:listRef,role:"tree","data-e2e-test-id":dataE2eTestId,"data-ds-id":"EntityTree",size:size,onBlur:handleBlur},renderTreeBranches({data:result,level:0,renderFn:renderTreeBranches}),hasMoreNodes&&/*#__PURE__*/React.createElement(StyledShowMore,null,/*#__PURE__*/React.createElement(Box,{alignText:"center",space:"xs"},/*#__PURE__*/React.createElement(Button,{fullWidth:!0,size:"s",variant:"tertiary",onClick:handleIncreaseMaxNodeCount},showMoreButtonLabel))))};
package/build/esm/components/EntityTree/EntityTreeItem.d.ts CHANGED
@@ -1,3 +1,3 @@
1
1
  import React from "react";
2
2
  import type { EntityListItemProps } from "../EntityList/types";
3
- export declare function EntityTreeItem({ children, checkboxProps, description, hideBorder, isActive, isClickable, isDisabled, isDisabledExpand, isExpanded, lSpaceStep, onExpandClick, onClick, renderLabel, renderLeft, renderRight, size, "aria-label": ariaLabel, }: EntityListItemProps): React.ReactElement;
3
+ export declare const EntityTreeItem: React.ForwardRefExoticComponent<EntityListItemProps & React.RefAttributes<HTMLDivElement>>;
package/build/esm/components/EntityTree/EntityTreeItem.js CHANGED
@@ -1 +1 @@
1
- import React,{useCallback}from"react";import styled from"@emotion/styled";import{mqValue}from"../../shared/mediaQueries";import{EntityTreeItemExpandButton}from"./EntityTreeItemExpandButton";import{EntityItemBody}from"../EntityList/EntityItemBody";import{StyledEntityItemLi,StyledEntityListItemWrapper,StyledEntityListItemButton}from"../EntityList/styled-components";let StyledEntityTreeItemWrapper=/*#__PURE__*/styled(StyledEntityListItemWrapper,{target:"e5i1ogw0",label:"StyledEntityTreeItemWrapper"})({paddingLeft:"0 !important"},"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvRW50aXR5VHJlZS9FbnRpdHlUcmVlSXRlbS50c3giLCJzb3VyY2VzIjpbInNyYy9jb21wb25lbnRzL0VudGl0eVRyZWUvRW50aXR5VHJlZUl0ZW0udHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyB1c2VDYWxsYmFjayB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBtcVZhbHVlIH0gZnJvbSBcIi4uLy4uL3NoYXJlZC9tZWRpYVF1ZXJpZXNcIjtcbmltcG9ydCB7IEVudGl0eVRyZWVJdGVtRXhwYW5kQnV0dG9uIH0gZnJvbSBcIi4vRW50aXR5VHJlZUl0ZW1FeHBhbmRCdXR0b25cIjtcbmltcG9ydCB7IEVudGl0eUl0ZW1Cb2R5IH0gZnJvbSBcIi4uL0VudGl0eUxpc3QvRW50aXR5SXRlbUJvZHlcIjtcbmltcG9ydCB7XG4gIFN0eWxlZEVudGl0eUl0ZW1MaSxcbiAgU3R5bGVkRW50aXR5TGlzdEl0ZW1XcmFwcGVyLFxuICBTdHlsZWRFbnRpdHlMaXN0SXRlbUJ1dHRvbixcbn0gZnJvbSBcIi4uL0VudGl0eUxpc3Qvc3R5bGVkLWNvbXBvbmVudHNcIjtcbmltcG9ydCB0eXBlIHsgRW50aXR5TGlzdEl0ZW1Qcm9wcyB9IGZyb20gXCIuLi9FbnRpdHlMaXN0L3R5cGVzXCI7XG5cbmNvbnN0IFN0eWxlZEVudGl0eVRyZWVJdGVtV3JhcHBlciA9IHN0eWxlZChTdHlsZWRFbnRpdHlMaXN0SXRlbVdyYXBwZXIpKHtcbiAgcGFkZGluZ0xlZnQ6IFwiMCAhaW1wb3J0YW50XCIsIC8vIFwiaW1wb3J0YW50XCIgaXMgbmVlZGVkIHRvIG92ZXJyaWRlIHRoZSBAbWVkaWEgcXVlcnkgb2YgTVEgZnVuY3Rpb25cbn0pO1xuXG5jb25zdCBTdHlsZWRFbnRpdHlUcmVlSXRlbUNvbnRhaW5lciA9IHN0eWxlZChTdHlsZWRFbnRpdHlMaXN0SXRlbUJ1dHRvbik8e1xuICBoYXNFeHBhbmRhYmxlSWNvbjogYm9vbGVhbjtcbn0+KCh7IHRoZW1lLCBoYXNFeHBhbmRhYmxlSWNvbiwgbFNwYWNlU3RlcCB9KSA9PiB7XG4gIGNvbnN0IGdldFNpemUgPSAoYmFzZU9mZnNldDogc3RyaW5nLCBkZWVwZXN0Tm9kZU9mZnNldDogc3RyaW5nKSA9PlxuICAgIGBjYWxjKCR7YmFzZU9mZnNldH0gKiAke2xTcGFjZVN0ZXB9ICsgJHtcbiAgICAgIGhhc0V4cGFuZGFibGVJY29uID8gXCIwcHhcIiA6IGRlZXBlc3ROb2RlT2Zmc2V0XG4gICAgfSArICR7dGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy54eHN9KWA7XG5cbiAgcmV0dXJuIHtcbiAgICAuLi5tcVZhbHVlKHtcbiAgICAgIHBhZGRpbmdMZWZ0OiBbXG4gICAgICAgIC8vIDQycHggYW5kIDU2cHggYXJlIEV4cGFuZCBidXR0b24gd2lkdGggKyBwYWRkaW5nXG4gICAgICAgIC8vIGl0J3MgbmVlZGVkIGZvciBhIGRlZXBlc3Qgbm9kZSB3aXRob3V0IGV4cGFuZEJ1dHRvblxuICAgICAgICBnZXRTaXplKHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcubSwgXCI0MnB4XCIpLFxuICAgICAgICBnZXRTaXplKHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcueGwsIFwiNTZweFwiKSxcbiAgICAgIF0sXG4gICAgfSksXG4gIH07XG59KTtcblxuZXhwb3J0IGZ1bmN0aW9uIEVudGl0eVRyZWVJdGVtKHtcbiAgY2hpbGRyZW4sXG4gIGNoZWNrYm94UHJvcHMsXG4gIGRlc2NyaXB0aW9uLFxuICBoaWRlQm9yZGVyLFxuICBpc0FjdGl2ZSxcbiAgaXNDbGlja2FibGUsXG4gIGlzRGlzYWJsZWQsXG4gIGlzRGlzYWJsZWRFeHBhbmQsXG4gIGlzRXhwYW5kZWQsXG4gIGxTcGFjZVN0ZXAsXG4gIG9uRXhwYW5kQ2xpY2ssXG4gIG9uQ2xpY2ssXG4gIHJlbmRlckxhYmVsLFxuICByZW5kZXJMZWZ0LFxuICByZW5kZXJSaWdodCxcbiAgc2l6ZSA9IFwibVwiLFxuICBcImFyaWEtbGFiZWxcIjogYXJpYUxhYmVsLFxufTogRW50aXR5TGlzdEl0ZW1Qcm9wcyk6IFJlYWN0LlJlYWN0RWxlbWVudCB7XG4gIGNvbnN0IGhhc0V4cGFuZGFibGVJY29uID0gaXNFeHBhbmRlZCAhPT0gdW5kZWZpbmVkO1xuICBjb25zdCBoYW5kbGVPbkNsaWNrID0gdXNlQ2FsbGJhY2soXG4gICAgKGU6IFJlYWN0Lk1vdXNlRXZlbnQpID0+IHtcbiAgICAgIGlmIChpc0NsaWNrYWJsZSAmJiBvbkNsaWNrKSB7XG4gICAgICAgIG9uQ2xpY2soZSk7XG4gICAgICB9XG4gICAgfSxcbiAgICBbb25DbGljaywgaXNDbGlja2FibGVdXG4gICk7XG5cbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkRW50aXR5SXRlbUxpXG4gICAgICBhcmlhLWV4cGFuZGVkPXtpc0V4cGFuZGVkfVxuICAgICAgYXJpYS1sYWJlbD17YXJpYUxhYmVsfVxuICAgICAgcm9sZT1cInRyZWVpdGVtXCJcbiAgICA+XG4gICAgICA8U3R5bGVkRW50aXR5VHJlZUl0ZW1Db250YWluZXJcbiAgICAgICAgc2l6ZT17c2l6ZX1cbiAgICAgICAgcm9sZT17aXNDbGlja2FibGUgPyBcImJ1dHRvblwiIDogXCJyZXByZXNlbnRhdGlvblwifVxuICAgICAgICBpc0FjdGl2ZT17aXNBY3RpdmV9XG4gICAgICAgIGhhc0V4cGFuZGFibGVJY29uPXtoYXNFeHBhbmRhYmxlSWNvbn1cbiAgICAgICAgbFNwYWNlU3RlcD17bFNwYWNlU3RlcH1cbiAgICAgICAgaXNEaXNhYmxlZD17aXNEaXNhYmxlZH1cbiAgICAgICAgb25DbGljaz17aGFuZGxlT25DbGlja31cbiAgICAgICAgaXNDbGlja2FibGU9e2lzQ2xpY2thYmxlfVxuICAgICAgPlxuICAgICAgICB7aGFzRXhwYW5kYWJsZUljb24gJiYgKFxuICAgICAgICAgIDxFbnRpdHlUcmVlSXRlbUV4cGFuZEJ1dHRvblxuICAgICAgICAgICAgc2l6ZT17c2l6ZX1cbiAgICAgICAgICAgIGlzRGlzYWJsZWQ9e2lzRGlzYWJsZWRFeHBhbmQgfHwgaXNEaXNhYmxlZH1cbiAgICAgICAgICAgIGlzRXhwYW5kZWQ9e2lzRXhwYW5kZWR9XG4gICAgICAgICAgICBvbkNsaWNrPXtvbkV4cGFuZENsaWNrfVxuICAgICAgICAgIC8+XG4gICAgICAgICl9XG4gICAgICAgIDxTdHlsZWRFbnRpdHlUcmVlSXRlbVdyYXBwZXJcbiAgICAgICAgICBzaXplPXtzaXplfVxuICAgICAgICAgIGhpZGVCb3JkZXI9e2hpZGVCb3JkZXIgfHwgc2l6ZSA9PT0gXCJ4c1wifVxuICAgICAgICA+XG4gICAgICAgICAgPEVudGl0eUl0ZW1Cb2R5XG4gICAgICAgICAgICBzaXplPXtzaXplfVxuICAgICAgICAgICAgZGVzY3JpcHRpb249e2Rlc2NyaXB0aW9ufVxuICAgICAgICAgICAgcmVuZGVyTGFiZWw9e3JlbmRlckxhYmVsfVxuICAgICAgICAgICAgcmVuZGVyTGVmdD17cmVuZGVyTGVmdH1cbiAgICAgICAgICAgIHJlbmRlclJpZ2h0PXtyZW5kZXJSaWdodH1cbiAgICAgICAgICAgIGNoZWNrYm94UHJvcHM9e2NoZWNrYm94UHJvcHN9XG4gICAgICAgICAgLz5cbiAgICAgICAgPC9TdHlsZWRFbnRpdHlUcmVlSXRlbVdyYXBwZXI+XG4gICAgICA8L1N0eWxlZEVudGl0eVRyZWVJdGVtQ29udGFpbmVyPlxuICAgICAge2lzRXhwYW5kZWQgJiYgY2hpbGRyZW59XG4gICAgPC9TdHlsZWRFbnRpdHlJdGVtTGk+XG4gICk7XG59XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBWW9DIn0= */"),StyledEntityTreeItemContainer=/*#__PURE__*/styled(StyledEntityListItemButton,{target:"e5i1ogw1",label:"StyledEntityTreeItemContainer"})(({theme,hasExpandableIcon,lSpaceStep})=>{let getSize=(baseOffset,deepestNodeOffset)=>`calc(${baseOffset} * ${lSpaceStep} + ${hasExpandableIcon?"0px":deepestNodeOffset} + ${theme.variables.size.spacing.xxs})`;return{...mqValue({paddingLeft:[getSize(theme.variables.size.spacing.m,"42px"),getSize(theme.variables.size.spacing.xl,"56px")]})}},"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvRW50aXR5VHJlZS9FbnRpdHlUcmVlSXRlbS50c3giLCJzb3VyY2VzIjpbInNyYy9jb21wb25lbnRzL0VudGl0eVRyZWUvRW50aXR5VHJlZUl0ZW0udHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyB1c2VDYWxsYmFjayB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBtcVZhbHVlIH0gZnJvbSBcIi4uLy4uL3NoYXJlZC9tZWRpYVF1ZXJpZXNcIjtcbmltcG9ydCB7IEVudGl0eVRyZWVJdGVtRXhwYW5kQnV0dG9uIH0gZnJvbSBcIi4vRW50aXR5VHJlZUl0ZW1FeHBhbmRCdXR0b25cIjtcbmltcG9ydCB7IEVudGl0eUl0ZW1Cb2R5IH0gZnJvbSBcIi4uL0VudGl0eUxpc3QvRW50aXR5SXRlbUJvZHlcIjtcbmltcG9ydCB7XG4gIFN0eWxlZEVudGl0eUl0ZW1MaSxcbiAgU3R5bGVkRW50aXR5TGlzdEl0ZW1XcmFwcGVyLFxuICBTdHlsZWRFbnRpdHlMaXN0SXRlbUJ1dHRvbixcbn0gZnJvbSBcIi4uL0VudGl0eUxpc3Qvc3R5bGVkLWNvbXBvbmVudHNcIjtcbmltcG9ydCB0eXBlIHsgRW50aXR5TGlzdEl0ZW1Qcm9wcyB9IGZyb20gXCIuLi9FbnRpdHlMaXN0L3R5cGVzXCI7XG5cbmNvbnN0IFN0eWxlZEVudGl0eVRyZWVJdGVtV3JhcHBlciA9IHN0eWxlZChTdHlsZWRFbnRpdHlMaXN0SXRlbVdyYXBwZXIpKHtcbiAgcGFkZGluZ0xlZnQ6IFwiMCAhaW1wb3J0YW50XCIsIC8vIFwiaW1wb3J0YW50XCIgaXMgbmVlZGVkIHRvIG92ZXJyaWRlIHRoZSBAbWVkaWEgcXVlcnkgb2YgTVEgZnVuY3Rpb25cbn0pO1xuXG5jb25zdCBTdHlsZWRFbnRpdHlUcmVlSXRlbUNvbnRhaW5lciA9IHN0eWxlZChTdHlsZWRFbnRpdHlMaXN0SXRlbUJ1dHRvbik8e1xuICBoYXNFeHBhbmRhYmxlSWNvbjogYm9vbGVhbjtcbn0+KCh7IHRoZW1lLCBoYXNFeHBhbmRhYmxlSWNvbiwgbFNwYWNlU3RlcCB9KSA9PiB7XG4gIGNvbnN0IGdldFNpemUgPSAoYmFzZU9mZnNldDogc3RyaW5nLCBkZWVwZXN0Tm9kZU9mZnNldDogc3RyaW5nKSA9PlxuICAgIGBjYWxjKCR7YmFzZU9mZnNldH0gKiAke2xTcGFjZVN0ZXB9ICsgJHtcbiAgICAgIGhhc0V4cGFuZGFibGVJY29uID8gXCIwcHhcIiA6IGRlZXBlc3ROb2RlT2Zmc2V0XG4gICAgfSArICR7dGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy54eHN9KWA7XG5cbiAgcmV0dXJuIHtcbiAgICAuLi5tcVZhbHVlKHtcbiAgICAgIHBhZGRpbmdMZWZ0OiBbXG4gICAgICAgIC8vIDQycHggYW5kIDU2cHggYXJlIEV4cGFuZCBidXR0b24gd2lkdGggKyBwYWRkaW5nXG4gICAgICAgIC8vIGl0J3MgbmVlZGVkIGZvciBhIGRlZXBlc3Qgbm9kZSB3aXRob3V0IGV4cGFuZEJ1dHRvblxuICAgICAgICBnZXRTaXplKHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcubSwgXCI0MnB4XCIpLFxuICAgICAgICBnZXRTaXplKHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcueGwsIFwiNTZweFwiKSxcbiAgICAgIF0sXG4gICAgfSksXG4gIH07XG59KTtcblxuZXhwb3J0IGZ1bmN0aW9uIEVudGl0eVRyZWVJdGVtKHtcbiAgY2hpbGRyZW4sXG4gIGNoZWNrYm94UHJvcHMsXG4gIGRlc2NyaXB0aW9uLFxuICBoaWRlQm9yZGVyLFxuICBpc0FjdGl2ZSxcbiAgaXNDbGlja2FibGUsXG4gIGlzRGlzYWJsZWQsXG4gIGlzRGlzYWJsZWRFeHBhbmQsXG4gIGlzRXhwYW5kZWQsXG4gIGxTcGFjZVN0ZXAsXG4gIG9uRXhwYW5kQ2xpY2ssXG4gIG9uQ2xpY2ssXG4gIHJlbmRlckxhYmVsLFxuICByZW5kZXJMZWZ0LFxuICByZW5kZXJSaWdodCxcbiAgc2l6ZSA9IFwibVwiLFxuICBcImFyaWEtbGFiZWxcIjogYXJpYUxhYmVsLFxufTogRW50aXR5TGlzdEl0ZW1Qcm9wcyk6IFJlYWN0LlJlYWN0RWxlbWVudCB7XG4gIGNvbnN0IGhhc0V4cGFuZGFibGVJY29uID0gaXNFeHBhbmRlZCAhPT0gdW5kZWZpbmVkO1xuICBjb25zdCBoYW5kbGVPbkNsaWNrID0gdXNlQ2FsbGJhY2soXG4gICAgKGU6IFJlYWN0Lk1vdXNlRXZlbnQpID0+IHtcbiAgICAgIGlmIChpc0NsaWNrYWJsZSAmJiBvbkNsaWNrKSB7XG4gICAgICAgIG9uQ2xpY2soZSk7XG4gICAgICB9XG4gICAgfSxcbiAgICBbb25DbGljaywgaXNDbGlja2FibGVdXG4gICk7XG5cbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkRW50aXR5SXRlbUxpXG4gICAgICBhcmlhLWV4cGFuZGVkPXtpc0V4cGFuZGVkfVxuICAgICAgYXJpYS1sYWJlbD17YXJpYUxhYmVsfVxuICAgICAgcm9sZT1cInRyZWVpdGVtXCJcbiAgICA+XG4gICAgICA8U3R5bGVkRW50aXR5VHJlZUl0ZW1Db250YWluZXJcbiAgICAgICAgc2l6ZT17c2l6ZX1cbiAgICAgICAgcm9sZT17aXNDbGlja2FibGUgPyBcImJ1dHRvblwiIDogXCJyZXByZXNlbnRhdGlvblwifVxuICAgICAgICBpc0FjdGl2ZT17aXNBY3RpdmV9XG4gICAgICAgIGhhc0V4cGFuZGFibGVJY29uPXtoYXNFeHBhbmRhYmxlSWNvbn1cbiAgICAgICAgbFNwYWNlU3RlcD17bFNwYWNlU3RlcH1cbiAgICAgICAgaXNEaXNhYmxlZD17aXNEaXNhYmxlZH1cbiAgICAgICAgb25DbGljaz17aGFuZGxlT25DbGlja31cbiAgICAgICAgaXNDbGlja2FibGU9e2lzQ2xpY2thYmxlfVxuICAgICAgPlxuICAgICAgICB7aGFzRXhwYW5kYWJsZUljb24gJiYgKFxuICAgICAgICAgIDxFbnRpdHlUcmVlSXRlbUV4cGFuZEJ1dHRvblxuICAgICAgICAgICAgc2l6ZT17c2l6ZX1cbiAgICAgICAgICAgIGlzRGlzYWJsZWQ9e2lzRGlzYWJsZWRFeHBhbmQgfHwgaXNEaXNhYmxlZH1cbiAgICAgICAgICAgIGlzRXhwYW5kZWQ9e2lzRXhwYW5kZWR9XG4gICAgICAgICAgICBvbkNsaWNrPXtvbkV4cGFuZENsaWNrfVxuICAgICAgICAgIC8+XG4gICAgICAgICl9XG4gICAgICAgIDxTdHlsZWRFbnRpdHlUcmVlSXRlbVdyYXBwZXJcbiAgICAgICAgICBzaXplPXtzaXplfVxuICAgICAgICAgIGhpZGVCb3JkZXI9e2hpZGVCb3JkZXIgfHwgc2l6ZSA9PT0gXCJ4c1wifVxuICAgICAgICA+XG4gICAgICAgICAgPEVudGl0eUl0ZW1Cb2R5XG4gICAgICAgICAgICBzaXplPXtzaXplfVxuICAgICAgICAgICAgZGVzY3JpcHRpb249e2Rlc2NyaXB0aW9ufVxuICAgICAgICAgICAgcmVuZGVyTGFiZWw9e3JlbmRlckxhYmVsfVxuICAgICAgICAgICAgcmVuZGVyTGVmdD17cmVuZGVyTGVmdH1cbiAgICAgICAgICAgIHJlbmRlclJpZ2h0PXtyZW5kZXJSaWdodH1cbiAgICAgICAgICAgIGNoZWNrYm94UHJvcHM9e2NoZWNrYm94UHJvcHN9XG4gICAgICAgICAgLz5cbiAgICAgICAgPC9TdHlsZWRFbnRpdHlUcmVlSXRlbVdyYXBwZXI+XG4gICAgICA8L1N0eWxlZEVudGl0eVRyZWVJdGVtQ29udGFpbmVyPlxuICAgICAge2lzRXhwYW5kZWQgJiYgY2hpbGRyZW59XG4gICAgPC9TdHlsZWRFbnRpdHlJdGVtTGk+XG4gICk7XG59XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZ0JzQyJ9 */");export function EntityTreeItem({children,checkboxProps,description,hideBorder,isActive,isClickable,isDisabled,isDisabledExpand,isExpanded,lSpaceStep,onExpandClick,onClick,renderLabel,renderLeft,renderRight,size="m","aria-label":ariaLabel}){let hasExpandableIcon=void 0!==isExpanded,handleOnClick=useCallback(e=>{isClickable&&onClick&&onClick(e)},[onClick,isClickable]);return /*#__PURE__*/React.createElement(StyledEntityItemLi,{"aria-expanded":isExpanded,"aria-label":ariaLabel,role:"treeitem"},/*#__PURE__*/React.createElement(StyledEntityTreeItemContainer,{size:size,role:isClickable?"button":"representation",isActive:isActive,hasExpandableIcon:hasExpandableIcon,lSpaceStep:lSpaceStep,isDisabled:isDisabled,onClick:handleOnClick,isClickable:isClickable},hasExpandableIcon&&/*#__PURE__*/React.createElement(EntityTreeItemExpandButton,{size:size,isDisabled:isDisabledExpand||isDisabled,isExpanded:isExpanded,onClick:onExpandClick}),/*#__PURE__*/React.createElement(StyledEntityTreeItemWrapper,{size:size,hideBorder:hideBorder||"xs"===size},/*#__PURE__*/React.createElement(EntityItemBody,{size:size,description:description,renderLabel:renderLabel,renderLeft:renderLeft,renderRight:renderRight,checkboxProps:checkboxProps}))),isExpanded&&children)}
1
+ import React,{useCallback,useImperativeHandle,useRef}from"react";import styled from"@emotion/styled";import{mqValue}from"../../shared/mediaQueries";import{EntityTreeItemExpandButton}from"./EntityTreeItemExpandButton";import{useKeyboard}from"../../shared/useKeyboard";import{EntityItemBody}from"../EntityList/EntityItemBody";import{StyledEntityItemLi,StyledEntityListItemWrapper,StyledEntityListItemButton}from"../EntityList/styled-components";let StyledEntityTreeItemWrapper=/*#__PURE__*/styled(StyledEntityListItemWrapper,{target:"eqtckgs0",label:"StyledEntityTreeItemWrapper"})({paddingLeft:"0 !important"},"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvRW50aXR5VHJlZS9FbnRpdHlUcmVlSXRlbS50c3giLCJzb3VyY2VzIjpbInNyYy9jb21wb25lbnRzL0VudGl0eVRyZWUvRW50aXR5VHJlZUl0ZW0udHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyB1c2VDYWxsYmFjaywgdXNlSW1wZXJhdGl2ZUhhbmRsZSwgdXNlUmVmIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IG1xVmFsdWUgfSBmcm9tIFwiLi4vLi4vc2hhcmVkL21lZGlhUXVlcmllc1wiO1xuaW1wb3J0IHsgRW50aXR5VHJlZUl0ZW1FeHBhbmRCdXR0b24gfSBmcm9tIFwiLi9FbnRpdHlUcmVlSXRlbUV4cGFuZEJ1dHRvblwiO1xuaW1wb3J0IHsgdXNlS2V5Ym9hcmQgfSBmcm9tIFwiLi4vLi4vc2hhcmVkL3VzZUtleWJvYXJkXCI7XG5pbXBvcnQgeyBFbnRpdHlJdGVtQm9keSB9IGZyb20gXCIuLi9FbnRpdHlMaXN0L0VudGl0eUl0ZW1Cb2R5XCI7XG5pbXBvcnQge1xuICBTdHlsZWRFbnRpdHlJdGVtTGksXG4gIFN0eWxlZEVudGl0eUxpc3RJdGVtV3JhcHBlcixcbiAgU3R5bGVkRW50aXR5TGlzdEl0ZW1CdXR0b24sXG59IGZyb20gXCIuLi9FbnRpdHlMaXN0L3N0eWxlZC1jb21wb25lbnRzXCI7XG5pbXBvcnQgdHlwZSB7IEVudGl0eUxpc3RJdGVtUHJvcHMgfSBmcm9tIFwiLi4vRW50aXR5TGlzdC90eXBlc1wiO1xuXG5jb25zdCBTdHlsZWRFbnRpdHlUcmVlSXRlbVdyYXBwZXIgPSBzdHlsZWQoU3R5bGVkRW50aXR5TGlzdEl0ZW1XcmFwcGVyKSh7XG4gIHBhZGRpbmdMZWZ0OiBcIjAgIWltcG9ydGFudFwiLCAvLyBcImltcG9ydGFudFwiIGlzIG5lZWRlZCB0byBvdmVycmlkZSB0aGUgQG1lZGlhIHF1ZXJ5IG9mIE1RIGZ1bmN0aW9uXG59KTtcblxuY29uc3QgU3R5bGVkRW50aXR5VHJlZUl0ZW1Db250YWluZXIgPSBzdHlsZWQoU3R5bGVkRW50aXR5TGlzdEl0ZW1CdXR0b24pPHtcbiAgaGFzRXhwYW5kYWJsZUljb246IGJvb2xlYW47XG59PigoeyB0aGVtZSwgaGFzRXhwYW5kYWJsZUljb24sIGxTcGFjZVN0ZXAgfSkgPT4ge1xuICBjb25zdCBnZXRTaXplID0gKGJhc2VPZmZzZXQ6IHN0cmluZywgZGVlcGVzdE5vZGVPZmZzZXQ6IHN0cmluZykgPT5cbiAgICBgY2FsYygke2Jhc2VPZmZzZXR9ICogJHtsU3BhY2VTdGVwfSArICR7XG4gICAgICBoYXNFeHBhbmRhYmxlSWNvbiA/IFwiMHB4XCIgOiBkZWVwZXN0Tm9kZU9mZnNldFxuICAgIH0gKyAke3RoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcueHhzfSlgO1xuXG4gIHJldHVybiB7XG4gICAgLi4ubXFWYWx1ZSh7XG4gICAgICBwYWRkaW5nTGVmdDogW1xuICAgICAgICAvLyA0MnB4IGFuZCA1NnB4IGFyZSBFeHBhbmQgYnV0dG9uIHdpZHRoICsgcGFkZGluZ1xuICAgICAgICAvLyBpdCdzIG5lZWRlZCBmb3IgYSBkZWVwZXN0IG5vZGUgd2l0aG91dCBleHBhbmRCdXR0b25cbiAgICAgICAgZ2V0U2l6ZSh0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLm0sIFwiNDJweFwiKSxcbiAgICAgICAgZ2V0U2l6ZSh0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnhsLCBcIjU2cHhcIiksXG4gICAgICBdLFxuICAgIH0pLFxuICB9O1xufSk7XG5cbmNvbnN0IHVzZUJ1dHRvbktleWJvYXJkID0gKHtcbiAgcmVmOiBnbG9iYWxSZWYsXG4gIGlzQWN0aXZlLFxuICBvbktleURvd24sXG59OiB7XG4gIHJlZjogUmVhY3QuUmVmT2JqZWN0PEhUTUxEaXZFbGVtZW50PjtcbiAgb25LZXlEb3duOiAoZTogS2V5Ym9hcmRFdmVudCkgPT4gdm9pZDtcbn0gJiBQYXJ0aWFsPEVudGl0eUxpc3RJdGVtUHJvcHM+KSA9PiB7XG4gIGNvbnN0IGxvY2FsUmVmID0gdXNlUmVmPEhUTUxEaXZFbGVtZW50PihudWxsKTtcblxuICB1c2VLZXlib2FyZChcbiAgICB7XG4gICAgICBcIlNwYWNlIEVudGVyXCI6IG9uS2V5RG93bixcbiAgICB9LFxuICAgIGxvY2FsUmVmLFxuICAgIGlzQWN0aXZlLFxuICAgIHRydWVcbiAgKTtcblxuICB1c2VJbXBlcmF0aXZlSGFuZGxlKGdsb2JhbFJlZiwgKCkgPT4gbG9jYWxSZWYuY3VycmVudCk7XG5cbiAgcmV0dXJuIGxvY2FsUmVmO1xufTtcblxuZXhwb3J0IGNvbnN0IEVudGl0eVRyZWVJdGVtID0gUmVhY3QuZm9yd2FyZFJlZihcbiAgKFxuICAgIHtcbiAgICAgIGNoaWxkcmVuLFxuICAgICAgY2hlY2tib3hQcm9wcyxcbiAgICAgIGRlc2NyaXB0aW9uLFxuICAgICAgaGlkZUJvcmRlcixcbiAgICAgIGlzQWN0aXZlLFxuICAgICAgaXNDbGlja2FibGUsXG4gICAgICBpc0Rpc2FibGVkLFxuICAgICAgaXNEaXNhYmxlZEV4cGFuZCxcbiAgICAgIGlzRXhwYW5kZWQsXG4gICAgICBsU3BhY2VTdGVwLFxuICAgICAgb25FeHBhbmRDbGljayxcbiAgICAgIG9uQ2xpY2ssXG4gICAgICBvbktleURvd24sXG4gICAgICBvbkZvY3VzLFxuICAgICAgcmVuZGVyTGFiZWwsXG4gICAgICByZW5kZXJMZWZ0LFxuICAgICAgcmVuZGVyUmlnaHQsXG4gICAgICBzaXplID0gXCJtXCIsXG4gICAgICB0YWJJbmRleCxcbiAgICAgIFwiYXJpYS1sYWJlbFwiOiBhcmlhTGFiZWwsXG4gICAgfTogRW50aXR5TGlzdEl0ZW1Qcm9wcyxcbiAgICByZWY6IFJlYWN0LlJlZk9iamVjdDxIVE1MRGl2RWxlbWVudD5cbiAgKTogUmVhY3QuUmVhY3RFbGVtZW50ID0+IHtcbiAgICBjb25zdCBoYXNFeHBhbmRhYmxlSWNvbiA9IGlzRXhwYW5kZWQgIT09IHVuZGVmaW5lZDtcbiAgICBjb25zdCBoYW5kbGVPbkNsaWNrID0gdXNlQ2FsbGJhY2soXG4gICAgICAoZTogUmVhY3QuTW91c2VFdmVudCkgPT4ge1xuICAgICAgICBpZiAoaXNDbGlja2FibGUgJiYgb25DbGljaykge1xuICAgICAgICAgIG9uQ2xpY2soZSk7XG4gICAgICAgIH1cbiAgICAgIH0sXG4gICAgICBbb25DbGljaywgaXNDbGlja2FibGVdXG4gICAgKTtcblxuICAgIGNvbnN0IGJ1dHRvblJlZiA9IHVzZUJ1dHRvbktleWJvYXJkKHtcbiAgICAgIHJlZixcbiAgICAgIGlzQWN0aXZlOiBpc0FjdGl2ZSAmJiBpc0NsaWNrYWJsZSxcbiAgICAgIG9uS2V5RG93bixcbiAgICB9KTtcblxuICAgIHJldHVybiAoXG4gICAgICA8U3R5bGVkRW50aXR5SXRlbUxpXG4gICAgICAgIGFyaWEtZXhwYW5kZWQ9e2lzRXhwYW5kZWR9XG4gICAgICAgIGFyaWEtbGFiZWw9e2FyaWFMYWJlbH1cbiAgICAgICAgcm9sZT1cInRyZWVpdGVtXCJcbiAgICAgID5cbiAgICAgICAgPFN0eWxlZEVudGl0eVRyZWVJdGVtQ29udGFpbmVyXG4gICAgICAgICAgc2l6ZT17c2l6ZX1cbiAgICAgICAgICB0YWJJbmRleD17dGFiSW5kZXh9XG4gICAgICAgICAgcm9sZT17aXNDbGlja2FibGUgPyBcImJ1dHRvblwiIDogXCJyZXByZXNlbnRhdGlvblwifVxuICAgICAgICAgIGlzQWN0aXZlPXtpc0FjdGl2ZX1cbiAgICAgICAgICByZWY9e2J1dHRvblJlZn1cbiAgICAgICAgICBoYXNFeHBhbmRhYmxlSWNvbj17aGFzRXhwYW5kYWJsZUljb259XG4gICAgICAgICAgbFNwYWNlU3RlcD17bFNwYWNlU3RlcH1cbiAgICAgICAgICBpc0Rpc2FibGVkPXtpc0Rpc2FibGVkfVxuICAgICAgICAgIG9uQ2xpY2s9e2hhbmRsZU9uQ2xpY2t9XG4gICAgICAgICAgaXNDbGlja2FibGU9e2lzQ2xpY2thYmxlfVxuICAgICAgICAgIG9uRm9jdXM9e29uRm9jdXN9XG4gICAgICAgID5cbiAgICAgICAgICB7aGFzRXhwYW5kYWJsZUljb24gJiYgKFxuICAgICAgICAgICAgPEVudGl0eVRyZWVJdGVtRXhwYW5kQnV0dG9uXG4gICAgICAgICAgICAgIHNpemU9e3NpemV9XG4gICAgICAgICAgICAgIHRhYkluZGV4PXt0YWJJbmRleH1cbiAgICAgICAgICAgICAgaXNEaXNhYmxlZD17aXNEaXNhYmxlZEV4cGFuZCB8fCBpc0Rpc2FibGVkfVxuICAgICAgICAgICAgICBpc0V4cGFuZGVkPXtpc0V4cGFuZGVkfVxuICAgICAgICAgICAgICBvbkNsaWNrPXtvbkV4cGFuZENsaWNrfVxuICAgICAgICAgICAgLz5cbiAgICAgICAgICApfVxuICAgICAgICAgIDxTdHlsZWRFbnRpdHlUcmVlSXRlbVdyYXBwZXJcbiAgICAgICAgICAgIHNpemU9e3NpemV9XG4gICAgICAgICAgICBoaWRlQm9yZGVyPXtoaWRlQm9yZGVyIHx8IHNpemUgPT09IFwieHNcIn1cbiAgICAgICAgICA+XG4gICAgICAgICAgICA8RW50aXR5SXRlbUJvZHlcbiAgICAgICAgICAgICAgc2l6ZT17c2l6ZX1cbiAgICAgICAgICAgICAgdGFiSW5kZXg9e3RhYkluZGV4fVxuICAgICAgICAgICAgICBkZXNjcmlwdGlvbj17ZGVzY3JpcHRpb259XG4gICAgICAgICAgICAgIHJlbmRlckxhYmVsPXtyZW5kZXJMYWJlbH1cbiAgICAgICAgICAgICAgcmVuZGVyTGVmdD17cmVuZGVyTGVmdH1cbiAgICAgICAgICAgICAgcmVuZGVyUmlnaHQ9e3JlbmRlclJpZ2h0fVxuICAgICAgICAgICAgICBjaGVja2JveFByb3BzPXtjaGVja2JveFByb3BzfVxuICAgICAgICAgICAgLz5cbiAgICAgICAgICA8L1N0eWxlZEVudGl0eVRyZWVJdGVtV3JhcHBlcj5cbiAgICAgICAgPC9TdHlsZWRFbnRpdHlUcmVlSXRlbUNvbnRhaW5lcj5cbiAgICAgICAge2lzRXhwYW5kZWQgJiYgY2hpbGRyZW59XG4gICAgICA8L1N0eWxlZEVudGl0eUl0ZW1MaT5cbiAgICApO1xuICB9XG4pO1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWFvQyJ9 */"),StyledEntityTreeItemContainer=/*#__PURE__*/styled(StyledEntityListItemButton,{target:"eqtckgs1",label:"StyledEntityTreeItemContainer"})(({theme,hasExpandableIcon,lSpaceStep})=>{let getSize=(baseOffset,deepestNodeOffset)=>`calc(${baseOffset} * ${lSpaceStep} + ${hasExpandableIcon?"0px":deepestNodeOffset} + ${theme.variables.size.spacing.xxs})`;return{...mqValue({paddingLeft:[getSize(theme.variables.size.spacing.m,"42px"),getSize(theme.variables.size.spacing.xl,"56px")]})}},"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvRW50aXR5VHJlZS9FbnRpdHlUcmVlSXRlbS50c3giLCJzb3VyY2VzIjpbInNyYy9jb21wb25lbnRzL0VudGl0eVRyZWUvRW50aXR5VHJlZUl0ZW0udHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyB1c2VDYWxsYmFjaywgdXNlSW1wZXJhdGl2ZUhhbmRsZSwgdXNlUmVmIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IG1xVmFsdWUgfSBmcm9tIFwiLi4vLi4vc2hhcmVkL21lZGlhUXVlcmllc1wiO1xuaW1wb3J0IHsgRW50aXR5VHJlZUl0ZW1FeHBhbmRCdXR0b24gfSBmcm9tIFwiLi9FbnRpdHlUcmVlSXRlbUV4cGFuZEJ1dHRvblwiO1xuaW1wb3J0IHsgdXNlS2V5Ym9hcmQgfSBmcm9tIFwiLi4vLi4vc2hhcmVkL3VzZUtleWJvYXJkXCI7XG5pbXBvcnQgeyBFbnRpdHlJdGVtQm9keSB9IGZyb20gXCIuLi9FbnRpdHlMaXN0L0VudGl0eUl0ZW1Cb2R5XCI7XG5pbXBvcnQge1xuICBTdHlsZWRFbnRpdHlJdGVtTGksXG4gIFN0eWxlZEVudGl0eUxpc3RJdGVtV3JhcHBlcixcbiAgU3R5bGVkRW50aXR5TGlzdEl0ZW1CdXR0b24sXG59IGZyb20gXCIuLi9FbnRpdHlMaXN0L3N0eWxlZC1jb21wb25lbnRzXCI7XG5pbXBvcnQgdHlwZSB7IEVudGl0eUxpc3RJdGVtUHJvcHMgfSBmcm9tIFwiLi4vRW50aXR5TGlzdC90eXBlc1wiO1xuXG5jb25zdCBTdHlsZWRFbnRpdHlUcmVlSXRlbVdyYXBwZXIgPSBzdHlsZWQoU3R5bGVkRW50aXR5TGlzdEl0ZW1XcmFwcGVyKSh7XG4gIHBhZGRpbmdMZWZ0OiBcIjAgIWltcG9ydGFudFwiLCAvLyBcImltcG9ydGFudFwiIGlzIG5lZWRlZCB0byBvdmVycmlkZSB0aGUgQG1lZGlhIHF1ZXJ5IG9mIE1RIGZ1bmN0aW9uXG59KTtcblxuY29uc3QgU3R5bGVkRW50aXR5VHJlZUl0ZW1Db250YWluZXIgPSBzdHlsZWQoU3R5bGVkRW50aXR5TGlzdEl0ZW1CdXR0b24pPHtcbiAgaGFzRXhwYW5kYWJsZUljb246IGJvb2xlYW47XG59PigoeyB0aGVtZSwgaGFzRXhwYW5kYWJsZUljb24sIGxTcGFjZVN0ZXAgfSkgPT4ge1xuICBjb25zdCBnZXRTaXplID0gKGJhc2VPZmZzZXQ6IHN0cmluZywgZGVlcGVzdE5vZGVPZmZzZXQ6IHN0cmluZykgPT5cbiAgICBgY2FsYygke2Jhc2VPZmZzZXR9ICogJHtsU3BhY2VTdGVwfSArICR7XG4gICAgICBoYXNFeHBhbmRhYmxlSWNvbiA/IFwiMHB4XCIgOiBkZWVwZXN0Tm9kZU9mZnNldFxuICAgIH0gKyAke3RoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcueHhzfSlgO1xuXG4gIHJldHVybiB7XG4gICAgLi4ubXFWYWx1ZSh7XG4gICAgICBwYWRkaW5nTGVmdDogW1xuICAgICAgICAvLyA0MnB4IGFuZCA1NnB4IGFyZSBFeHBhbmQgYnV0dG9uIHdpZHRoICsgcGFkZGluZ1xuICAgICAgICAvLyBpdCdzIG5lZWRlZCBmb3IgYSBkZWVwZXN0IG5vZGUgd2l0aG91dCBleHBhbmRCdXR0b25cbiAgICAgICAgZ2V0U2l6ZSh0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLm0sIFwiNDJweFwiKSxcbiAgICAgICAgZ2V0U2l6ZSh0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnhsLCBcIjU2cHhcIiksXG4gICAgICBdLFxuICAgIH0pLFxuICB9O1xufSk7XG5cbmNvbnN0IHVzZUJ1dHRvbktleWJvYXJkID0gKHtcbiAgcmVmOiBnbG9iYWxSZWYsXG4gIGlzQWN0aXZlLFxuICBvbktleURvd24sXG59OiB7XG4gIHJlZjogUmVhY3QuUmVmT2JqZWN0PEhUTUxEaXZFbGVtZW50PjtcbiAgb25LZXlEb3duOiAoZTogS2V5Ym9hcmRFdmVudCkgPT4gdm9pZDtcbn0gJiBQYXJ0aWFsPEVudGl0eUxpc3RJdGVtUHJvcHM+KSA9PiB7XG4gIGNvbnN0IGxvY2FsUmVmID0gdXNlUmVmPEhUTUxEaXZFbGVtZW50PihudWxsKTtcblxuICB1c2VLZXlib2FyZChcbiAgICB7XG4gICAgICBcIlNwYWNlIEVudGVyXCI6IG9uS2V5RG93bixcbiAgICB9LFxuICAgIGxvY2FsUmVmLFxuICAgIGlzQWN0aXZlLFxuICAgIHRydWVcbiAgKTtcblxuICB1c2VJbXBlcmF0aXZlSGFuZGxlKGdsb2JhbFJlZiwgKCkgPT4gbG9jYWxSZWYuY3VycmVudCk7XG5cbiAgcmV0dXJuIGxvY2FsUmVmO1xufTtcblxuZXhwb3J0IGNvbnN0IEVudGl0eVRyZWVJdGVtID0gUmVhY3QuZm9yd2FyZFJlZihcbiAgKFxuICAgIHtcbiAgICAgIGNoaWxkcmVuLFxuICAgICAgY2hlY2tib3hQcm9wcyxcbiAgICAgIGRlc2NyaXB0aW9uLFxuICAgICAgaGlkZUJvcmRlcixcbiAgICAgIGlzQWN0aXZlLFxuICAgICAgaXNDbGlja2FibGUsXG4gICAgICBpc0Rpc2FibGVkLFxuICAgICAgaXNEaXNhYmxlZEV4cGFuZCxcbiAgICAgIGlzRXhwYW5kZWQsXG4gICAgICBsU3BhY2VTdGVwLFxuICAgICAgb25FeHBhbmRDbGljayxcbiAgICAgIG9uQ2xpY2ssXG4gICAgICBvbktleURvd24sXG4gICAgICBvbkZvY3VzLFxuICAgICAgcmVuZGVyTGFiZWwsXG4gICAgICByZW5kZXJMZWZ0LFxuICAgICAgcmVuZGVyUmlnaHQsXG4gICAgICBzaXplID0gXCJtXCIsXG4gICAgICB0YWJJbmRleCxcbiAgICAgIFwiYXJpYS1sYWJlbFwiOiBhcmlhTGFiZWwsXG4gICAgfTogRW50aXR5TGlzdEl0ZW1Qcm9wcyxcbiAgICByZWY6IFJlYWN0LlJlZk9iamVjdDxIVE1MRGl2RWxlbWVudD5cbiAgKTogUmVhY3QuUmVhY3RFbGVtZW50ID0+IHtcbiAgICBjb25zdCBoYXNFeHBhbmRhYmxlSWNvbiA9IGlzRXhwYW5kZWQgIT09IHVuZGVmaW5lZDtcbiAgICBjb25zdCBoYW5kbGVPbkNsaWNrID0gdXNlQ2FsbGJhY2soXG4gICAgICAoZTogUmVhY3QuTW91c2VFdmVudCkgPT4ge1xuICAgICAgICBpZiAoaXNDbGlja2FibGUgJiYgb25DbGljaykge1xuICAgICAgICAgIG9uQ2xpY2soZSk7XG4gICAgICAgIH1cbiAgICAgIH0sXG4gICAgICBbb25DbGljaywgaXNDbGlja2FibGVdXG4gICAgKTtcblxuICAgIGNvbnN0IGJ1dHRvblJlZiA9IHVzZUJ1dHRvbktleWJvYXJkKHtcbiAgICAgIHJlZixcbiAgICAgIGlzQWN0aXZlOiBpc0FjdGl2ZSAmJiBpc0NsaWNrYWJsZSxcbiAgICAgIG9uS2V5RG93bixcbiAgICB9KTtcblxuICAgIHJldHVybiAoXG4gICAgICA8U3R5bGVkRW50aXR5SXRlbUxpXG4gICAgICAgIGFyaWEtZXhwYW5kZWQ9e2lzRXhwYW5kZWR9XG4gICAgICAgIGFyaWEtbGFiZWw9e2FyaWFMYWJlbH1cbiAgICAgICAgcm9sZT1cInRyZWVpdGVtXCJcbiAgICAgID5cbiAgICAgICAgPFN0eWxlZEVudGl0eVRyZWVJdGVtQ29udGFpbmVyXG4gICAgICAgICAgc2l6ZT17c2l6ZX1cbiAgICAgICAgICB0YWJJbmRleD17dGFiSW5kZXh9XG4gICAgICAgICAgcm9sZT17aXNDbGlja2FibGUgPyBcImJ1dHRvblwiIDogXCJyZXByZXNlbnRhdGlvblwifVxuICAgICAgICAgIGlzQWN0aXZlPXtpc0FjdGl2ZX1cbiAgICAgICAgICByZWY9e2J1dHRvblJlZn1cbiAgICAgICAgICBoYXNFeHBhbmRhYmxlSWNvbj17aGFzRXhwYW5kYWJsZUljb259XG4gICAgICAgICAgbFNwYWNlU3RlcD17bFNwYWNlU3RlcH1cbiAgICAgICAgICBpc0Rpc2FibGVkPXtpc0Rpc2FibGVkfVxuICAgICAgICAgIG9uQ2xpY2s9e2hhbmRsZU9uQ2xpY2t9XG4gICAgICAgICAgaXNDbGlja2FibGU9e2lzQ2xpY2thYmxlfVxuICAgICAgICAgIG9uRm9jdXM9e29uRm9jdXN9XG4gICAgICAgID5cbiAgICAgICAgICB7aGFzRXhwYW5kYWJsZUljb24gJiYgKFxuICAgICAgICAgICAgPEVudGl0eVRyZWVJdGVtRXhwYW5kQnV0dG9uXG4gICAgICAgICAgICAgIHNpemU9e3NpemV9XG4gICAgICAgICAgICAgIHRhYkluZGV4PXt0YWJJbmRleH1cbiAgICAgICAgICAgICAgaXNEaXNhYmxlZD17aXNEaXNhYmxlZEV4cGFuZCB8fCBpc0Rpc2FibGVkfVxuICAgICAgICAgICAgICBpc0V4cGFuZGVkPXtpc0V4cGFuZGVkfVxuICAgICAgICAgICAgICBvbkNsaWNrPXtvbkV4cGFuZENsaWNrfVxuICAgICAgICAgICAgLz5cbiAgICAgICAgICApfVxuICAgICAgICAgIDxTdHlsZWRFbnRpdHlUcmVlSXRlbVdyYXBwZXJcbiAgICAgICAgICAgIHNpemU9e3NpemV9XG4gICAgICAgICAgICBoaWRlQm9yZGVyPXtoaWRlQm9yZGVyIHx8IHNpemUgPT09IFwieHNcIn1cbiAgICAgICAgICA+XG4gICAgICAgICAgICA8RW50aXR5SXRlbUJvZHlcbiAgICAgICAgICAgICAgc2l6ZT17c2l6ZX1cbiAgICAgICAgICAgICAgdGFiSW5kZXg9e3RhYkluZGV4fVxuICAgICAgICAgICAgICBkZXNjcmlwdGlvbj17ZGVzY3JpcHRpb259XG4gICAgICAgICAgICAgIHJlbmRlckxhYmVsPXtyZW5kZXJMYWJlbH1cbiAgICAgICAgICAgICAgcmVuZGVyTGVmdD17cmVuZGVyTGVmdH1cbiAgICAgICAgICAgICAgcmVuZGVyUmlnaHQ9e3JlbmRlclJpZ2h0fVxuICAgICAgICAgICAgICBjaGVja2JveFByb3BzPXtjaGVja2JveFByb3BzfVxuICAgICAgICAgICAgLz5cbiAgICAgICAgICA8L1N0eWxlZEVudGl0eVRyZWVJdGVtV3JhcHBlcj5cbiAgICAgICAgPC9TdHlsZWRFbnRpdHlUcmVlSXRlbUNvbnRhaW5lcj5cbiAgICAgICAge2lzRXhwYW5kZWQgJiYgY2hpbGRyZW59XG4gICAgICA8L1N0eWxlZEVudGl0eUl0ZW1MaT5cbiAgICApO1xuICB9XG4pO1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWlCc0MifQ== */"),useButtonKeyboard=({ref:globalRef,isActive,onKeyDown})=>{let localRef=useRef(null);return useKeyboard({"Space Enter":onKeyDown},localRef,isActive,!0),useImperativeHandle(globalRef,()=>localRef.current),localRef};export const EntityTreeItem=/*#__PURE__*/React.forwardRef(({children,checkboxProps,description,hideBorder,isActive,isClickable,isDisabled,isDisabledExpand,isExpanded,lSpaceStep,onExpandClick,onClick,onKeyDown,onFocus,renderLabel,renderLeft,renderRight,size="m",tabIndex,"aria-label":ariaLabel},ref)=>{let hasExpandableIcon=void 0!==isExpanded,handleOnClick=useCallback(e=>{isClickable&&onClick&&onClick(e)},[onClick,isClickable]),buttonRef=useButtonKeyboard({ref,isActive:isActive&&isClickable,onKeyDown});return /*#__PURE__*/React.createElement(StyledEntityItemLi,{"aria-expanded":isExpanded,"aria-label":ariaLabel,role:"treeitem"},/*#__PURE__*/React.createElement(StyledEntityTreeItemContainer,{size:size,tabIndex:tabIndex,role:isClickable?"button":"representation",isActive:isActive,ref:buttonRef,hasExpandableIcon:hasExpandableIcon,lSpaceStep:lSpaceStep,isDisabled:isDisabled,onClick:handleOnClick,isClickable:isClickable,onFocus:onFocus},hasExpandableIcon&&/*#__PURE__*/React.createElement(EntityTreeItemExpandButton,{size:size,tabIndex:tabIndex,isDisabled:isDisabledExpand||isDisabled,isExpanded:isExpanded,onClick:onExpandClick}),/*#__PURE__*/React.createElement(StyledEntityTreeItemWrapper,{size:size,hideBorder:hideBorder||"xs"===size},/*#__PURE__*/React.createElement(EntityItemBody,{size:size,tabIndex:tabIndex,description:description,renderLabel:renderLabel,renderLeft:renderLeft,renderRight:renderRight,checkboxProps:checkboxProps}))),isExpanded&&children)});
package/build/esm/components/EntityTree/useEntityTreeKeyboard.d.ts ADDED
@@ -0,0 +1,9 @@
1
+ import { type KeyboardConfig } from "../../shared/useKeyboard";
2
+ export declare const useEntityTreeKeyboard: ({ config, isActive, }: {
3
+ config: KeyboardConfig;
4
+ isActive: boolean;
5
+ }) => {
6
+ ref: React.RefObject<HTMLDivElement>;
7
+ isFocused: boolean;
8
+ setFakeKeybordFocus: (value: boolean) => void;
9
+ };
package/build/esm/components/EntityTree/useEntityTreeKeyboard.js ADDED
@@ -0,0 +1 @@
1
+ import{useRef,useState,useEffect}from"react";import{useKeyboard}from"../../shared/useKeyboard";export const useEntityTreeKeyboard=({config,isActive})=>{let[fakeKeybordFocus,setFakeKeybordFocus]=useState(!1),ref=useRef(null),element=ref.current;useEffect(()=>{isActive&&ref.current!==document.activeElement&&ref.current.focus()},[isActive,ref]),useKeyboard(config,ref,isActive);let isFocused=isActive&&fakeKeybordFocus;return useEffect(()=>{let handleFocus=()=>{setFakeKeybordFocus(!0)},handleClick=()=>{setTimeout(()=>{setFakeKeybordFocus(!1)},0)};return element&&(element.addEventListener("focus",handleFocus),element.addEventListener("click",handleClick)),()=>{element&&(element.removeEventListener("focus",handleFocus),element.removeEventListener("click",handleClick))}},[element]),{ref,setFakeKeybordFocus,isFocused}};
package/build/esm/components/Form/Checkbox/Checkbox.d.ts CHANGED
@@ -9,6 +9,7 @@ export type CheckboxProps = {
9
9
  disabled?: boolean;
10
10
  indeterminate?: boolean;
11
11
  size?: "s" | "m";
12
+ tabIndex?: number;
12
13
  onChange?: (e: React.FormEvent<HTMLInputElement>) => void;
13
14
  onClick?: (e: React.FormEvent<HTMLInputElement>) => void;
14
15
  onBlur?: (e: React.FormEvent<HTMLInputElement>) => void;
@@ -23,6 +24,7 @@ export declare const CheckboxRaw: React.ForwardRefExoticComponent<{
23
24
  disabled?: boolean;
24
25
  indeterminate?: boolean;
25
26
  size?: "s" | "m";
27
+ tabIndex?: number;
26
28
  onChange?: (e: React.FormEvent<HTMLInputElement>) => void;
27
29
  onClick?: (e: React.FormEvent<HTMLInputElement>) => void;
28
30
  onBlur?: (e: React.FormEvent<HTMLInputElement>) => void;
@@ -37,6 +39,7 @@ export declare const Checkbox: React.ForwardRefExoticComponent<{
37
39
  disabled?: boolean;
38
40
  indeterminate?: boolean;
39
41
  size?: "s" | "m";
42
+ tabIndex?: number;
40
43
  onChange?: (e: React.FormEvent<HTMLInputElement>) => void;
41
44
  onClick?: (e: React.FormEvent<HTMLInputElement>) => void;
42
45
  onBlur?: (e: React.FormEvent<HTMLInputElement>) => void;