@amboss/design-system 2.3.1 → 2.3.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (45) hide show
  1. package/build/cjs/components/BulkActionsToolbar/BulkActionsToolbar.d.ts +4 -2
  2. package/build/cjs/components/BulkActionsToolbar/BulkActionsToolbar.js +1 -1
  3. package/build/cjs/components/EntityTree/BaseEntityTree.d.ts +28 -0
  4. package/build/cjs/components/EntityTree/BaseEntityTree.js +1 -0
  5. package/build/cjs/components/EntityTree/EntityTree.d.ts +2 -26
  6. package/build/cjs/components/EntityTree/EntityTree.js +1 -1
  7. package/build/cjs/components/EntityTree/tree.d.ts +1 -1
  8. package/build/cjs/components/EntityTree/tree.js +1 -1
  9. package/build/cjs/components/EntityTree/tree.test.js +1 -1
  10. package/build/cjs/components/Form/MaskedInput/MaskedInput.d.ts +1 -1
  11. package/build/cjs/components/List/ListItem.d.ts +1 -1
  12. package/build/cjs/components/List/ListItem.js +1 -1
  13. package/build/cjs/components/List/ListItemExpandButton.d.ts +3 -1
  14. package/build/cjs/components/List/ListItemExpandButton.js +1 -1
  15. package/build/cjs/components/List/ListItemLabel.d.ts +1 -1
  16. package/build/cjs/components/List/ListItemLabel.js +1 -1
  17. package/build/cjs/components/List/styled-components.js +1 -1
  18. package/build/cjs/components/List/types.d.ts +6 -2
  19. package/build/cjs/components/Patterns/Modal/Modal.js +1 -1
  20. package/build/cjs/web-tokens/_sizes.json +1 -1
  21. package/build/cjs/web-tokens/assets/icons.json +2 -1
  22. package/build/cjs/web-tokens/assets/icons16.json +2 -1
  23. package/build/esm/components/BulkActionsToolbar/BulkActionsToolbar.d.ts +4 -2
  24. package/build/esm/components/BulkActionsToolbar/BulkActionsToolbar.js +1 -1
  25. package/build/esm/components/EntityTree/BaseEntityTree.d.ts +28 -0
  26. package/build/esm/components/EntityTree/BaseEntityTree.js +1 -0
  27. package/build/esm/components/EntityTree/EntityTree.d.ts +2 -26
  28. package/build/esm/components/EntityTree/EntityTree.js +1 -1
  29. package/build/esm/components/EntityTree/tree.d.ts +1 -1
  30. package/build/esm/components/EntityTree/tree.js +1 -1
  31. package/build/esm/components/EntityTree/tree.test.js +1 -1
  32. package/build/esm/components/Form/MaskedInput/MaskedInput.d.ts +1 -1
  33. package/build/esm/components/List/ListItem.d.ts +1 -1
  34. package/build/esm/components/List/ListItem.js +1 -1
  35. package/build/esm/components/List/ListItemExpandButton.d.ts +3 -1
  36. package/build/esm/components/List/ListItemExpandButton.js +1 -1
  37. package/build/esm/components/List/ListItemLabel.d.ts +1 -1
  38. package/build/esm/components/List/ListItemLabel.js +1 -1
  39. package/build/esm/components/List/styled-components.js +1 -1
  40. package/build/esm/components/List/types.d.ts +6 -2
  41. package/build/esm/components/Patterns/Modal/Modal.js +1 -1
  42. package/build/esm/web-tokens/_sizes.json +1 -1
  43. package/build/esm/web-tokens/assets/icons.json +2 -1
  44. package/build/esm/web-tokens/assets/icons16.json +2 -1
  45. package/package.json +1 -1
@@ -1,14 +1,16 @@
1
1
  import React from "react";
2
2
  import { type ButtonProps } from "../Button/Button";
3
+ import { type CheckboxProps } from "../Form/Checkbox/Checkbox";
3
4
  import { type SearchInputProps } from "../Form/SearchInput/SearchInput";
4
5
  type ActionProp = {
5
6
  label: string;
6
- } & Omit<ButtonProps, "children" | "size" | "onClick">;
7
+ } & Omit<ButtonProps, "children" | "size">;
7
8
  export type BulkActionsToolbarProps = {
8
9
  actions?: ActionProp[];
9
10
  searchInputProps: SearchInputProps;
11
+ checkboxProps?: CheckboxProps;
10
12
  totalItems: string;
11
13
  };
12
- declare function BulkActionsToolbarUI({ actions, totalItems, searchInputProps, }: BulkActionsToolbarProps): React.ReactElement;
14
+ declare function BulkActionsToolbarUI({ actions, checkboxProps, totalItems, searchInputProps, }: BulkActionsToolbarProps): React.ReactElement;
13
15
  export declare const BulkActionsToolbar: React.MemoExoticComponent<typeof BulkActionsToolbarUI>;
14
16
  export {};
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"BulkActionsToolbar",{enumerable:!0,get:function(){return BulkActionsToolbar}});const _react=require("@swc/helpers/_/_interop_require_default")._(require("react")),_Text=require("../Typography/Text/Text"),_Button=require("../Button/Button"),_Box=require("../Box/Box"),_Inline=require("../Inline/Inline"),_Divider=require("../Divider/Divider"),_Toolbar=require("../Toolbar"),_SearchInput=require("../Form/SearchInput/SearchInput"),BulkActionsToolbar=_react.default.memo(function({actions,totalItems,searchInputProps}){return _react.default.createElement(_react.default.Fragment,null,_react.default.createElement(_Toolbar.Toolbar,null,_react.default.createElement(_Toolbar.ToolbarGroup,{order:["last","first"],size:[12,8]},_react.default.createElement(_Box.Box,{space:["xs","zero"]},_react.default.createElement(_Text.Text,{size:"s",color:"secondary",weight:"bold"},totalItems)),_react.default.createElement(_Inline.Inline,null,actions?.map(({variant="secondary",label,...buttonProps})=>_react.default.createElement(_Button.Button,{...buttonProps,key:`action-${label}`,size:"s",variant:variant},label)))),_react.default.createElement(_Toolbar.ToolbarGroup,{order:["first","last"],size:[12,4]},_react.default.createElement(_SearchInput.SearchInput,searchInputProps))),_react.default.createElement(_Divider.Divider,null))});
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"BulkActionsToolbar",{enumerable:!0,get:function(){return BulkActionsToolbar}});const _react=require("@swc/helpers/_/_interop_require_default")._(require("react")),_Text=require("../Typography/Text/Text"),_Button=require("../Button/Button"),_Box=require("../Box/Box"),_Inline=require("../Inline/Inline"),_Divider=require("../Divider/Divider"),_Checkbox=require("../Form/Checkbox/Checkbox"),_Toolbar=require("../Toolbar"),_SearchInput=require("../Form/SearchInput/SearchInput"),TotalItems=({children})=>_react.default.createElement(_Box.Box,{space:["xs","zero"]},_react.default.createElement(_Text.Text,{size:"s",color:"secondary",weight:"bold"},children)),CheckboxContainer=props=>_react.default.createElement(_Box.Box,{tSpace:"zero",bSpace:"xs",lSpace:"xs",rSpace:"s"},_react.default.createElement(_Checkbox.Checkbox,{size:"s",...props})),BulkActionsToolbar=_react.default.memo(function({actions,checkboxProps,totalItems,searchInputProps}){return _react.default.createElement(_react.default.Fragment,null,_react.default.createElement(_Toolbar.Toolbar,null,_react.default.createElement(_Toolbar.ToolbarGroup,{order:["last","first"],size:[12,8]},checkboxProps?_react.default.createElement(_Inline.Inline,{vAlignItems:"center"},_react.default.createElement(CheckboxContainer,checkboxProps),_react.default.createElement(TotalItems,null,totalItems)):_react.default.createElement(TotalItems,null,totalItems),_react.default.createElement(_Inline.Inline,null,actions?.map(({variant="secondary",label,...buttonProps})=>_react.default.createElement(_Button.Button,{...buttonProps,key:`action-${label}`,size:"s",variant:variant},label)))),_react.default.createElement(_Toolbar.ToolbarGroup,{order:["first","last"],size:[12,4]},_react.default.createElement(_SearchInput.SearchInput,searchInputProps))),_react.default.createElement(_Divider.Divider,null))});
@@ -0,0 +1,28 @@
1
+ import React from "react";
2
+ import type { ListItemProps } from "../List/types";
3
+ import type { NodeID, CheckboxState } from "./types";
4
+ export type TreeNode = {
5
+ id: NodeID;
6
+ label: string;
7
+ description?: string;
8
+ children: TreeNode[];
9
+ isFiltered?: boolean;
10
+ };
11
+ export type TreeNodeWithUIState = TreeNode & {
12
+ isExpanded: boolean;
13
+ checkedState: CheckboxState;
14
+ };
15
+ type PartialListItemProps = Pick<ListItemProps, "hideBorder" | "size" | "renderRight">;
16
+ export type EntityTreeProps = {
17
+ data: TreeNode[];
18
+ selectedIds?: NodeID[];
19
+ onSelectionChange?: (ids: NodeID[]) => void;
20
+ expandedIds?: NodeID[];
21
+ onToggle?: (ids: NodeID[]) => void;
22
+ filterFn?: (node: TreeNode) => boolean;
23
+ onTreeChange?: (data: TreeNodeWithUIState[]) => void;
24
+ showItemsCount?: boolean;
25
+ "data-e2e-test-id"?: string;
26
+ } & PartialListItemProps;
27
+ export declare const BaseEntityTree: ({ data, selectedIds, onSelectionChange, expandedIds, onToggle, filterFn, onTreeChange, hideBorder, size, showItemsCount, renderRight, "data-e2e-test-id": dataE2eTestId, }: EntityTreeProps) => React.ReactElement;
28
+ export {};
@@ -0,0 +1 @@
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"BaseEntityTree",{enumerable:!0,get:function(){return BaseEntityTree}});const _react=require("@swc/helpers/_/_interop_require_wildcard")._(require("react")),_styledcomponents=require("../List/styled-components"),_ListItem=require("../List/ListItem"),_Text=require("../Typography/Text/Text"),_Checkbox=require("../Form/Checkbox/Checkbox"),_tree=require("./tree"),getLastNodeOfList=({node,data,level,isParentsLastOfLvl})=>{let currentLastNodeOfLvl=node.id===data[data.length-1].id;return 0===level?currentLastNodeOfLvl:isParentsLastOfLvl&&currentLastNodeOfLvl},makeRenderTreeBranches=({nodeChildrenMap,nodeCheckboxState,nodeExpandedState,handleSelectionChange,handleToggle,expandAll,hideBorder,size,showItemsCount,renderRight})=>({data,level,renderFn,isParentsLastOfLvl})=>data.map(node=>{let readOnly=null===nodeCheckboxState,hasChildren=node.children.length>0,expandedState=!!expandAll||!!nodeExpandedState[node.id],leafItems=(0,_tree.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 _react.default.createElement(_ListItem.ListItem,{key:node.id,role:"treeitem",hideBorder:hideBorder||isLastNodeOfList&&(!isExpanded||node.isFiltered),size:size,lSpaceStep:level,"aria-label":node.label,description:node.description,renderLabel:({size:textSize})=>_react.default.createElement(_react.default.Fragment,null,node.label,showItemsCount&&!lastLeaf&&_react.default.createElement(_Text.Text,{as:"span",size:textSize,color:"tertiary"}," ",countLabel)),isExpanded:isExpanded,isDisabledExpand:expandAll,onExpandClick:e=>{e.stopPropagation(),handleToggle(node.id)},onClick:readOnly?()=>handleToggle(node.id):()=>handleSelectionChange(node.id),renderLeft:readOnly?void 0:()=>_react.default.createElement(_Checkbox.CheckboxRaw,{size:"s",name:node.label,checked:"checked"===nodeCheckboxState[node.id],indeterminate:"indeterminate"===nodeCheckboxState[node.id],onChange:()=>handleSelectionChange(node.id)}),renderRight:renderRight},hasChildren&&_react.default.createElement("ul",null,renderFn({data:node.children,level:level+1,renderFn,isParentsLastOfLvl:isLastNodeOfList})))}),BaseEntityTree=({data,selectedIds,onSelectionChange,expandedIds=[],onToggle,filterFn,onTreeChange,hideBorder=!1,size="m",showItemsCount=!0,renderRight,"data-e2e-test-id":dataE2eTestId})=>{let nodeChildrenMap=Object.assign({},...data.map(tree=>(0,_tree.getNodeChildrenMap)(tree))),nodeCheckboxState=selectedIds?Object.assign({},...data.map(tree=>(0,_tree.getTreeCheckboxState)(nodeChildrenMap,tree.id,selectedIds))):null,nodeExpandedState=expandedIds.reduce((acc,id)=>(acc[id]=!0,acc),{}),dataShown=filterFn?data.map(tree=>(0,_tree.filterTree)(tree,filterFn)).filter(Boolean):data;(0,_react.useEffect)(()=>{onTreeChange&&onTreeChange(dataShown.map(tree=>(0,_tree.mapTree)(tree,node=>({...node,checkedState:!!nodeCheckboxState&&nodeCheckboxState[node.id],isExpanded:!!nodeExpandedState[node.id]}))))},[dataShown,nodeCheckboxState,nodeExpandedState,onTreeChange]);let 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=(0,_tree.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:!!filterFn,hideBorder,size,showItemsCount,renderRight});return _react.default.createElement(_styledcomponents.StyledList,{role:"tree","data-e2e-test-id":dataE2eTestId,"data-ds-id":"EntityTree"},renderTreeBranches({data:dataShown,level:0,renderFn:renderTreeBranches}))};
@@ -1,27 +1,3 @@
1
1
  import React from "react";
2
- import type { ListItemProps } from "../List/types";
3
- import type { NodeID, CheckboxState } from "./types";
4
- export type TreeNode = {
5
- id: NodeID;
6
- label: string;
7
- description?: string;
8
- children: TreeNode[];
9
- };
10
- export type TreeNodeWithUIState = TreeNode & {
11
- isExpanded: boolean;
12
- checkedState: CheckboxState;
13
- };
14
- type PartialListItemProps = Pick<ListItemProps, "hideBorder" | "size" | "renderRight">;
15
- export type EntityTreeProps = {
16
- data: TreeNode[];
17
- selectedIds?: NodeID[];
18
- onSelectionChange?: (ids: NodeID[]) => void;
19
- expandedIds?: NodeID[];
20
- onToggle?: (ids: NodeID[]) => void;
21
- filterFn?: (node: TreeNode) => boolean;
22
- onTreeChange?: (data: TreeNodeWithUIState[]) => void;
23
- showItemsCount?: boolean;
24
- "data-e2e-test-id"?: string;
25
- } & PartialListItemProps;
26
- export declare const EntityTree: ({ data, selectedIds, onSelectionChange, expandedIds, onToggle, filterFn, onTreeChange, hideBorder, size, showItemsCount, renderRight, "data-e2e-test-id": dataE2eTestId, }: EntityTreeProps) => React.ReactElement;
27
- export {};
2
+ import { type EntityTreeProps } from "./BaseEntityTree";
3
+ export declare const EntityTree: (props: EntityTreeProps) => React.ReactElement;
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"EntityTree",{enumerable:!0,get:function(){return EntityTree}});const _react=require("@swc/helpers/_/_interop_require_wildcard")._(require("react")),_styledcomponents=require("../List/styled-components"),_ListItem=require("../List/ListItem"),_Text=require("../Typography/Text/Text"),_Checkbox=require("../Form/Checkbox/Checkbox"),_tree=require("./tree"),getLastNodeOfList=({node,data,level,isParentsLastOfLvl})=>{let currentLastNodeOfLvl=node.id===data[data.length-1].id;return 0===level?currentLastNodeOfLvl:isParentsLastOfLvl&&currentLastNodeOfLvl},makeRenderTreeBranches=({nodeChildrenMap,nodeCheckboxState,nodeExpandedState,handleSelectionChange,handleToggle,expandAll,hideBorder,size,showItemsCount,renderRight})=>({data,level,renderFn,isParentsLastOfLvl})=>data.map(node=>{let readOnly=null===nodeCheckboxState,hasChildren=node.children.length>0,isExpanded=!!expandAll||!!nodeExpandedState[node.id],leafItems=(0,_tree.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});return _react.default.createElement(_ListItem.ListItem,{key:node.id,role:"treeitem",hideBorder:hideBorder||isLastNodeOfList&&!isExpanded,size:size,lSpaceStep:level,"aria-label":node.label,description:node.description,renderLabel:({size:textSize})=>hasChildren?_react.default.createElement(_react.default.Fragment,null,node.label," ",showItemsCount&&_react.default.createElement(_Text.Text,{as:"span",size:textSize,color:"tertiary"},countLabel)):_react.default.createElement(_Text.Text,{size:textSize},node.label),isExpanded:hasChildren?isExpanded:void 0,onExpandClick:e=>{e.stopPropagation(),handleToggle(node.id)},onClick:readOnly?()=>handleToggle(node.id):()=>handleSelectionChange(node.id),renderLeft:readOnly?void 0:()=>_react.default.createElement(_Checkbox.CheckboxRaw,{size:"s",name:node.label,checked:"checked"===nodeCheckboxState[node.id],indeterminate:"indeterminate"===nodeCheckboxState[node.id],onChange:()=>handleSelectionChange(node.id)}),renderRight:renderRight},hasChildren&&_react.default.createElement("ul",null,renderFn({data:node.children,level:level+1,renderFn,isParentsLastOfLvl:isLastNodeOfList})))}),EntityTree=({data,selectedIds,onSelectionChange,expandedIds=[],onToggle,filterFn,onTreeChange,hideBorder=!1,size="m",showItemsCount=!0,renderRight,"data-e2e-test-id":dataE2eTestId})=>{let nodeChildrenMap=Object.assign({},...data.map(tree=>(0,_tree.getNodeChildrenMap)(tree))),nodeCheckboxState=selectedIds?Object.assign({},...data.map(tree=>(0,_tree.getTreeCheckboxState)(nodeChildrenMap,tree.id,selectedIds))):null,nodeExpandedState=expandedIds.reduce((acc,id)=>(acc[id]=!0,acc),{}),dataShown=filterFn?data.map(tree=>(0,_tree.filterTree)(tree,filterFn)).filter(Boolean):data;(0,_react.useEffect)(()=>{onTreeChange&&onTreeChange(dataShown.map(tree=>(0,_tree.mapTree)(tree,node=>({...node,checkedState:!!nodeCheckboxState&&nodeCheckboxState[node.id],isExpanded:!!nodeExpandedState[node.id]}))))},[dataShown,nodeCheckboxState,nodeExpandedState,onTreeChange]);let 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=(0,_tree.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:!!filterFn,hideBorder,size,showItemsCount,renderRight});return _react.default.createElement(_styledcomponents.StyledList,{role:"tree","data-e2e-test-id":dataE2eTestId,"data-ds-id":"EntityTree"},renderTreeBranches({data:dataShown,level:0,renderFn:renderTreeBranches}))};
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"EntityTree",{enumerable:!0,get:function(){return EntityTree}});const _react=require("@swc/helpers/_/_interop_require_default")._(require("react")),_Container=require("../Container/Container"),_Box=require("../Box/Box"),_BaseEntityTree=require("./BaseEntityTree"),EntityTree=props=>{let{size}=props;return _react.default.createElement(_Container.Container,{overflow:"hidden"},_react.default.createElement(_Box.Box,{space:"zero",vSpace:"xs"===size?"xs":"zero"},_react.default.createElement(_BaseEntityTree.BaseEntityTree,props)))};
@@ -1,5 +1,5 @@
1
1
  import type { NodeID, NodeChildrenMap, NodeCheckboxState } from "./types";
2
- import type { TreeNode } from "./EntityTree";
2
+ import type { TreeNode } from "./BaseEntityTree";
3
3
  export declare function getNodeChildrenMap(tree: Partial<TreeNode>): NodeChildrenMap;
4
4
  export declare function getTreeCheckboxState(nodeChildrenMap: NodeChildrenMap, rootID: NodeID, selectedLeafNodeIds: NodeID[]): NodeCheckboxState;
5
5
  export declare function getLeafNodeIds(nodeChildrenMap: NodeChildrenMap, rootID: NodeID): NodeID[];
@@ -1 +1 @@
1
- "use strict";function foldTree(f,nodeChildrenMap,rootID){let go=nodeID=>f(nodeID,nodeChildrenMap[nodeID].map(go));return go(rootID)}function getNodeChildrenMap(tree){let nodeChildrenMap={};return!function traverse(node){let{children}=node;nodeChildrenMap[node.id]=children.map(child=>(traverse(child),child.id))}(tree),nodeChildrenMap}function getTreeCheckboxState(nodeChildrenMap,rootID,selectedLeafNodeIds){return foldTree((currId,childrenResults)=>{if(0===nodeChildrenMap[currId].length)return{[currId]:selectedLeafNodeIds.includes(currId)?"checked":"unchecked"};let mergedChildrenResult=childrenResults.reduce((acc,result)=>Object.assign(acc,result)),childrenStates=new Set(nodeChildrenMap[currId].map(childId=>mergedChildrenResult[childId]));return{[currId]:1===childrenStates.size?childrenStates.values().next().value:"indeterminate",...mergedChildrenResult}},nodeChildrenMap,rootID)}function getLeafNodeIds(nodeChildrenMap,rootID){return foldTree((currId,childrenResults)=>0===nodeChildrenMap[currId].length?[currId]:childrenResults.flat(),nodeChildrenMap,rootID)}Object.defineProperty(exports,"__esModule",{value:!0}),function(target,all){for(var name in all)Object.defineProperty(target,name,{enumerable:!0,get:all[name]})}(exports,{filterTree:function(){return function filterTree(tree,filterFn){let filteredChildren=tree.children.map(child=>filterTree(child,filterFn)).filter(child=>child);return 0!==filteredChildren.length||filterFn(tree)?{...tree,children:filteredChildren}:null}},getLeafNodeIds:function(){return getLeafNodeIds},getNodeChildrenMap:function(){return getNodeChildrenMap},getTreeCheckboxState:function(){return getTreeCheckboxState},mapTree:function(){return function mapTree(tree,mapFn){return{...mapFn(tree),children:tree.children.map(child=>mapTree(child,mapFn))}}}});
1
+ "use strict";function foldTree(f,nodeChildrenMap,rootID){let go=nodeID=>f(nodeID,nodeChildrenMap[nodeID].map(go));return go(rootID)}function getNodeChildrenMap(tree){let nodeChildrenMap={};return!function traverse(node){let{children}=node;nodeChildrenMap[node.id]=children.map(child=>(traverse(child),child.id))}(tree),nodeChildrenMap}function getTreeCheckboxState(nodeChildrenMap,rootID,selectedLeafNodeIds){return foldTree((currId,childrenResults)=>{if(0===nodeChildrenMap[currId].length)return{[currId]:selectedLeafNodeIds.includes(currId)?"checked":"unchecked"};let mergedChildrenResult=childrenResults.reduce((acc,result)=>Object.assign(acc,result)),childrenStates=new Set(nodeChildrenMap[currId].map(childId=>mergedChildrenResult[childId]));return{[currId]:1===childrenStates.size?childrenStates.values().next().value:"indeterminate",...mergedChildrenResult}},nodeChildrenMap,rootID)}function getLeafNodeIds(nodeChildrenMap,rootID){return foldTree((currId,childrenResults)=>0===nodeChildrenMap[currId].length?[currId]:childrenResults.flat(),nodeChildrenMap,rootID)}Object.defineProperty(exports,"__esModule",{value:!0}),function(target,all){for(var name in all)Object.defineProperty(target,name,{enumerable:!0,get:all[name]})}(exports,{filterTree:function(){return function filterTree(tree,filterFn){let filteredChildren=tree.children.map(child=>filterTree(child,filterFn)).filter(child=>child);return 0!==filteredChildren.length||filterFn(tree)?{...tree,isFiltered:tree.children.length!==filteredChildren.length,children:filteredChildren}:null}},getLeafNodeIds:function(){return getLeafNodeIds},getNodeChildrenMap:function(){return getNodeChildrenMap},getTreeCheckboxState:function(){return getTreeCheckboxState},mapTree:function(){return function mapTree(tree,mapFn){return{...mapFn(tree),children:tree.children.map(child=>mapTree(child,mapFn))}}}});
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});const _tree=require("./tree"),treeListData=[{id:"a",label:"a",children:[{id:"a.1",label:"a.1",children:[{id:"a.1.1",label:"a.1.1",children:[]},{id:"a.1.2",label:"a.1.2",children:[]}]}]},{id:"b",label:"b",children:[{id:"b.1",label:"b.1",children:[{id:"b.1.1",label:"b.1.1",children:[]}]}]}],nodeChildrenMap={root:["a","b"],a:["a.1"],"a.1":["a.1.1","a.1.2"],"a.1.1":[],"a.1.2":[],b:["b.1"],"b.1":["b.1.1"],"b.1.1":[]};test("getNodeChildrenMap should return a relationship mapping between parent and children nodes",()=>{let nodeChildrenMap1=(0,_tree.getNodeChildrenMap)(treeListData[0]),nodeChildrenMap2=(0,_tree.getNodeChildrenMap)(treeListData[1]);expect(nodeChildrenMap1).toEqual({a:["a.1"],"a.1":["a.1.1","a.1.2"],"a.1.1":[],"a.1.2":[]}),expect(nodeChildrenMap2).toEqual({b:["b.1"],"b.1":["b.1.1"],"b.1.1":[]})}),test("getLeafNodeIds should return all the leaf nodes of any given node",()=>{expect((0,_tree.getLeafNodeIds)(nodeChildrenMap,"root")).toEqual(["a.1.1","a.1.2","b.1.1"]),expect((0,_tree.getLeafNodeIds)(nodeChildrenMap,"a")).toEqual(["a.1.1","a.1.2"]),expect((0,_tree.getLeafNodeIds)(nodeChildrenMap,"b.1")).toEqual(["b.1.1"]),expect((0,_tree.getLeafNodeIds)(nodeChildrenMap,"b.1.1")).toEqual(["b.1.1"])}),test("getTreeCheckboxState should return the checkbox state of each node in the tree",()=>{let nodeCheckboxState=(0,_tree.getTreeCheckboxState)(nodeChildrenMap,"root",["a.1.1","b.1.1"]);expect(nodeCheckboxState).toEqual({root:"indeterminate",a:"indeterminate","a.1":"indeterminate","a.1.1":"checked","a.1.2":"unchecked",b:"checked","b.1":"checked","b.1.1":"checked"})}),test("filterTree should return a new tree with the nodes that satisfy the filter function",()=>{let filteredTree1=(0,_tree.filterTree)(treeListData[0],node=>"a.1"===node.id);expect(filteredTree1).toEqual({id:"a",label:"a",children:[{id:"a.1",label:"a.1",children:[]}]});let filteredTree2=(0,_tree.filterTree)(treeListData[0],node=>"non-existent"===node.id);expect(filteredTree2).toEqual(null)}),test("mapTree should return a new tree with all its nodes being mapped",()=>{let mappedTree=(0,_tree.mapTree)(treeListData[0],node=>({...node,label:node.label.toUpperCase()}));expect(mappedTree).toEqual({id:"a",label:"A",children:[{id:"a.1",label:"A.1",children:[{id:"a.1.1",label:"A.1.1",children:[]},{id:"a.1.2",label:"A.1.2",children:[]}]}]})});
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});const _tree=require("./tree"),treeListData=[{id:"a",label:"a",children:[{id:"a.1",label:"a.1",children:[{id:"a.1.1",label:"a.1.1",children:[]},{id:"a.1.2",label:"a.1.2",children:[]}]}]},{id:"b",label:"b",children:[{id:"b.1",label:"b.1",children:[{id:"b.1.1",label:"b.1.1",children:[]}]}]}],nodeChildrenMap={root:["a","b"],a:["a.1"],"a.1":["a.1.1","a.1.2"],"a.1.1":[],"a.1.2":[],b:["b.1"],"b.1":["b.1.1"],"b.1.1":[]};test("getNodeChildrenMap should return a relationship mapping between parent and children nodes",()=>{let nodeChildrenMap1=(0,_tree.getNodeChildrenMap)(treeListData[0]),nodeChildrenMap2=(0,_tree.getNodeChildrenMap)(treeListData[1]);expect(nodeChildrenMap1).toEqual({a:["a.1"],"a.1":["a.1.1","a.1.2"],"a.1.1":[],"a.1.2":[]}),expect(nodeChildrenMap2).toEqual({b:["b.1"],"b.1":["b.1.1"],"b.1.1":[]})}),test("getLeafNodeIds should return all the leaf nodes of any given node",()=>{expect((0,_tree.getLeafNodeIds)(nodeChildrenMap,"root")).toEqual(["a.1.1","a.1.2","b.1.1"]),expect((0,_tree.getLeafNodeIds)(nodeChildrenMap,"a")).toEqual(["a.1.1","a.1.2"]),expect((0,_tree.getLeafNodeIds)(nodeChildrenMap,"b.1")).toEqual(["b.1.1"]),expect((0,_tree.getLeafNodeIds)(nodeChildrenMap,"b.1.1")).toEqual(["b.1.1"])}),test("getTreeCheckboxState should return the checkbox state of each node in the tree",()=>{let nodeCheckboxState=(0,_tree.getTreeCheckboxState)(nodeChildrenMap,"root",["a.1.1","b.1.1"]);expect(nodeCheckboxState).toEqual({root:"indeterminate",a:"indeterminate","a.1":"indeterminate","a.1.1":"checked","a.1.2":"unchecked",b:"checked","b.1":"checked","b.1.1":"checked"})}),test("filterTree should return a new tree with the nodes that satisfy the filter function",()=>{let filteredTree1=(0,_tree.filterTree)(treeListData[0],node=>"a.1"===node.id);expect(filteredTree1).toEqual({id:"a",label:"a",isFiltered:!1,children:[{id:"a.1",label:"a.1",isFiltered:!0,children:[]}]});let filteredTree2=(0,_tree.filterTree)(treeListData[0],node=>"non-existent"===node.id);expect(filteredTree2).toEqual(null)}),test("mapTree should return a new tree with all its nodes being mapped",()=>{let mappedTree=(0,_tree.mapTree)(treeListData[0],node=>({...node,label:node.label.toUpperCase()}));expect(mappedTree).toEqual({id:"a",label:"A",children:[{id:"a.1",label:"A.1",children:[{id:"a.1.1",label:"A.1.1",children:[]},{id:"a.1.2",label:"A.1.2",children:[]}]}]})});
@@ -13,7 +13,7 @@ export declare const MaskedInput: React.ForwardRefExoticComponent<{
13
13
  } & {
14
14
  name: string;
15
15
  value?: string;
16
- icon?: "article" | "link" | "menu" | "table" | "key" | "info" | "circle" | "filter" | "image" | "x" | "download" | "list" | "search" | "grid" | "sort" | "copy" | "reset" | "alert-circle" | "alert-triangle" | "alert-octagon" | "align-left" | "amboss-logo" | "anamnesis" | "apple" | "arrow-down" | "arrow-left" | "arrow-right" | "arrow-up" | "auditor" | "award" | "bar-chart-2" | "bell" | "bell-curve" | "book" | "bookmark" | "book-open" | "box" | "bubble" | "bubble-check" | "bubble-image" | "bubble-pill" | "bubble-text" | "bulb" | "calculator" | "chart" | "charts" | "check" | "check-circle" | "check-small" | "check-square" | "checkmark-circle-filled" | "chevron-down" | "chevrons-down" | "chevron-left" | "chevron-right" | "chevron-up" | "chevrons-up" | "clipboard" | "coffee" | "collapse" | "comment" | "compass" | "corner-down-left" | "corner-down-right" | "credit-card" | "edit-3" | "edit-3-filled" | "edit-square" | "education" | "effigos" | "emergency" | "expand" | "external-link" | "eye" | "eye-off" | "facebook" | "face-happy" | "face-neutral" | "face-sad" | "file-text" | "figma" | "filled-dot" | "film" | "flag" | "flag-filled" | "flask" | "flowchart" | "folder" | "folder-check-filled" | "folder-plus" | "gift" | "google" | "hammer-filled" | "hash" | "headphones" | "help-circle" | "home" | "illustration" | "image-broken" | "institution" | "layers" | "loader" | "lock" | "magic" | "mail" | "maximize" | "maximize-2" | "med-imaging" | "meditricks" | "message-circle" | "minus" | "more-horizontal" | "more-vertical" | "no-fill" | "open-full-screen" | "open-new-tab" | "open-sidebar-right" | "percent" | "pill" | "play-circle" | "play-filled" | "plus" | "plus-circle" | "plus-circle-filled" | "quiz" | "rotate-cw" | "search-list" | "settings" | "share" | "shopping-bag" | "show-all" | "sliders" | "smartzoom" | "sort-ascending" | "sort-descending" | "sort-neutral" | "star" | "stethoscope" | "tag" | "text-zoom-reset" | "thumbs-down" | "thumbs-up" | "timer-off" | "timer-on" | "trash-2" | "twitter" | "unlock" | "user" | "users" | "watch" | "wifi-off" | "wifi" | "x-circle-filled" | "zap" | "square";
16
+ icon?: "article" | "link" | "menu" | "table" | "key" | "info" | "circle" | "filter" | "image" | "x" | "download" | "list" | "search" | "grid" | "sort" | "copy" | "reset" | "activity" | "alert-circle" | "alert-triangle" | "alert-octagon" | "align-left" | "amboss-logo" | "anamnesis" | "apple" | "arrow-down" | "arrow-left" | "arrow-right" | "arrow-up" | "auditor" | "award" | "bar-chart-2" | "bell" | "bell-curve" | "book" | "bookmark" | "book-open" | "box" | "bubble" | "bubble-check" | "bubble-image" | "bubble-pill" | "bubble-text" | "bulb" | "calculator" | "chart" | "charts" | "check" | "check-circle" | "check-small" | "check-square" | "checkmark-circle-filled" | "chevron-down" | "chevrons-down" | "chevron-left" | "chevron-right" | "chevron-up" | "chevrons-up" | "clipboard" | "coffee" | "collapse" | "comment" | "compass" | "corner-down-left" | "corner-down-right" | "credit-card" | "edit-3" | "edit-3-filled" | "edit-square" | "education" | "effigos" | "emergency" | "expand" | "external-link" | "eye" | "eye-off" | "facebook" | "face-happy" | "face-neutral" | "face-sad" | "file-text" | "figma" | "filled-dot" | "film" | "flag" | "flag-filled" | "flask" | "flowchart" | "folder" | "folder-check-filled" | "folder-plus" | "gift" | "google" | "hammer-filled" | "hash" | "headphones" | "help-circle" | "home" | "illustration" | "image-broken" | "institution" | "layers" | "loader" | "lock" | "magic" | "mail" | "maximize" | "maximize-2" | "med-imaging" | "meditricks" | "message-circle" | "minus" | "more-horizontal" | "more-vertical" | "no-fill" | "open-full-screen" | "open-new-tab" | "open-sidebar-right" | "percent" | "pill" | "play-circle" | "play-filled" | "plus" | "plus-circle" | "plus-circle-filled" | "quiz" | "rotate-cw" | "search-list" | "settings" | "share" | "shopping-bag" | "show-all" | "sliders" | "smartzoom" | "sort-ascending" | "sort-descending" | "sort-neutral" | "star" | "stethoscope" | "tag" | "text-zoom-reset" | "thumbs-down" | "thumbs-up" | "timer-off" | "timer-on" | "trash-2" | "twitter" | "unlock" | "user" | "users" | "watch" | "wifi-off" | "wifi" | "x-circle-filled" | "zap" | "square";
17
17
  placeholder?: string;
18
18
  hasError?: boolean;
19
19
  disabled?: boolean;
@@ -1,3 +1,3 @@
1
1
  import React from "react";
2
2
  import type { ListItemProps } from "./types";
3
- export declare function ListItem({ description, size, role, renderLeft, renderRight, isExpanded, children, onClick, onExpandClick, isClickable, lSpaceStep, renderLabel, hideBorder, "aria-label": ariaLabel, }: ListItemProps): React.ReactElement;
3
+ export declare function ListItem({ description, size, role, renderLeft, renderRight, isExpanded, children, onClick, onExpandClick, isClickable, lSpaceStep, renderLabel, hideBorder, isDisabledExpand, "aria-label": ariaLabel, }: ListItemProps): React.ReactElement;
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"ListItem",{enumerable:!0,get:function(){return ListItem}});const _react=require("@swc/helpers/_/_interop_require_default")._(require("react")),_ListItemLabel=require("./ListItemLabel"),_styledcomponents=require("./styled-components");function ListItem({description,size="m",role,renderLeft,renderRight,isExpanded,children,onClick,onExpandClick,isClickable=!0,lSpaceStep,renderLabel,hideBorder,"aria-label":ariaLabel}){return _react.default.createElement(_styledcomponents.StyledListItem,{role:role,"aria-expanded":isExpanded,"aria-label":ariaLabel},_react.default.createElement(_ListItemLabel.ListItemLabel,{lSpaceStep:lSpaceStep,hideBorder:hideBorder,isExpanded:isExpanded,size:size,description:description,onExpandClick:onExpandClick,onClick:onClick,isClickable:isClickable,renderLeft:renderLeft,renderRight:renderRight,renderLabel:renderLabel}),isExpanded&&children)}
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"ListItem",{enumerable:!0,get:function(){return ListItem}});const _react=require("@swc/helpers/_/_interop_require_default")._(require("react")),_ListItemLabel=require("./ListItemLabel"),_styledcomponents=require("./styled-components");function ListItem({description,size="m",role,renderLeft,renderRight,isExpanded,children,onClick,onExpandClick,isClickable=!0,lSpaceStep,renderLabel,hideBorder,isDisabledExpand,"aria-label":ariaLabel}){return _react.default.createElement(_styledcomponents.StyledListItem,{role:role,"aria-expanded":isExpanded,"aria-label":ariaLabel},_react.default.createElement(_ListItemLabel.ListItemLabel,{isDisabledExpand:isDisabledExpand,lSpaceStep:lSpaceStep,hideBorder:hideBorder,isExpanded:isExpanded,size:size,description:description,onExpandClick:onExpandClick,onClick:onClick,isClickable:isClickable,renderLeft:renderLeft,renderRight:renderRight,renderLabel:renderLabel}),isExpanded&&children)}
@@ -1,3 +1,5 @@
1
1
  import React from "react";
2
2
  import type { ListItemProps } from "./types";
3
- export declare function ListItemExpandButton({ onClick, isExpanded, }: Partial<ListItemProps>): React.ReactElement;
3
+ export declare function ListItemExpandButton({ onClick, isExpanded, disabled, }: Partial<ListItemProps> & {
4
+ disabled?: boolean;
5
+ }): React.ReactElement;
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"ListItemExpandButton",{enumerable:!0,get:function(){return ListItemExpandButton}});const _react=require("@swc/helpers/_/_interop_require_default")._(require("react")),_PictogramButton=require("../PictogramButton/PictogramButton"),_Box=require("../Box/Box");function ListItemExpandButton({onClick,isExpanded}){return _react.default.createElement(_Box.Box,{vSpace:"zero",lSpace:"m",rSpace:"m"},_react.default.createElement(_PictogramButton.PictogramButton,{onClick:onClick,icon:isExpanded?"chevron-down":"chevron-right"}))}
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"ListItemExpandButton",{enumerable:!0,get:function(){return ListItemExpandButton}});const _react=require("@swc/helpers/_/_interop_require_default")._(require("react")),_PictogramButton=require("../PictogramButton/PictogramButton"),_Box=require("../Box/Box");function ListItemExpandButton({onClick,isExpanded,disabled}){return _react.default.createElement(_Box.Box,{vSpace:"zero",lSpace:"m",rSpace:"m"},_react.default.createElement(_PictogramButton.PictogramButton,{disabled:disabled,onClick:onClick,icon:isExpanded?"chevron-down":"chevron-right"}))}
@@ -1,3 +1,3 @@
1
1
  import React from "react";
2
2
  import type { ListItemProps } from "./types";
3
- export declare function ListItemLabel({ description, size, renderLeft, renderRight, renderLabel, isExpanded, onClick, onExpandClick, isClickable, lSpaceStep, hideBorder, }: Partial<ListItemProps>): React.ReactElement;
3
+ export declare function ListItemLabel({ description, size, renderLeft, renderRight, renderLabel, isExpanded, onClick, onExpandClick, isClickable, lSpaceStep, hideBorder, isDisabledExpand, }: Partial<ListItemProps>): React.ReactElement;
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"ListItemLabel",{enumerable:!0,get:function(){return ListItemLabel}});const _react=require("@swc/helpers/_/_interop_require_wildcard")._(require("react")),_ListItemText=require("./ListItemText"),_ListItemExpandButton=require("./ListItemExpandButton"),_Inline=require("../Inline/Inline"),_styledcomponents=require("./styled-components"),useListItemLabel=({size,isExpanded,lSpaceStep})=>{let hasExpandableIcon=void 0!==isExpanded,isTreeNode=void 0!==lSpaceStep;return{isDeepestTreeNode:!hasExpandableIcon&&isTreeNode,isTreeNode,textSize:"xs"===size?"s":"m",hasExpandableIcon}},StopPropogationWrapper=({children})=>{let handleClick=(0,_react.useCallback)(e=>{e.stopPropagation()},[]);return _react.default.createElement("div",{role:"presentation",onClick:handleClick},children)};function ListItemLabel({description,size="m",renderLeft,renderRight,renderLabel,isExpanded,onClick,onExpandClick,isClickable=!0,lSpaceStep,hideBorder}){let{textSize,hasExpandableIcon,isTreeNode,isDeepestTreeNode}=useListItemLabel({size,isExpanded,lSpaceStep});return _react.default.createElement(_styledcomponents.StyledListItemLabel,{size:size,onClick:onClick,isClickable:isClickable,isDeepestTreeNode:isDeepestTreeNode,lSpaceStep:lSpaceStep},hasExpandableIcon&&_react.default.createElement(_ListItemExpandButton.ListItemExpandButton,{isExpanded:isExpanded,onClick:onExpandClick}),_react.default.createElement(_styledcomponents.StyledListItemWrapper,{size:size,hasLSpace:!isTreeNode,hideBorder:hideBorder},_react.default.createElement(_Inline.Inline,{noWrap:!0,alignItems:"spaceBetween"},_react.default.createElement(_Inline.Inline,{noWrap:!0,alignItems:"spaceBetween",space:"m"},renderLeft&&renderLeft({size:textSize}),_react.default.createElement(_ListItemText.ListItemText,{size:textSize,description:description},renderLabel({size:textSize}))),renderRight&&_react.default.createElement(StopPropogationWrapper,null,renderRight({size:textSize})))))}
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"ListItemLabel",{enumerable:!0,get:function(){return ListItemLabel}});const _react=require("@swc/helpers/_/_interop_require_wildcard")._(require("react")),_ListItemText=require("./ListItemText"),_ListItemExpandButton=require("./ListItemExpandButton"),_Inline=require("../Inline/Inline"),_styledcomponents=require("./styled-components"),useListItemLabel=({size,isExpanded,lSpaceStep})=>{let hasExpandableIcon=void 0!==isExpanded,isTreeNode=void 0!==lSpaceStep;return{isDeepestTreeNode:!hasExpandableIcon&&isTreeNode,isTreeNode,textSize:"xs"===size?"s":"m",hasExpandableIcon}},StopPropogationWrapper=({children})=>{let handleClick=(0,_react.useCallback)(e=>{e.stopPropagation()},[]);return _react.default.createElement("div",{role:"presentation",onClick:handleClick},children)};function ListItemLabel({description,size="m",renderLeft,renderRight,renderLabel,isExpanded,onClick,onExpandClick,isClickable=!0,lSpaceStep,hideBorder,isDisabledExpand}){let{textSize,hasExpandableIcon,isTreeNode,isDeepestTreeNode}=useListItemLabel({size,isExpanded,lSpaceStep});return _react.default.createElement(_styledcomponents.StyledListItemLabel,{size:size,onClick:onClick,isClickable:isClickable,isDeepestTreeNode:isDeepestTreeNode,lSpaceStep:lSpaceStep},hasExpandableIcon&&_react.default.createElement(_ListItemExpandButton.ListItemExpandButton,{disabled:isDisabledExpand,isExpanded:isExpanded,onClick:onExpandClick}),_react.default.createElement(_styledcomponents.StyledListItemWrapper,{size:size,hasLSpace:!isTreeNode,hideBorder:hideBorder},_react.default.createElement(_Inline.Inline,{noWrap:!0,alignItems:"spaceBetween"},_react.default.createElement(_Inline.Inline,{noWrap:!0,alignItems:"spaceBetween",space:"m"},renderLeft&&renderLeft({size:textSize}),_react.default.createElement(_ListItemText.ListItemText,{size:textSize,description:description},renderLabel({size:textSize}))),renderRight&&_react.default.createElement(StopPropogationWrapper,null,renderRight({size:textSize})))))}
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),function(target,all){for(var name in all)Object.defineProperty(target,name,{enumerable:!0,get:all[name]})}(exports,{StyledList:function(){return StyledList},StyledListItem:function(){return StyledListItem},StyledListItemLabel:function(){return StyledListItemLabel},StyledListItemWrapper:function(){return StyledListItemWrapper}});const _styled=require("@swc/helpers/_/_interop_require_default")._(require("@emotion/styled")),_mediaQueries=require("../../shared/mediaQueries"),StyledList=(0,_styled.default)("ul",{target:"ecuw86y0",label:"StyledList"})("/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvTGlzdC9zdHlsZWQtY29tcG9uZW50cy50cyIsInNvdXJjZXMiOlsic3JjL2NvbXBvbmVudHMvTGlzdC9zdHlsZWQtY29tcG9uZW50cy50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB0eXBlIHtcbiAgTGlzdEl0ZW1Qcm9wcyxcbiAgTGlzdEl0ZW1XcmFwcGVyUHJvcHMsXG4gIFVzZUxpc3RJdGVtTGFiZWxSZXR1cm4sXG59IGZyb20gXCIuL3R5cGVzXCI7XG5pbXBvcnQgeyBtcSB9IGZyb20gXCIuLi8uLi9zaGFyZWQvbWVkaWFRdWVyaWVzXCI7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRMaXN0ID0gc3R5bGVkLnVsYGA7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRMaXN0SXRlbVdyYXBwZXIgPSBzdHlsZWQuZGl2PExpc3RJdGVtV3JhcHBlclByb3BzPihcbiAgKHsgdGhlbWUsIHNpemUsIGhhc0xTcGFjZSwgaGlkZUJvcmRlciB9KSA9PiAoe1xuICAgIGJvcmRlckJvdHRvbTogYDFweCBzb2xpZCAke3RoZW1lLnZhbHVlcy5jb2xvci5ib3JkZXIuc2Vjb25kYXJ5LmRlZmF1bHR9YCxcbiAgICAuLi4oaGlkZUJvcmRlciAmJiB7XG4gICAgICBib3JkZXJCb3R0b21Db2xvcjogXCJ0cmFuc3BhcmVudFwiLFxuICAgIH0pLFxuICAgIHdpZHRoOiBcIjEwMCVcIixcbiAgICAuLi4oaGFzTFNwYWNlICYmIHtcbiAgICAgIHBhZGRpbmdMZWZ0OiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLmwsXG4gICAgfSksXG4gICAgcGFkZGluZ1JpZ2h0OiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLmwsXG4gICAgLi4ubXEoe1xuICAgICAgcGFkZGluZ0JvdHRvbTogW1xuICAgICAgICBzaXplLFxuICAgICAgICB7XG4gICAgICAgICAgeHM6IGBjYWxjKCR7dGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy54c30gLSAxcHgpYCxcbiAgICAgICAgICBzOiBgY2FsYygke3RoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcuc30gLSAxcHgpYCxcbiAgICAgICAgICBtOiBgY2FsYygke3RoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcubX0gLSAxcHgpYCxcbiAgICAgICAgICBsOiBgY2FsYygke3RoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcubH0gLSAxcHgpYCxcbiAgICAgICAgfSBhcyBhbnksXG4gICAgICBdLFxuICAgIH0pLFxuICB9KVxuKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZExpc3RJdGVtID0gc3R5bGVkLmxpPFBhcnRpYWw8TGlzdEl0ZW1Qcm9wcz4+KCgpID0+ICh7XG4gIGxpc3RTdHlsZVR5cGU6IFwibm9uZVwiLFxufSkpO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkTGlzdEl0ZW1MYWJlbCA9IHN0eWxlZC5kaXY8XG4gIFBhcnRpYWw8TGlzdEl0ZW1Qcm9wcz4gJiBQYXJ0aWFsPFVzZUxpc3RJdGVtTGFiZWxSZXR1cm4+XG4+KCh7IHRoZW1lLCBzaXplLCBpc0NsaWNrYWJsZSwgbFNwYWNlU3RlcCwgaXNEZWVwZXN0VHJlZU5vZGUgfSkgPT4gKHtcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGZsZXhHcm93OiAxLFxuICB3aWR0aDogXCIxMDAlXCIsXG5cbiAgcG9pbnRlckV2ZW50czogaXNDbGlja2FibGUgPyBcImF1dG9cIiA6IFwibm9uZVwiLFxuXG4gIC4uLihsU3BhY2VTdGVwICYmIHtcbiAgICBwYWRkaW5nTGVmdDogYGNhbGMoJHt0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnhsfSAqICR7bFNwYWNlU3RlcH0gKyAke1xuICAgICAgaXNEZWVwZXN0VHJlZU5vZGUgPyBcIjU2cHhcIiA6IFwiMHB4XCJcbiAgICB9KWAsXG4gIH0pLFxuXG4gIC4uLm1xKHtcbiAgICBwYWRkaW5nVG9wOiBbXG4gICAgICBzaXplLFxuICAgICAge1xuICAgICAgICB4czogYCR7dGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy54c31gLFxuICAgICAgICBzOiBgJHt0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnN9YCxcbiAgICAgICAgbTogYCR7dGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5tfWAsXG4gICAgICAgIGw6IGAke3RoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcubH1gLFxuICAgICAgfSBhcyBhbnksXG4gICAgXSxcbiAgfSksXG5cbiAgdHJhbnNpdGlvbjogXCJiYWNrZ3JvdW5kLWNvbG9yIDAuMXMgZWFzZS1vdXRcIixcbiAgLi4uKGlzQ2xpY2thYmxlICYmIHtcbiAgICBjdXJzb3I6IFwicG9pbnRlclwiLFxuICAgIFwiJjpob3ZlclwiOiB7XG4gICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLnRyYW5zcGFyZW50LmhvdmVyLFxuICAgIH0sXG4gIH0pLFxufSkpO1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVEwQiJ9 */"),StyledListItemWrapper=(0,_styled.default)("div",{target:"ecuw86y1",label:"StyledListItemWrapper"})(({theme,size,hasLSpace,hideBorder})=>({borderBottom:`1px solid ${theme.values.color.border.secondary.default}`,...hideBorder&&{borderBottomColor:"transparent"},width:"100%",...hasLSpace&&{paddingLeft:theme.variables.size.spacing.l},paddingRight:theme.variables.size.spacing.l,...(0,_mediaQueries.mq)({paddingBottom:[size,{xs:`calc(${theme.variables.size.spacing.xs} - 1px)`,s:`calc(${theme.variables.size.spacing.s} - 1px)`,m:`calc(${theme.variables.size.spacing.m} - 1px)`,l:`calc(${theme.variables.size.spacing.l} - 1px)`}]})}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvTGlzdC9zdHlsZWQtY29tcG9uZW50cy50cyIsInNvdXJjZXMiOlsic3JjL2NvbXBvbmVudHMvTGlzdC9zdHlsZWQtY29tcG9uZW50cy50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB0eXBlIHtcbiAgTGlzdEl0ZW1Qcm9wcyxcbiAgTGlzdEl0ZW1XcmFwcGVyUHJvcHMsXG4gIFVzZUxpc3RJdGVtTGFiZWxSZXR1cm4sXG59IGZyb20gXCIuL3R5cGVzXCI7XG5pbXBvcnQgeyBtcSB9IGZyb20gXCIuLi8uLi9zaGFyZWQvbWVkaWFRdWVyaWVzXCI7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRMaXN0ID0gc3R5bGVkLnVsYGA7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRMaXN0SXRlbVdyYXBwZXIgPSBzdHlsZWQuZGl2PExpc3RJdGVtV3JhcHBlclByb3BzPihcbiAgKHsgdGhlbWUsIHNpemUsIGhhc0xTcGFjZSwgaGlkZUJvcmRlciB9KSA9PiAoe1xuICAgIGJvcmRlckJvdHRvbTogYDFweCBzb2xpZCAke3RoZW1lLnZhbHVlcy5jb2xvci5ib3JkZXIuc2Vjb25kYXJ5LmRlZmF1bHR9YCxcbiAgICAuLi4oaGlkZUJvcmRlciAmJiB7XG4gICAgICBib3JkZXJCb3R0b21Db2xvcjogXCJ0cmFuc3BhcmVudFwiLFxuICAgIH0pLFxuICAgIHdpZHRoOiBcIjEwMCVcIixcbiAgICAuLi4oaGFzTFNwYWNlICYmIHtcbiAgICAgIHBhZGRpbmdMZWZ0OiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLmwsXG4gICAgfSksXG4gICAgcGFkZGluZ1JpZ2h0OiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLmwsXG4gICAgLi4ubXEoe1xuICAgICAgcGFkZGluZ0JvdHRvbTogW1xuICAgICAgICBzaXplLFxuICAgICAgICB7XG4gICAgICAgICAgeHM6IGBjYWxjKCR7dGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy54c30gLSAxcHgpYCxcbiAgICAgICAgICBzOiBgY2FsYygke3RoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcuc30gLSAxcHgpYCxcbiAgICAgICAgICBtOiBgY2FsYygke3RoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcubX0gLSAxcHgpYCxcbiAgICAgICAgICBsOiBgY2FsYygke3RoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcubH0gLSAxcHgpYCxcbiAgICAgICAgfSBhcyBhbnksXG4gICAgICBdLFxuICAgIH0pLFxuICB9KVxuKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZExpc3RJdGVtID0gc3R5bGVkLmxpPFBhcnRpYWw8TGlzdEl0ZW1Qcm9wcz4+KCgpID0+ICh7XG4gIGxpc3RTdHlsZVR5cGU6IFwibm9uZVwiLFxufSkpO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkTGlzdEl0ZW1MYWJlbCA9IHN0eWxlZC5kaXY8XG4gIFBhcnRpYWw8TGlzdEl0ZW1Qcm9wcz4gJiBQYXJ0aWFsPFVzZUxpc3RJdGVtTGFiZWxSZXR1cm4+XG4+KCh7IHRoZW1lLCBzaXplLCBpc0NsaWNrYWJsZSwgbFNwYWNlU3RlcCwgaXNEZWVwZXN0VHJlZU5vZGUgfSkgPT4gKHtcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGZsZXhHcm93OiAxLFxuICB3aWR0aDogXCIxMDAlXCIsXG5cbiAgcG9pbnRlckV2ZW50czogaXNDbGlja2FibGUgPyBcImF1dG9cIiA6IFwibm9uZVwiLFxuXG4gIC4uLihsU3BhY2VTdGVwICYmIHtcbiAgICBwYWRkaW5nTGVmdDogYGNhbGMoJHt0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnhsfSAqICR7bFNwYWNlU3RlcH0gKyAke1xuICAgICAgaXNEZWVwZXN0VHJlZU5vZGUgPyBcIjU2cHhcIiA6IFwiMHB4XCJcbiAgICB9KWAsXG4gIH0pLFxuXG4gIC4uLm1xKHtcbiAgICBwYWRkaW5nVG9wOiBbXG4gICAgICBzaXplLFxuICAgICAge1xuICAgICAgICB4czogYCR7dGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy54c31gLFxuICAgICAgICBzOiBgJHt0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnN9YCxcbiAgICAgICAgbTogYCR7dGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5tfWAsXG4gICAgICAgIGw6IGAke3RoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcubH1gLFxuICAgICAgfSBhcyBhbnksXG4gICAgXSxcbiAgfSksXG5cbiAgdHJhbnNpdGlvbjogXCJiYWNrZ3JvdW5kLWNvbG9yIDAuMXMgZWFzZS1vdXRcIixcbiAgLi4uKGlzQ2xpY2thYmxlICYmIHtcbiAgICBjdXJzb3I6IFwicG9pbnRlclwiLFxuICAgIFwiJjpob3ZlclwiOiB7XG4gICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLnRyYW5zcGFyZW50LmhvdmVyLFxuICAgIH0sXG4gIH0pLFxufSkpO1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVVxQyJ9 */"),StyledListItem=(0,_styled.default)("li",{target:"ecuw86y2",label:"StyledListItem"})(()=>({listStyleType:"none"}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvTGlzdC9zdHlsZWQtY29tcG9uZW50cy50cyIsInNvdXJjZXMiOlsic3JjL2NvbXBvbmVudHMvTGlzdC9zdHlsZWQtY29tcG9uZW50cy50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB0eXBlIHtcbiAgTGlzdEl0ZW1Qcm9wcyxcbiAgTGlzdEl0ZW1XcmFwcGVyUHJvcHMsXG4gIFVzZUxpc3RJdGVtTGFiZWxSZXR1cm4sXG59IGZyb20gXCIuL3R5cGVzXCI7XG5pbXBvcnQgeyBtcSB9IGZyb20gXCIuLi8uLi9zaGFyZWQvbWVkaWFRdWVyaWVzXCI7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRMaXN0ID0gc3R5bGVkLnVsYGA7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRMaXN0SXRlbVdyYXBwZXIgPSBzdHlsZWQuZGl2PExpc3RJdGVtV3JhcHBlclByb3BzPihcbiAgKHsgdGhlbWUsIHNpemUsIGhhc0xTcGFjZSwgaGlkZUJvcmRlciB9KSA9PiAoe1xuICAgIGJvcmRlckJvdHRvbTogYDFweCBzb2xpZCAke3RoZW1lLnZhbHVlcy5jb2xvci5ib3JkZXIuc2Vjb25kYXJ5LmRlZmF1bHR9YCxcbiAgICAuLi4oaGlkZUJvcmRlciAmJiB7XG4gICAgICBib3JkZXJCb3R0b21Db2xvcjogXCJ0cmFuc3BhcmVudFwiLFxuICAgIH0pLFxuICAgIHdpZHRoOiBcIjEwMCVcIixcbiAgICAuLi4oaGFzTFNwYWNlICYmIHtcbiAgICAgIHBhZGRpbmdMZWZ0OiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLmwsXG4gICAgfSksXG4gICAgcGFkZGluZ1JpZ2h0OiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLmwsXG4gICAgLi4ubXEoe1xuICAgICAgcGFkZGluZ0JvdHRvbTogW1xuICAgICAgICBzaXplLFxuICAgICAgICB7XG4gICAgICAgICAgeHM6IGBjYWxjKCR7dGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy54c30gLSAxcHgpYCxcbiAgICAgICAgICBzOiBgY2FsYygke3RoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcuc30gLSAxcHgpYCxcbiAgICAgICAgICBtOiBgY2FsYygke3RoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcubX0gLSAxcHgpYCxcbiAgICAgICAgICBsOiBgY2FsYygke3RoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcubH0gLSAxcHgpYCxcbiAgICAgICAgfSBhcyBhbnksXG4gICAgICBdLFxuICAgIH0pLFxuICB9KVxuKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZExpc3RJdGVtID0gc3R5bGVkLmxpPFBhcnRpYWw8TGlzdEl0ZW1Qcm9wcz4+KCgpID0+ICh7XG4gIGxpc3RTdHlsZVR5cGU6IFwibm9uZVwiLFxufSkpO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkTGlzdEl0ZW1MYWJlbCA9IHN0eWxlZC5kaXY8XG4gIFBhcnRpYWw8TGlzdEl0ZW1Qcm9wcz4gJiBQYXJ0aWFsPFVzZUxpc3RJdGVtTGFiZWxSZXR1cm4+XG4+KCh7IHRoZW1lLCBzaXplLCBpc0NsaWNrYWJsZSwgbFNwYWNlU3RlcCwgaXNEZWVwZXN0VHJlZU5vZGUgfSkgPT4gKHtcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGZsZXhHcm93OiAxLFxuICB3aWR0aDogXCIxMDAlXCIsXG5cbiAgcG9pbnRlckV2ZW50czogaXNDbGlja2FibGUgPyBcImF1dG9cIiA6IFwibm9uZVwiLFxuXG4gIC4uLihsU3BhY2VTdGVwICYmIHtcbiAgICBwYWRkaW5nTGVmdDogYGNhbGMoJHt0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnhsfSAqICR7bFNwYWNlU3RlcH0gKyAke1xuICAgICAgaXNEZWVwZXN0VHJlZU5vZGUgPyBcIjU2cHhcIiA6IFwiMHB4XCJcbiAgICB9KWAsXG4gIH0pLFxuXG4gIC4uLm1xKHtcbiAgICBwYWRkaW5nVG9wOiBbXG4gICAgICBzaXplLFxuICAgICAge1xuICAgICAgICB4czogYCR7dGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy54c31gLFxuICAgICAgICBzOiBgJHt0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnN9YCxcbiAgICAgICAgbTogYCR7dGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5tfWAsXG4gICAgICAgIGw6IGAke3RoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcubH1gLFxuICAgICAgfSBhcyBhbnksXG4gICAgXSxcbiAgfSksXG5cbiAgdHJhbnNpdGlvbjogXCJiYWNrZ3JvdW5kLWNvbG9yIDAuMXMgZWFzZS1vdXRcIixcbiAgLi4uKGlzQ2xpY2thYmxlICYmIHtcbiAgICBjdXJzb3I6IFwicG9pbnRlclwiLFxuICAgIFwiJjpob3ZlclwiOiB7XG4gICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLnRyYW5zcGFyZW50LmhvdmVyLFxuICAgIH0sXG4gIH0pLFxufSkpO1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW1DOEIifQ== */"),StyledListItemLabel=(0,_styled.default)("div",{target:"ecuw86y3",label:"StyledListItemLabel"})(({theme,size,isClickable,lSpaceStep,isDeepestTreeNode})=>({display:"flex",flexGrow:1,width:"100%",pointerEvents:isClickable?"auto":"none",...lSpaceStep&&{paddingLeft:`calc(${theme.variables.size.spacing.xl} * ${lSpaceStep} + ${isDeepestTreeNode?"56px":"0px"})`},...(0,_mediaQueries.mq)({paddingTop:[size,{xs:`${theme.variables.size.spacing.xs}`,s:`${theme.variables.size.spacing.s}`,m:`${theme.variables.size.spacing.m}`,l:`${theme.variables.size.spacing.l}`}]}),transition:"background-color 0.1s ease-out",...isClickable&&{cursor:"pointer","&:hover":{backgroundColor:theme.values.color.background.transparent.hover}}}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvTGlzdC9zdHlsZWQtY29tcG9uZW50cy50cyIsInNvdXJjZXMiOlsic3JjL2NvbXBvbmVudHMvTGlzdC9zdHlsZWQtY29tcG9uZW50cy50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB0eXBlIHtcbiAgTGlzdEl0ZW1Qcm9wcyxcbiAgTGlzdEl0ZW1XcmFwcGVyUHJvcHMsXG4gIFVzZUxpc3RJdGVtTGFiZWxSZXR1cm4sXG59IGZyb20gXCIuL3R5cGVzXCI7XG5pbXBvcnQgeyBtcSB9IGZyb20gXCIuLi8uLi9zaGFyZWQvbWVkaWFRdWVyaWVzXCI7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRMaXN0ID0gc3R5bGVkLnVsYGA7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRMaXN0SXRlbVdyYXBwZXIgPSBzdHlsZWQuZGl2PExpc3RJdGVtV3JhcHBlclByb3BzPihcbiAgKHsgdGhlbWUsIHNpemUsIGhhc0xTcGFjZSwgaGlkZUJvcmRlciB9KSA9PiAoe1xuICAgIGJvcmRlckJvdHRvbTogYDFweCBzb2xpZCAke3RoZW1lLnZhbHVlcy5jb2xvci5ib3JkZXIuc2Vjb25kYXJ5LmRlZmF1bHR9YCxcbiAgICAuLi4oaGlkZUJvcmRlciAmJiB7XG4gICAgICBib3JkZXJCb3R0b21Db2xvcjogXCJ0cmFuc3BhcmVudFwiLFxuICAgIH0pLFxuICAgIHdpZHRoOiBcIjEwMCVcIixcbiAgICAuLi4oaGFzTFNwYWNlICYmIHtcbiAgICAgIHBhZGRpbmdMZWZ0OiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLmwsXG4gICAgfSksXG4gICAgcGFkZGluZ1JpZ2h0OiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLmwsXG4gICAgLi4ubXEoe1xuICAgICAgcGFkZGluZ0JvdHRvbTogW1xuICAgICAgICBzaXplLFxuICAgICAgICB7XG4gICAgICAgICAgeHM6IGBjYWxjKCR7dGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy54c30gLSAxcHgpYCxcbiAgICAgICAgICBzOiBgY2FsYygke3RoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcuc30gLSAxcHgpYCxcbiAgICAgICAgICBtOiBgY2FsYygke3RoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcubX0gLSAxcHgpYCxcbiAgICAgICAgICBsOiBgY2FsYygke3RoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcubH0gLSAxcHgpYCxcbiAgICAgICAgfSBhcyBhbnksXG4gICAgICBdLFxuICAgIH0pLFxuICB9KVxuKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZExpc3RJdGVtID0gc3R5bGVkLmxpPFBhcnRpYWw8TGlzdEl0ZW1Qcm9wcz4+KCgpID0+ICh7XG4gIGxpc3RTdHlsZVR5cGU6IFwibm9uZVwiLFxufSkpO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkTGlzdEl0ZW1MYWJlbCA9IHN0eWxlZC5kaXY8XG4gIFBhcnRpYWw8TGlzdEl0ZW1Qcm9wcz4gJiBQYXJ0aWFsPFVzZUxpc3RJdGVtTGFiZWxSZXR1cm4+XG4+KCh7IHRoZW1lLCBzaXplLCBpc0NsaWNrYWJsZSwgbFNwYWNlU3RlcCwgaXNEZWVwZXN0VHJlZU5vZGUgfSkgPT4gKHtcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGZsZXhHcm93OiAxLFxuICB3aWR0aDogXCIxMDAlXCIsXG5cbiAgcG9pbnRlckV2ZW50czogaXNDbGlja2FibGUgPyBcImF1dG9cIiA6IFwibm9uZVwiLFxuXG4gIC4uLihsU3BhY2VTdGVwICYmIHtcbiAgICBwYWRkaW5nTGVmdDogYGNhbGMoJHt0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnhsfSAqICR7bFNwYWNlU3RlcH0gKyAke1xuICAgICAgaXNEZWVwZXN0VHJlZU5vZGUgPyBcIjU2cHhcIiA6IFwiMHB4XCJcbiAgICB9KWAsXG4gIH0pLFxuXG4gIC4uLm1xKHtcbiAgICBwYWRkaW5nVG9wOiBbXG4gICAgICBzaXplLFxuICAgICAge1xuICAgICAgICB4czogYCR7dGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy54c31gLFxuICAgICAgICBzOiBgJHt0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnN9YCxcbiAgICAgICAgbTogYCR7dGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5tfWAsXG4gICAgICAgIGw6IGAke3RoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcubH1gLFxuICAgICAgfSBhcyBhbnksXG4gICAgXSxcbiAgfSksXG5cbiAgdHJhbnNpdGlvbjogXCJiYWNrZ3JvdW5kLWNvbG9yIDAuMXMgZWFzZS1vdXRcIixcbiAgLi4uKGlzQ2xpY2thYmxlICYmIHtcbiAgICBjdXJzb3I6IFwicG9pbnRlclwiLFxuICAgIFwiJjpob3ZlclwiOiB7XG4gICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLnRyYW5zcGFyZW50LmhvdmVyLFxuICAgIH0sXG4gIH0pLFxufSkpO1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXVDbUMifQ== */");
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),function(target,all){for(var name in all)Object.defineProperty(target,name,{enumerable:!0,get:all[name]})}(exports,{StyledList:function(){return StyledList},StyledListItem:function(){return StyledListItem},StyledListItemLabel:function(){return StyledListItemLabel},StyledListItemWrapper:function(){return StyledListItemWrapper}});const _styled=require("@swc/helpers/_/_interop_require_default")._(require("@emotion/styled")),_mediaQueries=require("../../shared/mediaQueries"),StyledList=(0,_styled.default)("ul",{target:"e1vm2sdt0",label:"StyledList"})("/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvTGlzdC9zdHlsZWQtY29tcG9uZW50cy50cyIsInNvdXJjZXMiOlsic3JjL2NvbXBvbmVudHMvTGlzdC9zdHlsZWQtY29tcG9uZW50cy50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB0eXBlIHtcbiAgTGlzdEl0ZW1Qcm9wcyxcbiAgTGlzdEl0ZW1XcmFwcGVyUHJvcHMsXG4gIFVzZUxpc3RJdGVtTGFiZWxSZXR1cm4sXG59IGZyb20gXCIuL3R5cGVzXCI7XG5pbXBvcnQgeyBtcSwgbXFWYWx1ZSB9IGZyb20gXCIuLi8uLi9zaGFyZWQvbWVkaWFRdWVyaWVzXCI7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRMaXN0ID0gc3R5bGVkLnVsYGA7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRMaXN0SXRlbVdyYXBwZXIgPSBzdHlsZWQuZGl2PExpc3RJdGVtV3JhcHBlclByb3BzPihcbiAgKHsgdGhlbWUsIHNpemUsIGhhc0xTcGFjZSwgaGlkZUJvcmRlciB9KSA9PiAoe1xuICAgIGJvcmRlckJvdHRvbTogYDFweCBzb2xpZCAke3RoZW1lLnZhbHVlcy5jb2xvci5ib3JkZXIuc2Vjb25kYXJ5LmRlZmF1bHR9YCxcbiAgICAuLi4oaGlkZUJvcmRlciAmJiB7XG4gICAgICBib3JkZXJCb3R0b206IFwibm9uZVwiLFxuICAgIH0pLFxuICAgIHdpZHRoOiBcIjEwMCVcIixcblxuICAgIC4uLihoYXNMU3BhY2UgJiYge1xuICAgICAgcGFkZGluZ0xlZnQ6IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcubCxcbiAgICB9KSxcblxuICAgIC4uLm1xKHtcbiAgICAgIHBhZGRpbmdCb3R0b206IFtcbiAgICAgICAgc2l6ZSxcbiAgICAgICAge1xuICAgICAgICAgIHhzOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnhzLFxuICAgICAgICAgIHM6IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcucyxcbiAgICAgICAgICBtOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLm0sXG4gICAgICAgICAgbDogdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5sLFxuICAgICAgICB9IGFzIGFueSxcbiAgICAgIF0sXG4gICAgfSksXG5cbiAgICAvLyBUT0RPIC0gZml4IG92ZXJyaWRpbmdcbiAgICAvLyBtcVZhbHVlIGFuZCBtcSBmdW5jdGlvbnMgY2FuJ3QgYmUgdXNlZCB0b2dldGhlciBmb3IgdGhlIHNhbWUgc2VsZWN0b3IsXG4gICAgLy8gYmVjYXVzZSB0aGUgZmlyc3Qgb25lIGlzIG92ZXJyaWRpbmcgYnkgbGFzdCBvbmVcbiAgICBcIiZcIjoge1xuICAgICAgLi4ubXFWYWx1ZSh7XG4gICAgICAgIHBhZGRpbmdSaWdodDogW1xuICAgICAgICAgIHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcubSxcbiAgICAgICAgICB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLmwsXG4gICAgICAgIF0sXG4gICAgICB9KSxcbiAgICB9LFxuICB9KVxuKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZExpc3RJdGVtID0gc3R5bGVkLmxpPFBhcnRpYWw8TGlzdEl0ZW1Qcm9wcz4+KCgpID0+ICh7XG4gIGxpc3RTdHlsZVR5cGU6IFwibm9uZVwiLFxufSkpO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkTGlzdEl0ZW1MYWJlbCA9IHN0eWxlZC5kaXY8XG4gIFBhcnRpYWw8TGlzdEl0ZW1Qcm9wcz4gJiBQYXJ0aWFsPFVzZUxpc3RJdGVtTGFiZWxSZXR1cm4+XG4+KCh7IHRoZW1lLCBzaXplLCBpc0NsaWNrYWJsZSwgbFNwYWNlU3RlcCwgaXNEZWVwZXN0VHJlZU5vZGUgfSkgPT4ge1xuICBjb25zdCBnZXRTaXplID0gKGJhc2VPZmZzZXQ6IHN0cmluZykgPT5cbiAgICBgY2FsYygke2Jhc2VPZmZzZXR9ICogJHtsU3BhY2VTdGVwfSArICR7XG4gICAgICBpc0RlZXBlc3RUcmVlTm9kZSA/IFwiNTZweFwiIDogXCIwcHhcIlxuICAgIH0gKyAke3RoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcueHhzfSlgO1xuXG4gIGNvbnN0IG1vYmlsZVNpemUgPSBnZXRTaXplKHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcubSk7XG4gIGNvbnN0IGRlc2t0b3BTaXplID0gZ2V0U2l6ZSh0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnhsKTtcblxuICByZXR1cm4ge1xuICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICAgIGZsZXhHcm93OiAxLFxuICAgIHdpZHRoOiBcIjEwMCVcIixcblxuICAgIHBvaW50ZXJFdmVudHM6IGlzQ2xpY2thYmxlID8gXCJhdXRvXCIgOiBcIm5vbmVcIixcblxuICAgIC4uLihsU3BhY2VTdGVwICYmIHtcbiAgICAgIC4uLm1xVmFsdWUoe1xuICAgICAgICBwYWRkaW5nTGVmdDogW21vYmlsZVNpemUsIGRlc2t0b3BTaXplXSxcbiAgICAgIH0pLFxuICAgIH0pLFxuXG4gICAgLi4uKCFsU3BhY2VTdGVwICYmIHtcbiAgICAgIHBhZGRpbmdMZWZ0OiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnh4cyxcbiAgICB9KSxcblxuICAgIFwiJlwiOiB7XG4gICAgICAuLi5tcSh7XG4gICAgICAgIHBhZGRpbmdUb3A6IFtcbiAgICAgICAgICBzaXplLFxuICAgICAgICAgIHtcbiAgICAgICAgICAgIHhzOiBgJHt0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnhzfWAsXG4gICAgICAgICAgICBzOiBgJHt0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnN9YCxcbiAgICAgICAgICAgIG06IGAke3RoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcubX1gLFxuICAgICAgICAgICAgbDogYCR7dGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5sfWAsXG4gICAgICAgICAgfSBhcyBhbnksXG4gICAgICAgIF0sXG4gICAgICB9KSxcbiAgICB9LFxuXG4gICAgdHJhbnNpdGlvbjogXCJiYWNrZ3JvdW5kLWNvbG9yIDAuMXMgZWFzZS1vdXRcIixcblxuICAgIC4uLihpc0NsaWNrYWJsZSAmJiB7XG4gICAgICBjdXJzb3I6IFwicG9pbnRlclwiLFxuICAgICAgXCImOmhvdmVyXCI6IHtcbiAgICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC50cmFuc3BhcmVudC5ob3ZlcixcbiAgICAgIH0sXG4gICAgfSksXG4gIH07XG59KTtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFRMEIifQ== */"),StyledListItemWrapper=(0,_styled.default)("div",{target:"e1vm2sdt1",label:"StyledListItemWrapper"})(({theme,size,hasLSpace,hideBorder})=>({borderBottom:`1px solid ${theme.values.color.border.secondary.default}`,...hideBorder&&{borderBottom:"none"},width:"100%",...hasLSpace&&{paddingLeft:theme.variables.size.spacing.l},...(0,_mediaQueries.mq)({paddingBottom:[size,{xs:theme.variables.size.spacing.xs,s:theme.variables.size.spacing.s,m:theme.variables.size.spacing.m,l:theme.variables.size.spacing.l}]}),"&":{...(0,_mediaQueries.mqValue)({paddingRight:[theme.variables.size.spacing.m,theme.variables.size.spacing.l]})}}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvTGlzdC9zdHlsZWQtY29tcG9uZW50cy50cyIsInNvdXJjZXMiOlsic3JjL2NvbXBvbmVudHMvTGlzdC9zdHlsZWQtY29tcG9uZW50cy50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB0eXBlIHtcbiAgTGlzdEl0ZW1Qcm9wcyxcbiAgTGlzdEl0ZW1XcmFwcGVyUHJvcHMsXG4gIFVzZUxpc3RJdGVtTGFiZWxSZXR1cm4sXG59IGZyb20gXCIuL3R5cGVzXCI7XG5pbXBvcnQgeyBtcSwgbXFWYWx1ZSB9IGZyb20gXCIuLi8uLi9zaGFyZWQvbWVkaWFRdWVyaWVzXCI7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRMaXN0ID0gc3R5bGVkLnVsYGA7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRMaXN0SXRlbVdyYXBwZXIgPSBzdHlsZWQuZGl2PExpc3RJdGVtV3JhcHBlclByb3BzPihcbiAgKHsgdGhlbWUsIHNpemUsIGhhc0xTcGFjZSwgaGlkZUJvcmRlciB9KSA9PiAoe1xuICAgIGJvcmRlckJvdHRvbTogYDFweCBzb2xpZCAke3RoZW1lLnZhbHVlcy5jb2xvci5ib3JkZXIuc2Vjb25kYXJ5LmRlZmF1bHR9YCxcbiAgICAuLi4oaGlkZUJvcmRlciAmJiB7XG4gICAgICBib3JkZXJCb3R0b206IFwibm9uZVwiLFxuICAgIH0pLFxuICAgIHdpZHRoOiBcIjEwMCVcIixcblxuICAgIC4uLihoYXNMU3BhY2UgJiYge1xuICAgICAgcGFkZGluZ0xlZnQ6IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcubCxcbiAgICB9KSxcblxuICAgIC4uLm1xKHtcbiAgICAgIHBhZGRpbmdCb3R0b206IFtcbiAgICAgICAgc2l6ZSxcbiAgICAgICAge1xuICAgICAgICAgIHhzOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnhzLFxuICAgICAgICAgIHM6IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcucyxcbiAgICAgICAgICBtOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLm0sXG4gICAgICAgICAgbDogdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5sLFxuICAgICAgICB9IGFzIGFueSxcbiAgICAgIF0sXG4gICAgfSksXG5cbiAgICAvLyBUT0RPIC0gZml4IG92ZXJyaWRpbmdcbiAgICAvLyBtcVZhbHVlIGFuZCBtcSBmdW5jdGlvbnMgY2FuJ3QgYmUgdXNlZCB0b2dldGhlciBmb3IgdGhlIHNhbWUgc2VsZWN0b3IsXG4gICAgLy8gYmVjYXVzZSB0aGUgZmlyc3Qgb25lIGlzIG92ZXJyaWRpbmcgYnkgbGFzdCBvbmVcbiAgICBcIiZcIjoge1xuICAgICAgLi4ubXFWYWx1ZSh7XG4gICAgICAgIHBhZGRpbmdSaWdodDogW1xuICAgICAgICAgIHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcubSxcbiAgICAgICAgICB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLmwsXG4gICAgICAgIF0sXG4gICAgICB9KSxcbiAgICB9LFxuICB9KVxuKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZExpc3RJdGVtID0gc3R5bGVkLmxpPFBhcnRpYWw8TGlzdEl0ZW1Qcm9wcz4+KCgpID0+ICh7XG4gIGxpc3RTdHlsZVR5cGU6IFwibm9uZVwiLFxufSkpO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkTGlzdEl0ZW1MYWJlbCA9IHN0eWxlZC5kaXY8XG4gIFBhcnRpYWw8TGlzdEl0ZW1Qcm9wcz4gJiBQYXJ0aWFsPFVzZUxpc3RJdGVtTGFiZWxSZXR1cm4+XG4+KCh7IHRoZW1lLCBzaXplLCBpc0NsaWNrYWJsZSwgbFNwYWNlU3RlcCwgaXNEZWVwZXN0VHJlZU5vZGUgfSkgPT4ge1xuICBjb25zdCBnZXRTaXplID0gKGJhc2VPZmZzZXQ6IHN0cmluZykgPT5cbiAgICBgY2FsYygke2Jhc2VPZmZzZXR9ICogJHtsU3BhY2VTdGVwfSArICR7XG4gICAgICBpc0RlZXBlc3RUcmVlTm9kZSA/IFwiNTZweFwiIDogXCIwcHhcIlxuICAgIH0gKyAke3RoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcueHhzfSlgO1xuXG4gIGNvbnN0IG1vYmlsZVNpemUgPSBnZXRTaXplKHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcubSk7XG4gIGNvbnN0IGRlc2t0b3BTaXplID0gZ2V0U2l6ZSh0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnhsKTtcblxuICByZXR1cm4ge1xuICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICAgIGZsZXhHcm93OiAxLFxuICAgIHdpZHRoOiBcIjEwMCVcIixcblxuICAgIHBvaW50ZXJFdmVudHM6IGlzQ2xpY2thYmxlID8gXCJhdXRvXCIgOiBcIm5vbmVcIixcblxuICAgIC4uLihsU3BhY2VTdGVwICYmIHtcbiAgICAgIC4uLm1xVmFsdWUoe1xuICAgICAgICBwYWRkaW5nTGVmdDogW21vYmlsZVNpemUsIGRlc2t0b3BTaXplXSxcbiAgICAgIH0pLFxuICAgIH0pLFxuXG4gICAgLi4uKCFsU3BhY2VTdGVwICYmIHtcbiAgICAgIHBhZGRpbmdMZWZ0OiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnh4cyxcbiAgICB9KSxcblxuICAgIFwiJlwiOiB7XG4gICAgICAuLi5tcSh7XG4gICAgICAgIHBhZGRpbmdUb3A6IFtcbiAgICAgICAgICBzaXplLFxuICAgICAgICAgIHtcbiAgICAgICAgICAgIHhzOiBgJHt0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnhzfWAsXG4gICAgICAgICAgICBzOiBgJHt0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnN9YCxcbiAgICAgICAgICAgIG06IGAke3RoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcubX1gLFxuICAgICAgICAgICAgbDogYCR7dGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5sfWAsXG4gICAgICAgICAgfSBhcyBhbnksXG4gICAgICAgIF0sXG4gICAgICB9KSxcbiAgICB9LFxuXG4gICAgdHJhbnNpdGlvbjogXCJiYWNrZ3JvdW5kLWNvbG9yIDAuMXMgZWFzZS1vdXRcIixcblxuICAgIC4uLihpc0NsaWNrYWJsZSAmJiB7XG4gICAgICBjdXJzb3I6IFwicG9pbnRlclwiLFxuICAgICAgXCImOmhvdmVyXCI6IHtcbiAgICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC50cmFuc3BhcmVudC5ob3ZlcixcbiAgICAgIH0sXG4gICAgfSksXG4gIH07XG59KTtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFVcUMifQ== */"),StyledListItem=(0,_styled.default)("li",{target:"e1vm2sdt2",label:"StyledListItem"})(()=>({listStyleType:"none"}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvTGlzdC9zdHlsZWQtY29tcG9uZW50cy50cyIsInNvdXJjZXMiOlsic3JjL2NvbXBvbmVudHMvTGlzdC9zdHlsZWQtY29tcG9uZW50cy50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB0eXBlIHtcbiAgTGlzdEl0ZW1Qcm9wcyxcbiAgTGlzdEl0ZW1XcmFwcGVyUHJvcHMsXG4gIFVzZUxpc3RJdGVtTGFiZWxSZXR1cm4sXG59IGZyb20gXCIuL3R5cGVzXCI7XG5pbXBvcnQgeyBtcSwgbXFWYWx1ZSB9IGZyb20gXCIuLi8uLi9zaGFyZWQvbWVkaWFRdWVyaWVzXCI7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRMaXN0ID0gc3R5bGVkLnVsYGA7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRMaXN0SXRlbVdyYXBwZXIgPSBzdHlsZWQuZGl2PExpc3RJdGVtV3JhcHBlclByb3BzPihcbiAgKHsgdGhlbWUsIHNpemUsIGhhc0xTcGFjZSwgaGlkZUJvcmRlciB9KSA9PiAoe1xuICAgIGJvcmRlckJvdHRvbTogYDFweCBzb2xpZCAke3RoZW1lLnZhbHVlcy5jb2xvci5ib3JkZXIuc2Vjb25kYXJ5LmRlZmF1bHR9YCxcbiAgICAuLi4oaGlkZUJvcmRlciAmJiB7XG4gICAgICBib3JkZXJCb3R0b206IFwibm9uZVwiLFxuICAgIH0pLFxuICAgIHdpZHRoOiBcIjEwMCVcIixcblxuICAgIC4uLihoYXNMU3BhY2UgJiYge1xuICAgICAgcGFkZGluZ0xlZnQ6IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcubCxcbiAgICB9KSxcblxuICAgIC4uLm1xKHtcbiAgICAgIHBhZGRpbmdCb3R0b206IFtcbiAgICAgICAgc2l6ZSxcbiAgICAgICAge1xuICAgICAgICAgIHhzOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnhzLFxuICAgICAgICAgIHM6IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcucyxcbiAgICAgICAgICBtOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLm0sXG4gICAgICAgICAgbDogdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5sLFxuICAgICAgICB9IGFzIGFueSxcbiAgICAgIF0sXG4gICAgfSksXG5cbiAgICAvLyBUT0RPIC0gZml4IG92ZXJyaWRpbmdcbiAgICAvLyBtcVZhbHVlIGFuZCBtcSBmdW5jdGlvbnMgY2FuJ3QgYmUgdXNlZCB0b2dldGhlciBmb3IgdGhlIHNhbWUgc2VsZWN0b3IsXG4gICAgLy8gYmVjYXVzZSB0aGUgZmlyc3Qgb25lIGlzIG92ZXJyaWRpbmcgYnkgbGFzdCBvbmVcbiAgICBcIiZcIjoge1xuICAgICAgLi4ubXFWYWx1ZSh7XG4gICAgICAgIHBhZGRpbmdSaWdodDogW1xuICAgICAgICAgIHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcubSxcbiAgICAgICAgICB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLmwsXG4gICAgICAgIF0sXG4gICAgICB9KSxcbiAgICB9LFxuICB9KVxuKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZExpc3RJdGVtID0gc3R5bGVkLmxpPFBhcnRpYWw8TGlzdEl0ZW1Qcm9wcz4+KCgpID0+ICh7XG4gIGxpc3RTdHlsZVR5cGU6IFwibm9uZVwiLFxufSkpO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkTGlzdEl0ZW1MYWJlbCA9IHN0eWxlZC5kaXY8XG4gIFBhcnRpYWw8TGlzdEl0ZW1Qcm9wcz4gJiBQYXJ0aWFsPFVzZUxpc3RJdGVtTGFiZWxSZXR1cm4+XG4+KCh7IHRoZW1lLCBzaXplLCBpc0NsaWNrYWJsZSwgbFNwYWNlU3RlcCwgaXNEZWVwZXN0VHJlZU5vZGUgfSkgPT4ge1xuICBjb25zdCBnZXRTaXplID0gKGJhc2VPZmZzZXQ6IHN0cmluZykgPT5cbiAgICBgY2FsYygke2Jhc2VPZmZzZXR9ICogJHtsU3BhY2VTdGVwfSArICR7XG4gICAgICBpc0RlZXBlc3RUcmVlTm9kZSA/IFwiNTZweFwiIDogXCIwcHhcIlxuICAgIH0gKyAke3RoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcueHhzfSlgO1xuXG4gIGNvbnN0IG1vYmlsZVNpemUgPSBnZXRTaXplKHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcubSk7XG4gIGNvbnN0IGRlc2t0b3BTaXplID0gZ2V0U2l6ZSh0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnhsKTtcblxuICByZXR1cm4ge1xuICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICAgIGZsZXhHcm93OiAxLFxuICAgIHdpZHRoOiBcIjEwMCVcIixcblxuICAgIHBvaW50ZXJFdmVudHM6IGlzQ2xpY2thYmxlID8gXCJhdXRvXCIgOiBcIm5vbmVcIixcblxuICAgIC4uLihsU3BhY2VTdGVwICYmIHtcbiAgICAgIC4uLm1xVmFsdWUoe1xuICAgICAgICBwYWRkaW5nTGVmdDogW21vYmlsZVNpemUsIGRlc2t0b3BTaXplXSxcbiAgICAgIH0pLFxuICAgIH0pLFxuXG4gICAgLi4uKCFsU3BhY2VTdGVwICYmIHtcbiAgICAgIHBhZGRpbmdMZWZ0OiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnh4cyxcbiAgICB9KSxcblxuICAgIFwiJlwiOiB7XG4gICAgICAuLi5tcSh7XG4gICAgICAgIHBhZGRpbmdUb3A6IFtcbiAgICAgICAgICBzaXplLFxuICAgICAgICAgIHtcbiAgICAgICAgICAgIHhzOiBgJHt0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnhzfWAsXG4gICAgICAgICAgICBzOiBgJHt0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnN9YCxcbiAgICAgICAgICAgIG06IGAke3RoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcubX1gLFxuICAgICAgICAgICAgbDogYCR7dGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5sfWAsXG4gICAgICAgICAgfSBhcyBhbnksXG4gICAgICAgIF0sXG4gICAgICB9KSxcbiAgICB9LFxuXG4gICAgdHJhbnNpdGlvbjogXCJiYWNrZ3JvdW5kLWNvbG9yIDAuMXMgZWFzZS1vdXRcIixcblxuICAgIC4uLihpc0NsaWNrYWJsZSAmJiB7XG4gICAgICBjdXJzb3I6IFwicG9pbnRlclwiLFxuICAgICAgXCImOmhvdmVyXCI6IHtcbiAgICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC50cmFuc3BhcmVudC5ob3ZlcixcbiAgICAgIH0sXG4gICAgfSksXG4gIH07XG59KTtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFnRDhCIn0= */"),StyledListItemLabel=(0,_styled.default)("div",{target:"e1vm2sdt3",label:"StyledListItemLabel"})(({theme,size,isClickable,lSpaceStep,isDeepestTreeNode})=>{let getSize=baseOffset=>`calc(${baseOffset} * ${lSpaceStep} + ${isDeepestTreeNode?"56px":"0px"} + ${theme.variables.size.spacing.xxs})`,mobileSize=getSize(theme.variables.size.spacing.m),desktopSize=getSize(theme.variables.size.spacing.xl);return{display:"flex",flexGrow:1,width:"100%",pointerEvents:isClickable?"auto":"none",...lSpaceStep&&{...(0,_mediaQueries.mqValue)({paddingLeft:[mobileSize,desktopSize]})},...!lSpaceStep&&{paddingLeft:theme.variables.size.spacing.xxs},"&":{...(0,_mediaQueries.mq)({paddingTop:[size,{xs:`${theme.variables.size.spacing.xs}`,s:`${theme.variables.size.spacing.s}`,m:`${theme.variables.size.spacing.m}`,l:`${theme.variables.size.spacing.l}`}]})},transition:"background-color 0.1s ease-out",...isClickable&&{cursor:"pointer","&:hover":{backgroundColor:theme.values.color.background.transparent.hover}}}},"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvTGlzdC9zdHlsZWQtY29tcG9uZW50cy50cyIsInNvdXJjZXMiOlsic3JjL2NvbXBvbmVudHMvTGlzdC9zdHlsZWQtY29tcG9uZW50cy50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB0eXBlIHtcbiAgTGlzdEl0ZW1Qcm9wcyxcbiAgTGlzdEl0ZW1XcmFwcGVyUHJvcHMsXG4gIFVzZUxpc3RJdGVtTGFiZWxSZXR1cm4sXG59IGZyb20gXCIuL3R5cGVzXCI7XG5pbXBvcnQgeyBtcSwgbXFWYWx1ZSB9IGZyb20gXCIuLi8uLi9zaGFyZWQvbWVkaWFRdWVyaWVzXCI7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRMaXN0ID0gc3R5bGVkLnVsYGA7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRMaXN0SXRlbVdyYXBwZXIgPSBzdHlsZWQuZGl2PExpc3RJdGVtV3JhcHBlclByb3BzPihcbiAgKHsgdGhlbWUsIHNpemUsIGhhc0xTcGFjZSwgaGlkZUJvcmRlciB9KSA9PiAoe1xuICAgIGJvcmRlckJvdHRvbTogYDFweCBzb2xpZCAke3RoZW1lLnZhbHVlcy5jb2xvci5ib3JkZXIuc2Vjb25kYXJ5LmRlZmF1bHR9YCxcbiAgICAuLi4oaGlkZUJvcmRlciAmJiB7XG4gICAgICBib3JkZXJCb3R0b206IFwibm9uZVwiLFxuICAgIH0pLFxuICAgIHdpZHRoOiBcIjEwMCVcIixcblxuICAgIC4uLihoYXNMU3BhY2UgJiYge1xuICAgICAgcGFkZGluZ0xlZnQ6IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcubCxcbiAgICB9KSxcblxuICAgIC4uLm1xKHtcbiAgICAgIHBhZGRpbmdCb3R0b206IFtcbiAgICAgICAgc2l6ZSxcbiAgICAgICAge1xuICAgICAgICAgIHhzOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnhzLFxuICAgICAgICAgIHM6IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcucyxcbiAgICAgICAgICBtOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLm0sXG4gICAgICAgICAgbDogdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5sLFxuICAgICAgICB9IGFzIGFueSxcbiAgICAgIF0sXG4gICAgfSksXG5cbiAgICAvLyBUT0RPIC0gZml4IG92ZXJyaWRpbmdcbiAgICAvLyBtcVZhbHVlIGFuZCBtcSBmdW5jdGlvbnMgY2FuJ3QgYmUgdXNlZCB0b2dldGhlciBmb3IgdGhlIHNhbWUgc2VsZWN0b3IsXG4gICAgLy8gYmVjYXVzZSB0aGUgZmlyc3Qgb25lIGlzIG92ZXJyaWRpbmcgYnkgbGFzdCBvbmVcbiAgICBcIiZcIjoge1xuICAgICAgLi4ubXFWYWx1ZSh7XG4gICAgICAgIHBhZGRpbmdSaWdodDogW1xuICAgICAgICAgIHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcubSxcbiAgICAgICAgICB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLmwsXG4gICAgICAgIF0sXG4gICAgICB9KSxcbiAgICB9LFxuICB9KVxuKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZExpc3RJdGVtID0gc3R5bGVkLmxpPFBhcnRpYWw8TGlzdEl0ZW1Qcm9wcz4+KCgpID0+ICh7XG4gIGxpc3RTdHlsZVR5cGU6IFwibm9uZVwiLFxufSkpO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkTGlzdEl0ZW1MYWJlbCA9IHN0eWxlZC5kaXY8XG4gIFBhcnRpYWw8TGlzdEl0ZW1Qcm9wcz4gJiBQYXJ0aWFsPFVzZUxpc3RJdGVtTGFiZWxSZXR1cm4+XG4+KCh7IHRoZW1lLCBzaXplLCBpc0NsaWNrYWJsZSwgbFNwYWNlU3RlcCwgaXNEZWVwZXN0VHJlZU5vZGUgfSkgPT4ge1xuICBjb25zdCBnZXRTaXplID0gKGJhc2VPZmZzZXQ6IHN0cmluZykgPT5cbiAgICBgY2FsYygke2Jhc2VPZmZzZXR9ICogJHtsU3BhY2VTdGVwfSArICR7XG4gICAgICBpc0RlZXBlc3RUcmVlTm9kZSA/IFwiNTZweFwiIDogXCIwcHhcIlxuICAgIH0gKyAke3RoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcueHhzfSlgO1xuXG4gIGNvbnN0IG1vYmlsZVNpemUgPSBnZXRTaXplKHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcubSk7XG4gIGNvbnN0IGRlc2t0b3BTaXplID0gZ2V0U2l6ZSh0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnhsKTtcblxuICByZXR1cm4ge1xuICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICAgIGZsZXhHcm93OiAxLFxuICAgIHdpZHRoOiBcIjEwMCVcIixcblxuICAgIHBvaW50ZXJFdmVudHM6IGlzQ2xpY2thYmxlID8gXCJhdXRvXCIgOiBcIm5vbmVcIixcblxuICAgIC4uLihsU3BhY2VTdGVwICYmIHtcbiAgICAgIC4uLm1xVmFsdWUoe1xuICAgICAgICBwYWRkaW5nTGVmdDogW21vYmlsZVNpemUsIGRlc2t0b3BTaXplXSxcbiAgICAgIH0pLFxuICAgIH0pLFxuXG4gICAgLi4uKCFsU3BhY2VTdGVwICYmIHtcbiAgICAgIHBhZGRpbmdMZWZ0OiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnh4cyxcbiAgICB9KSxcblxuICAgIFwiJlwiOiB7XG4gICAgICAuLi5tcSh7XG4gICAgICAgIHBhZGRpbmdUb3A6IFtcbiAgICAgICAgICBzaXplLFxuICAgICAgICAgIHtcbiAgICAgICAgICAgIHhzOiBgJHt0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnhzfWAsXG4gICAgICAgICAgICBzOiBgJHt0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnN9YCxcbiAgICAgICAgICAgIG06IGAke3RoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcubX1gLFxuICAgICAgICAgICAgbDogYCR7dGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5sfWAsXG4gICAgICAgICAgfSBhcyBhbnksXG4gICAgICAgIF0sXG4gICAgICB9KSxcbiAgICB9LFxuXG4gICAgdHJhbnNpdGlvbjogXCJiYWNrZ3JvdW5kLWNvbG9yIDAuMXMgZWFzZS1vdXRcIixcblxuICAgIC4uLihpc0NsaWNrYWJsZSAmJiB7XG4gICAgICBjdXJzb3I6IFwicG9pbnRlclwiLFxuICAgICAgXCImOmhvdmVyXCI6IHtcbiAgICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC50cmFuc3BhcmVudC5ob3ZlcixcbiAgICAgIH0sXG4gICAgfSksXG4gIH07XG59KTtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFvRG1DIn0= */");
@@ -13,14 +13,14 @@ export type ListItemWrapperProps = {
13
13
  };
14
14
  export type ListItemProps = {
15
15
  children: React.ReactNode;
16
- role?: "listitem" | "treeitem";
16
+ role?: string;
17
17
  isClickable?: boolean;
18
18
  size?: ListSizes;
19
19
  lSpaceStep?: 0 | 1 | 2 | 3 | 4 | 5;
20
20
  description?: string;
21
21
  renderLabel: (props: {
22
22
  size: TextSize;
23
- }) => React.ReactElement;
23
+ }) => React.ReactNode;
24
24
  renderLeft?: (props: {
25
25
  size: ListSizes;
26
26
  }) => React.ReactElement;
@@ -28,6 +28,7 @@ export type ListItemProps = {
28
28
  size: ListSizes;
29
29
  }) => React.ReactElement;
30
30
  isExpanded?: boolean;
31
+ isDisabledExpand?: boolean;
31
32
  hideBorder?: boolean;
32
33
  onExpandClick?: (e: React.MouseEvent) => void;
33
34
  onClick?: (e: React.MouseEvent) => void;
@@ -38,6 +39,9 @@ export type ListItemLabelProps = {
38
39
  size: TextSize;
39
40
  description?: string;
40
41
  };
42
+ export type ListItemExpandButtonProps = {
43
+ disabled?: boolean;
44
+ } & Partial<ListItemProps>;
41
45
  export type UseListItemLabelProps = {
42
46
  size: ListItemProps["size"];
43
47
  isExpanded?: boolean;