npm - @amboss/design-system - Versions diffs - 4.2.4 → 4.2.6 - Mend

@amboss/design-system 4.2.4 → 4.2.6

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 (57) hide show

package/build/cjs/components/EntityList/BaseEntityList.d.ts CHANGED Viewed

@@ -1,3 +1,3 @@
 import React from "react";
 import type { EntityListProps } from "./types";
-export declare function BaseEntityList({ data, size, onClick, focusOnMount, isSelectable, selectedIds, onSelectionChange, onSelectionToggle, renderRightContent, getLeftIconProps, hideBorder, filterFn, isVirtualized, maxHeight, ariaAttributes: deprecatedAriaAttributes, slotProps, role: roleProp, truncateLabels, "data-e2e-test-id": dataE2eTestId, ...ariaAttributes }: EntityListProps): React.ReactElement;
+export declare function BaseEntityList({ data, size, onClick, focusOnMount, isSelectable, selectedIds, onSelectionChange, onSelectionToggle, renderRightContent, renderItemWrapper, getLeftIconProps, hideBorder, filterFn, isVirtualized, maxHeight, ariaAttributes: deprecatedAriaAttributes, slotProps, role: roleProp, truncateLabels, "data-e2e-test-id": dataE2eTestId, ...ariaAttributes }: EntityListProps): React.ReactElement;

package/build/cjs/components/EntityList/BaseEntityList.js CHANGED Viewed

	@@ -1 +1 @@
1	- "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"BaseEntityList",{enumerable:!0,get:function(){return BaseEntityList}});const _react=/#__PURE__/require("@swc/helpers/_/_interop_require_wildcard")._(require("react")),_styledcomponents=require("./styled-components"),_useKeyboard=require("../../shared/useKeyboard"),_Icon=require("../Icon/Icon"),_EntityListItem=require("./EntityListItem"),_VirtualizedEntityList=require("./VirtualizedEntityList"),_useFocusByIndex=require("./useFocusByIndex"),_roles=require("./roles");function BaseEntityList({data,size="m",onClick,focusOnMount,isSelectable,selectedIds,onSelectionChange,onSelectionToggle,renderRightContent,getLeftIconProps,hideBorder,filterFn,isVirtualized,maxHeight,ariaAttributes:deprecatedAriaAttributes,slotProps,role:roleProp,truncateLabels=!1,"data-e2e-test-id":dataE2eTestId,...ariaAttributes}){let rootRole,{itemRole,...rootAriaProps}=(rootRole=roleProp??"list",isSelectable&&(rootRole="listbox"),{role:rootRole,itemRole:_roles.ROLE_TO_ITEM_ROLE[rootRole],"aria-multiselectable":"listbox"===rootRole&&!!isSelectable\|\|void 0}),ariaLabelExpand=slotProps?.toggle?.["aria-label-expand"]??deprecatedAriaAttributes?.ariaLabelExpand,ariaLabelCollapse=slotProps?.toggle?.["aria-label-collapse"]??deprecatedAriaAttributes?.ariaLabelCollapse,dataShown=(0,_react.useMemo)(()=>data.length&&filterFn?data.filter(filterFn):data,[data,filterFn]),selectedIdsSet=(0,_react.useMemo)(()=>new Set(selectedIds),[selectedIds]),listRef=(0,_react.useRef)(null),focusableItems=(0,_react.useMemo)(()=>dataShown.map(item=>({id:item.id,isDisabled:!!item.isDisabled})),[dataShown]),initialActiveIndex=(0,_react.useMemo)(()=>{let index=dataShown.findIndex(item=>item.isActive);return -1!==index?index:0},[dataShown]),{moveFocus,focusItemAtIndex,focusedIndex:selectedIndex}=(0,_useFocusByIndex.useFocusByIndex)({containerRef:listRef,nodeSelector:"data-list-item",data:focusableItems,preventScroll:isVirtualized,initialIndex:initialActiveIndex});(0,_react.useEffect)(()=>{focusOnMount&&focusItemAtIndex(selectedIndex)},[]),(0,_useKeyboard.useKeyboard)({ArrowDown:()=>{moveFocus(1)},ArrowUp:()=>{moveFocus(-1)}},listRef,isSelectable\|\|!!onClick);let handleOnClick=(0,_react.useCallback)(item=>{let{id}=item;if(isSelectable){let willBeSelected=!selectedIdsSet.has(id),newSelectedIdsSet=new Set(selectedIdsSet);willBeSelected?newSelectedIdsSet.add(id):newSelectedIdsSet.delete(id),onSelectionToggle?.(id,willBeSelected),onSelectionChange?.(Array.from(newSelectedIdsSet))}onClick?.(item)},[selectedIdsSet,onSelectionChange,onSelectionToggle,onClick,isSelectable]),renderEntityItem=index=>{let tabIndex,item=dataShown[index];if(!item)return null;let isLastItem=index===dataShown.length-1,isSelected=selectedIdsSet.has(item.id);if(isSelectable\|\|onClick){let defaultTabIndex=0===index&&!selectedIndex;tabIndex=!item.isDisabled&&(index===selectedIndex\|\|defaultTabIndex)?0:-1}~~return~~ _react.default.createElement(_EntityListItem.EntityListItem,{~~key:item.id,~~"data-list-item":index,"aria-label":item["aria-label"]\|\|item.label,size:size,hideBorder:hideBorder\|\|isLastItem,isActive:item.isActive,isDisabled:item.isDisabled,isClickable:!!(onClick\|\|selectedIds),isSelected:isSelectable?isSelected:void 0,role:itemRole,description:item.description,truncateLabel:truncateLabels,onSpaceEnterPress:()=>handleOnClick(item),tabIndex:tabIndex,ariaLabelExpand:ariaLabelExpand,ariaLabelCollapse:ariaLabelCollapse,onClick:e=>{e.target instanceof Element&&e.target.closest("label")\|\|handleOnClick(item)},checkboxProps:isSelectable&&{name:"list-checkbox",size:"s",checked:isSelected,onChange:()=>handleOnClick(item)},renderLabel:()=>item.label,renderLeft:getLeftIconProps?({textSize})=>_react.default.createElement(_Icon.Icon,{...getLeftIconProps(item),size:textSize}):null,renderRight:renderRightProps=>renderRightContent?renderRightContent({...renderRightProps,...item}):void 0})};return _react.default.createElement("div",{ref:listRef},isVirtualized&&maxHeight?_react.default.createElement(_VirtualizedEntityList.VirtualizedEntityList,{id:dataE2eTestId,maxHeight:maxHeight,size:size,dataShown:dataShown,selectedIndex:selectedIndex,itemTemplate:renderEntityItem,"data-e2e-test-id":dataE2eTestId,...rootAriaProps,...ariaAttributes}):_react.default.createElement(_styledcomponents.StyledList,{size:size,"data-e2e-test-id":dataE2eTestId,"data-ds-id":"EntityList",...rootAriaProps,...ariaAttributes},dataShown.map((_item,i)=>renderEntityItem(i))))}
1	+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"BaseEntityList",{enumerable:!0,get:function(){return BaseEntityList}});const _react=/#__PURE__/require("@swc/helpers/_/_interop_require_wildcard")._(require("react")),_styledcomponents=require("./styled-components"),_useKeyboard=require("../../shared/useKeyboard"),_Icon=require("../Icon/Icon"),_EntityListItem=require("./EntityListItem"),_VirtualizedEntityList=require("./VirtualizedEntityList"),_useFocusByIndex=require("./useFocusByIndex"),_roles=require("./roles");function BaseEntityList({data,size="m",onClick,focusOnMount,isSelectable,selectedIds,onSelectionChange,onSelectionToggle,renderRightContent,renderItemWrapper,getLeftIconProps,hideBorder,filterFn,isVirtualized,maxHeight,ariaAttributes:deprecatedAriaAttributes,slotProps,role:roleProp,truncateLabels=!1,"data-e2e-test-id":dataE2eTestId,...ariaAttributes}){let rootRole,{itemRole,...rootAriaProps}=(rootRole=roleProp??"list",isSelectable&&(rootRole="listbox"),{role:rootRole,itemRole:_roles.ROLE_TO_ITEM_ROLE[rootRole],"aria-multiselectable":"listbox"===rootRole&&!!isSelectable\|\|void 0}),ariaLabelExpand=slotProps?.toggle?.["aria-label-expand"]??deprecatedAriaAttributes?.ariaLabelExpand,ariaLabelCollapse=slotProps?.toggle?.["aria-label-collapse"]??deprecatedAriaAttributes?.ariaLabelCollapse,dataShown=(0,_react.useMemo)(()=>data.length&&filterFn?data.filter(filterFn):data,[data,filterFn]),selectedIdsSet=(0,_react.useMemo)(()=>new Set(selectedIds),[selectedIds]),listRef=(0,_react.useRef)(null),focusableItems=(0,_react.useMemo)(()=>dataShown.map(item=>({id:item.id,isDisabled:!!item.isDisabled})),[dataShown]),initialActiveIndex=(0,_react.useMemo)(()=>{let index=dataShown.findIndex(item=>item.isActive);return -1!==index?index:0},[dataShown]),{moveFocus,focusItemAtIndex,focusedIndex:selectedIndex}=(0,_useFocusByIndex.useFocusByIndex)({containerRef:listRef,nodeSelector:"data-list-item",data:focusableItems,preventScroll:isVirtualized,initialIndex:initialActiveIndex});(0,_react.useEffect)(()=>{focusOnMount&&focusItemAtIndex(selectedIndex)},[]),(0,_useKeyboard.useKeyboard)({ArrowDown:()=>{moveFocus(1)},ArrowUp:()=>{moveFocus(-1)}},listRef,isSelectable\|\|!!onClick);let handleOnClick=(0,_react.useCallback)(item=>{let{id}=item;if(isSelectable){let willBeSelected=!selectedIdsSet.has(id),newSelectedIdsSet=new Set(selectedIdsSet);willBeSelected?newSelectedIdsSet.add(id):newSelectedIdsSet.delete(id),onSelectionToggle?.(id,willBeSelected),onSelectionChange?.(Array.from(newSelectedIdsSet))}onClick?.(item)},[selectedIdsSet,onSelectionChange,onSelectionToggle,onClick,isSelectable]),renderEntityItem=index=>{let tabIndex,item=dataShown[index];if(!item)return null;let isLastItem=index===dataShown.length-1,isSelected=selectedIdsSet.has(item.id);if(isSelectable\|\|onClick){let defaultTabIndex=0===index&&!selectedIndex;tabIndex=!item.isDisabled&&(index===selectedIndex\|\|defaultTabIndex)?0:-1}let itemElm=_react.default.createElement(_EntityListItem.EntityListItem,{"data-list-item":index,"aria-label":item["aria-label"]\|\|item.label,size:size,hideBorder:hideBorder\|\|isLastItem,isActive:item.isActive,isDisabled:item.isDisabled,isClickable:!!(onClick\|\|selectedIds),isSelected:isSelectable?isSelected:void 0,role:itemRole,description:item.description,truncateLabel:truncateLabels,onSpaceEnterPress:()=>handleOnClick(item),tabIndex:tabIndex,ariaLabelExpand:ariaLabelExpand,ariaLabelCollapse:ariaLabelCollapse,onClick:e=>{e.target instanceof Element&&e.target.closest("label")\|\|handleOnClick(item)},checkboxProps:isSelectable&&{name:"list-checkbox",size:"s",checked:isSelected,onChange:()=>handleOnClick(item)},renderLabel:()=>item.label,renderLeft:getLeftIconProps?({textSize})=>_react.default.createElement(_Icon.Icon,{...getLeftIconProps(item),size:textSize}):null,renderRight:renderRightProps=>renderRightContent?renderRightContent({...renderRightProps,...item}):void 0});return _react.default.createElement(_react.default.Fragment,{key:item.id},renderItemWrapper?renderItemWrapper({item,children:itemElm}):itemElm)};return _react.default.createElement("div",{ref:listRef},isVirtualized&&maxHeight?_react.default.createElement(_VirtualizedEntityList.VirtualizedEntityList,{id:dataE2eTestId,maxHeight:maxHeight,size:size,dataShown:dataShown,selectedIndex:selectedIndex,itemTemplate:renderEntityItem,"data-e2e-test-id":dataE2eTestId,...rootAriaProps,...ariaAttributes}):_react.default.createElement(_styledcomponents.StyledList,{size:size,"data-e2e-test-id":dataE2eTestId,"data-ds-id":"EntityList",...rootAriaProps,...ariaAttributes},dataShown.map((_item,i)=>renderEntityItem(i))))}

package/build/cjs/components/EntityList/EntityListItem.d.ts CHANGED Viewed

@@ -1,3 +1,30 @@
 import React from "react";
-import type { EntityListItemProps } from "./types";
-export declare const EntityListItem: React.ForwardRefExoticComponent<EntityListItemProps & React.RefAttributes<HTMLDivElement>>;
+export declare const EntityListItem: React.ForwardRefExoticComponent<{
+    children?: React.ReactNode;
+    checkboxProps?: import("../..").CheckboxProps;
+    description?: string;
+    hideBorder?: boolean;
+    isActive?: boolean;
+    isClickable?: boolean;
+    isDisabled?: boolean;
+    lSpaceStep?: 0 | 1 | 2 | 3 | 4 | 5;
+    onClick?: (e: React.MouseEvent) => void;
+    onExpandClick?: (e: React.MouseEvent) => void;
+    renderLabel: (props: import("./types").TextSizeProps) => React.ReactNode;
+    renderLeft?: (props: import("./types").TextSizeProps) => React.ReactNode;
+    renderRight?: (props: import("./types").RenderRightProps) => React.ReactNode;
+    role?: import("./roles").ItemRole | "presentation";
+    size?: import("../../types").ListSize;
+    withWrapper?: (content: () => React.ReactNode) => React.ReactNode;
+    isExpanded?: boolean;
+    isDisabledExpand?: boolean;
+    tabIndex?: number;
+    onSpaceEnterPress?: (e: KeyboardEvent) => void;
+    ariaLabelExpand?: string;
+    ariaLabelCollapse?: string;
+    isSelected?: boolean;
+    truncateLabel?: boolean;
+    "aria-label": string;
+    "aria-level"?: number;
+    "data-list-item"?: number;
+} & import("./types").EntityItemTriggerProps & React.RefAttributes<HTMLDivElement>>;

package/build/cjs/components/EntityList/EntityListItem.js CHANGED Viewed

	@@ -1 +1 @@
1	- "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"EntityListItem",{enumerable:!0,get:function(){return EntityListItem}});const _react=/#__PURE__/require("@swc/helpers/_/_interop_require_wildcard")._(require("react")),_EntityItemBody=require("./EntityItemBody"),_useKeyboard=require("../../shared/useKeyboard"),_styledcomponents=require("./styled-components"),useButtonKeyboard=({ref:globalRef,isActive,onSpaceEnterPress})=>{let localRef=(0,_react.useRef)(null);return(0,_useKeyboard.useKeyboard)({"Space Enter":onSpaceEnterPress},localRef,isActive,!0),(0,_react.useImperativeHandle)(globalRef,()=>localRef.current),localRef},EntityListItem=_react.default.forwardRef(({checkboxProps,description,hideBorder,isActive,isClickable,isDisabled,onClick,renderLabel,renderLeft,renderRight,role,tabIndex,onSpaceEnterPress,size="m","aria-label":ariaLabel,"data-list-item":dataListItem,isSelected,truncateLabel},ref)=>{let handleOnClick=(0,_react.useCallback)(e=>{isClickable&&onClick&&onClick(e)},[onClick,isClickable]),buttonRef=useButtonKeyboard({ref,isActive:isClickable&&!isDisabled&&void 0!==tabIndex,onSpaceEnterPress}),supportsAriaSelected="menuitem"!==role,supportsAriaCurrent="option"!==role;return _react.default.createElement(_styledcomponents.StyledEntityListItemButton,{role:role,"aria-label":ariaLabel,"aria-selected":supportsAriaSelected?isSelected:void 0,"aria-current":supportsAriaCurrent&&isActive?isActive:void 0,"aria-disabled":isDisabled,size:size,tabIndex:tabIndex,ref:buttonRef,"data-list-item":dataListItem,"data-id":"list-item",onClick:handleOnClick,isClickable:isClickable,isActive:isActive,isDisabled:isDisabled},_react.default.createElement(_styledcomponents.StyledEntityListItemWrapper,{size:size,hideBorder:hideBorder\|\|"xs"===size},_react.default.createElement(_EntityItemBody.EntityItemBody,{size:size,tabIndex:tabIndex,checkboxProps:checkboxProps,description:description,renderLabel:renderLabel,renderLeft:renderLeft,renderRight:renderRight,truncateLabel:truncateLabel})))});
1	+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"EntityListItem",{enumerable:!0,get:function(){return EntityListItem}});const _react=/#__PURE__/require("@swc/helpers/_/_interop_require_wildcard")._(require("react")),_EntityItemBody=require("./EntityItemBody"),_useKeyboard=require("../../shared/useKeyboard"),_styledcomponents=require("./styled-components"),isSelfEvent=e=>e.target===e.currentTarget,useButtonKeyboard=({ref:globalRef,isActive,onSpaceEnterPress})=>{let localRef=(0,_react.useRef)(null);return(0,_useKeyboard.useKeyboard)({"Space Enter":onSpaceEnterPress},localRef,isActive,!0),(0,_react.useImperativeHandle)(globalRef,()=>localRef.current),localRef},EntityListItem=_react.default.forwardRef(({checkboxProps,description,hideBorder,isActive,isClickable,isDisabled,onClick,renderLabel,renderLeft,renderRight,role,tabIndex,onSpaceEnterPress,size="m","aria-label":ariaLabel,"data-list-item":dataListItem,isSelected,truncateLabel,onPointerEnter,onPointerLeave,onFocus,onBlur,onKeyDown,"aria-describedby":ariaDescribedBy},ref)=>{let handleOnClick=(0,_react.useCallback)(e=>{isClickable&&onClick&&onClick(e)},[onClick,isClickable]),buttonRef=useButtonKeyboard({ref,isActive:isClickable&&!isDisabled&&void 0!==tabIndex,onSpaceEnterPress}),supportsAriaSelected="menuitem"!==role,supportsAriaCurrent="option"!==role;return _react.default.createElement(_styledcomponents.StyledEntityListItemButton,{role:role,"aria-label":ariaLabel,"aria-describedby":ariaDescribedBy,"aria-selected":supportsAriaSelected?isSelected:void 0,"aria-current":supportsAriaCurrent&&isActive?isActive:void 0,"aria-disabled":isDisabled,size:size,tabIndex:tabIndex,ref:buttonRef,"data-list-item":dataListItem,"data-id":"list-item",onClick:handleOnClick,onPointerEnter:onPointerEnter,onPointerLeave:onPointerLeave,onFocus:e=>{isSelfEvent(e)&&onFocus?.(e)},onBlur:e=>{isSelfEvent(e)&&onBlur?.(e)},onKeyDown:onKeyDown,isClickable:isClickable,isActive:isActive,isDisabled:isDisabled},_react.default.createElement(_styledcomponents.StyledEntityListItemWrapper,{size:size,hideBorder:hideBorder\|\|"xs"===size},_react.default.createElement(_EntityItemBody.EntityItemBody,{size:size,tabIndex:tabIndex,checkboxProps:checkboxProps,description:description,renderLabel:renderLabel,renderLeft:renderLeft,renderRight:renderRight,truncateLabel:truncateLabel})))});

package/build/cjs/components/EntityList/types.d.ts CHANGED Viewed

@@ -35,6 +35,26 @@ export type EntityListAriaAttributes = {
 export type RenderRightProps = TextSizeProps & ActionSizeProps & {
     tabIndex?: number;
 };
+/**
+ * Props an overlay component (e.g. `Tooltip`) injects into its trigger by cloning
+ * it. Forwarded to the row's root element, so a wrapped row triggers the overlay
+ * from anywhere on the row.
+ */
+export type EntityItemTriggerProps = {
+    onPointerEnter?: (e: React.PointerEvent) => void;
+    onPointerLeave?: (e: React.PointerEvent) => void;
+    onFocus?: (e: React.FocusEvent) => void;
+    onBlur?: (e: React.FocusEvent) => void;
+    onKeyDown?: (e: React.KeyboardEvent) => void;
+    /** Set by an overlay wrapper while its content is visible. */
+    "aria-describedby"?: string;
+};
+export type RenderItemWrapperProps = {
+    /** The data node this row was rendered from. */
+    item: ListNode;
+    /** The rendered row. Return it unchanged to leave this row unwrapped. */
+    children: React.ReactElement;
+};
 export type BaseEntityListProps = {
     /**
      * @param ListNode[].id
@@ -64,6 +84,12 @@ export type BaseEntityListProps = {
     getLeftIconProps?: (props: ListNode) => Pick<IconProps, "name" | "color">;
     /** Render content on the right side of the list item. */
     renderRightContent?: (props: ListNodeProps & ActionSizeProps) => React.ReactNode;
+    /**
+     * Wraps each rendered row, so an overlay (e.g. `Tooltip`) can be composed around
+     * it from the outside. The overlay's trigger props land on the row's root element,
+     * so the whole row is the trigger. Return `children` unchanged to skip a row.
+     */
+    renderItemWrapper?: (props: RenderItemWrapperProps) => React.ReactNode;
     /** Hides the border around the list items. */
     hideBorder?: boolean;
     /**
@@ -140,7 +166,6 @@ export type EntityListItemProps = {
     isDisabledExpand?: boolean;
     tabIndex?: number;
     onSpaceEnterPress?: (e: KeyboardEvent) => void;
-    onFocus?: (e: React.FocusEvent) => void;
     /** @deprecated Use slotProps.toggle['aria-label-expand'] instead */
     ariaLabelExpand?: string;
     /** @deprecated Use slotProps.toggle['aria-label-collapse'] instead */
@@ -150,7 +175,7 @@ export type EntityListItemProps = {
     "aria-label": string;
     "aria-level"?: number;
     "data-list-item"?: number;
-};
+} & EntityItemTriggerProps;
 export type EntityListItemLabelProps = {
     children: React.ReactNode;
     size: TextSize;

package/build/cjs/components/EntityTree/BaseEntityTree.d.ts CHANGED Viewed

@@ -9,6 +9,12 @@ export type TreeNodeWithUIState = TreeNode & {
 };
 type PartialEntityListItemProps = Pick<EntityListItemProps, "hideBorder" | "size" | "ariaLabelExpand" | "ariaLabelCollapse">;
 type NodeClick = (node: Omit<TreeNode, "children">) => void;
+export type RenderTreeItemWrapperProps = {
+    /** The tree node this row was rendered from. */
+    item: TreeNode;
+    /** The rendered row. Return it unchanged to leave this row unwrapped. */
+    children: React.ReactElement;
+};
 export type EntityTreeSlotProps = SlotProps<{
     toggle: {
         "aria-label-expand"?: string;
@@ -64,11 +70,18 @@ export type EntityTreeProps = {
     chunkSize?: number;
     /** If provided, the function is used to render an element in the trail of a node. */
     renderRightContent?: (props: TreeNode & Parameters<EntityListItemProps["renderRight"]>[0]) => React.ReactNode;
+    /**
+     * Wraps each rendered row, so an overlay (e.g. `Tooltip`) can be composed around
+     * it from the outside. The wrapper is applied inside the `treeitem` element, so it
+     * covers only that row and never its nested subtree. Return `children` unchanged
+     * to skip a row.
+     */
+    renderItemWrapper?: (props: RenderTreeItemWrapperProps) => React.ReactNode;
     "data-e2e-test-id"?: string;
     /** @deprecated Use aria-* props directly instead */
     ariaAttributes?: EntityListAriaAttributes;
     /** Props forwarded to internal sub-components */
     slotProps?: EntityTreeSlotProps;
 } & PartialEntityListItemProps & AriaAttributes;
-export declare const BaseEntityTree: ({ ariaAttributes: deprecatedAriaAttributes, slotProps, data, selectedIds, onSelectionChange, onSelectionToggle, onNodeClick, expandedIds, onToggle, activeId, chunkSize, filterFn, onTreeChange, hideBorder, size, showItemsCount, showMoreButtonLabel, renderRightContent, "data-e2e-test-id": dataE2eTestId, ...ariaAttributes }: EntityTreeProps) => React.ReactElement;
+export declare const BaseEntityTree: ({ ariaAttributes: deprecatedAriaAttributes, slotProps, data, selectedIds, onSelectionChange, onSelectionToggle, onNodeClick, expandedIds, onToggle, activeId, chunkSize, filterFn, onTreeChange, hideBorder, size, showItemsCount, showMoreButtonLabel, renderRightContent, renderItemWrapper, "data-e2e-test-id": dataE2eTestId, ...ariaAttributes }: EntityTreeProps) => React.ReactElement;
 export {};

package/build/cjs/components/EntityTree/BaseEntityTree.js CHANGED Viewed

	@@ -1 +1 @@
1	- "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"BaseEntityTree",{enumerable:!0,get:function(){return BaseEntityTree}});const _react=/#__PURE__/require("@swc/helpers/_/_interop_require_wildcard")._(require("react")),_Button=require("../Button/Button"),_Box=require("../Box/Box"),_styledcomponents=require("../EntityList/styled-components"),_EntityTreeItem=require("./EntityTreeItem"),_useKeyboard=require("../../shared/useKeyboard"),_useFocusByIndex=require("../EntityList/useFocusByIndex"),_Text=require("../Typography/Text/Text"),_tree=require("./tree"),flattenTree=(data,expandedIds,expadedAll)=>{let flattened=[];return data.forEach(node=>{flattened.push(node),(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]=(0,_react.useState)(chunkSize),{result,hasMoreNodes}=(0,_react.useMemo)(()=>(0,_tree.trimDataByMaxSize)(data,nodeExpandedState,expandAll,maxNodesCount),[data,nodeExpandedState,expandAll,maxNodesCount]);return{handleIncreaseMaxNodeCount:(0,_react.useCallback)(()=>{setMaxNodesCount(prev=>prev+chunkSize)},[chunkSize]),result,hasMoreNodes}},Node=({isFirstNode,nodeChildrenMap,nodeCheckboxState,nodeExpandedState,handleSelectionChange,handleToggle,expandAll,onNodeClick,hideBorder,size,showItemsCount,renderRightContent,activeId,focusedNodeId,node,level,renderFn,isLastNodeOfList,ariaLabelExpand,ariaLabelCollapse,visibleNodeIndexMap})=>{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})`,lastLeaf=!hasChildren&&!node.isFiltered,isExpanded=lastLeaf?void 0:expandedState,{children,...nodeDataWithoutChildren}=node,isFocused=focusedNodeId===node.id~~;return~~ _react.default.createElement(_EntityTreeItem.EntityTreeItem,{~~key:node.id,~~"data-list-item":visibleNodeIndexMap[node.id],hideBorder:hideBorder\|\|isLastNodeOfList&&(!isExpanded\|\|node.isFiltered),tabIndex:isFocused\|\|null===focusedNodeId&&isFirstNode?0:-1,size:size,lSpaceStep:level,onSpaceEnterPress:()=>{if(readOnly){handleToggle(node.id),onNodeClick?.(nodeDataWithoutChildren);return}handleSelectionChange(node.id)},description:node.description,renderLabel:({textSize})=>_react.default.createElement(_react.default.Fragment,null,node.label,showItemsCount&&!lastLeaf&&_react.default.createElement(_Text.Text,{as:"span",size:textSize,color:"tertiary"}," ",countLabel)),isActive:activeId===node.id,isExpanded:isExpanded,isDisabledExpand:expandAll,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)},isClickable:readOnly,onClick:()=>{handleToggle(node.id),onNodeClick?.(nodeDataWithoutChildren)},renderRight:renderRightContent?renderRightProps=>renderRightContent({...renderRightProps,...node}):void 0,ariaLabelExpand:ariaLabelExpand,ariaLabelCollapse:ariaLabelCollapse,"aria-label":node.label,"aria-level":level+1},hasChildren&&_react.default.createElement("div",{role:"group"},renderFn({data: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 _react.default.createElement(Node,{key:node.id,level:level,node:node,isFirstNode:isFirstNode,renderFn:renderFn,isLastNodeOfList:isLastNodeOfList,...renderTreeArgs})}),BaseEntityTree=({ariaAttributes:deprecatedAriaAttributes,slotProps,data,selectedIds,onSelectionChange,onSelectionToggle,onNodeClick,expandedIds=[],onToggle,activeId,chunkSize=10,filterFn,onTreeChange,hideBorder=!1,size="m",showItemsCount=!0,showMoreButtonLabel,renderRightContent,"data-e2e-test-id":dataE2eTestId,...ariaAttributes})=>{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),{}),visibleActiveNodeId=(0,_tree.getVisibleActiveNodeId)(nodeChildrenMap,nodeExpandedState,activeId),handleExpand=(0,_react.useCallback)(targetId=>{onToggle&&!expandedIds.includes(targetId)&&onToggle(expandedIds.concat([targetId]))},[expandedIds,onToggle]),handleCollapse=(0,_react.useCallback)(targetId=>{onToggle&&expandedIds.includes(targetId)&&onToggle(expandedIds.filter(id=>id!==targetId))},[expandedIds,onToggle]),handleToggle=(0,_react.useCallback)(targetId=>{expandedIds.includes(targetId)?handleCollapse(targetId):handleExpand(targetId)},[expandedIds,handleCollapse,handleExpand]),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 expandAll=!!filterFn,{hasMoreNodes,handleIncreaseMaxNodeCount,result}=useTreeTruncation({chunkSize,data:dataShown,nodeExpandedState,expandAll}),listRef=_react.default.useRef(null),visibleNodes=(0,_react.useMemo)(()=>flattenTree(result,nodeExpandedState,expandAll),[result,nodeExpandedState,expandAll]),visibleNodeIndexMap=(0,_react.useMemo)(()=>visibleNodes.reduce((acc,node,index)=>(acc[node.id]=index,acc),{}),[visibleNodes]),focusableNodes=(0,_react.useMemo)(()=>visibleNodes.map(node=>({id:node.id,isDisabled:!!node.isDisabled})),[visibleNodes]),{moveFocus,focusedIndex}=(0,_useFocusByIndex.useFocusByIndex)({containerRef:listRef,nodeSelector:"data-list-item",data:focusableNodes}),focusedNodeId=focusedIndex>=0?visibleNodes[focusedIndex]?.id??null:null;(0,_useKeyboard.useKeyboard)({ArrowDown:()=>{moveFocus(1)},ArrowUp:()=>{moveFocus(-1)},ArrowRight:()=>{!expandAll&&focusedNodeId&&nodeChildrenMap[focusedNodeId]?.length&&!nodeExpandedState[focusedNodeId]&&handleExpand(focusedNodeId)},ArrowLeft:()=>{!expandAll&&focusedNodeId&&nodeChildrenMap[focusedNodeId]?.length&&nodeExpandedState[focusedNodeId]&&handleCollapse(focusedNodeId)}},listRef,!!visibleNodes.length);let renderTreeBranches=makeRenderTreeBranches({nodeChildrenMap,nodeCheckboxState,nodeExpandedState,handleSelectionChange:targetId=>{if(onSelectionChange){let isSelected,updatedSelectedIds=[];if(0===nodeChildrenMap[targetId].length)isSelected=!selectedIds.includes(targetId),updatedSelectedIds=selectedIds.includes(targetId)?selectedIds.filter(id=>id!==targetId):selectedIds.concat([targetId]);else{let affectedLeafNodeIds=(0,_tree.getLeafNodeIds)(nodeChildrenMap,targetId),hasUncheckedChildren=affectedLeafNodeIds.some(leafId=>!selectedIds.includes(leafId));updatedSelectedIds=hasUncheckedChildren?selectedIds.concat(affectedLeafNodeIds.filter(id=>!selectedIds.includes(id))):selectedIds.filter(id=>!affectedLeafNodeIds.includes(id)),isSelected=hasUncheckedChildren}onSelectionToggle?.(targetId,isSelected),onSelectionChange(updatedSelectedIds)}},handleToggle,onNodeClick:node=>{onNodeClick?.(node)},expandAll,hideBorder,size,showItemsCount,renderRightContent,activeId:visibleActiveNodeId,focusedNodeId,visibleNodeIndexMap,ariaLabelExpand:slotProps?.toggle?.["aria-label-expand"]??deprecatedAriaAttributes?.ariaLabelExpand,ariaLabelCollapse:slotProps?.toggle?.["aria-label-collapse"]??deprecatedAriaAttributes?.ariaLabelCollapse});return _react.default.createElement("div",null,_react.default.createElement(_styledcomponents.StyledList,{ref:listRef,"data-e2e-test-id":dataE2eTestId,"data-ds-id":"EntityTree",size:size,...ariaAttributes,role:"tree","aria-multiselectable":!!nodeCheckboxState\|\|void 0},renderTreeBranches({data:result,level:0,renderFn:renderTreeBranches})),hasMoreNodes&&_react.default.createElement(_styledcomponents.StyledShowMore,null,_react.default.createElement(_Box.Box,{alignText:"center",space:"xs"},_react.default.createElement(_Button.Button,{fullWidth:!0,size:"s",variant:"tertiary",onClick:handleIncreaseMaxNodeCount},showMoreButtonLabel))))};
1	+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"BaseEntityTree",{enumerable:!0,get:function(){return BaseEntityTree}});const _react=/#__PURE__/require("@swc/helpers/_/_interop_require_wildcard")._(require("react")),_Button=require("../Button/Button"),_Box=require("../Box/Box"),_styledcomponents=require("../EntityList/styled-components"),_EntityTreeItem=require("./EntityTreeItem"),_useKeyboard=require("../../shared/useKeyboard"),_useFocusByIndex=require("../EntityList/useFocusByIndex"),_Text=require("../Typography/Text/Text"),_tree=require("./tree"),flattenTree=(data,expandedIds,expadedAll)=>{let flattened=[];return data.forEach(node=>{flattened.push(node),(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]=(0,_react.useState)(chunkSize),{result,hasMoreNodes}=(0,_react.useMemo)(()=>(0,_tree.trimDataByMaxSize)(data,nodeExpandedState,expandAll,maxNodesCount),[data,nodeExpandedState,expandAll,maxNodesCount]);return{handleIncreaseMaxNodeCount:(0,_react.useCallback)(()=>{setMaxNodesCount(prev=>prev+chunkSize)},[chunkSize]),result,hasMoreNodes}},Node=({isFirstNode,nodeChildrenMap,nodeCheckboxState,nodeExpandedState,handleSelectionChange,handleToggle,expandAll,onNodeClick,hideBorder,size,showItemsCount,renderRightContent,renderItemWrapper,activeId,focusedNodeId,node,level,renderFn,isLastNodeOfList,ariaLabelExpand,ariaLabelCollapse,visibleNodeIndexMap})=>{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})`,lastLeaf=!hasChildren&&!node.isFiltered,isExpanded=lastLeaf?void 0:expandedState,{children,...nodeDataWithoutChildren}=node,isFocused=focusedNodeId===node.id,treeItemElm=_react.default.createElement(_EntityTreeItem.EntityTreeItem,{"data-list-item":visibleNodeIndexMap[node.id],hideBorder:hideBorder\|\|isLastNodeOfList&&(!isExpanded\|\|node.isFiltered),tabIndex:isFocused\|\|null===focusedNodeId&&isFirstNode?0:-1,size:size,lSpaceStep:level,onSpaceEnterPress:()=>{if(readOnly){handleToggle(node.id),onNodeClick?.(nodeDataWithoutChildren);return}handleSelectionChange(node.id)},description:node.description,renderLabel:({textSize})=>_react.default.createElement(_react.default.Fragment,null,node.label,showItemsCount&&!lastLeaf&&_react.default.createElement(_Text.Text,{as:"span",size:textSize,color:"tertiary"}," ",countLabel)),isActive:activeId===node.id,isExpanded:isExpanded,isDisabledExpand:expandAll,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)},isClickable:readOnly,onClick:()=>{handleToggle(node.id),onNodeClick?.(nodeDataWithoutChildren)},renderRight:renderRightContent?renderRightProps=>renderRightContent({...renderRightProps,...node}):void 0,ariaLabelExpand:ariaLabelExpand,ariaLabelCollapse:ariaLabelCollapse,"aria-label":node.label,"aria-level":level+1},hasChildren&&_react.default.createElement("div",{role:"group"},renderFn({data:children,level:level+1,renderFn,isParentsLastOfLvl:isLastNodeOfList})));return renderItemWrapper?renderItemWrapper({item:node,children:treeItemElm}):treeItemElm},makeRenderTreeBranches=renderTreeArgs=>({data,level,renderFn,isParentsLastOfLvl})=>data.map((node,i)=>{let isFirstNode=0===level&&0===i,isLastNodeOfList=getLastNodeOfList({node,data,level,isParentsLastOfLvl});return _react.default.createElement(Node,{key:node.id,level:level,node:node,isFirstNode:isFirstNode,renderFn:renderFn,isLastNodeOfList:isLastNodeOfList,...renderTreeArgs})}),BaseEntityTree=({ariaAttributes:deprecatedAriaAttributes,slotProps,data,selectedIds,onSelectionChange,onSelectionToggle,onNodeClick,expandedIds=[],onToggle,activeId,chunkSize=10,filterFn,onTreeChange,hideBorder=!1,size="m",showItemsCount=!0,showMoreButtonLabel,renderRightContent,renderItemWrapper,"data-e2e-test-id":dataE2eTestId,...ariaAttributes})=>{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),{}),visibleActiveNodeId=(0,_tree.getVisibleActiveNodeId)(nodeChildrenMap,nodeExpandedState,activeId),handleExpand=(0,_react.useCallback)(targetId=>{onToggle&&!expandedIds.includes(targetId)&&onToggle(expandedIds.concat([targetId]))},[expandedIds,onToggle]),handleCollapse=(0,_react.useCallback)(targetId=>{onToggle&&expandedIds.includes(targetId)&&onToggle(expandedIds.filter(id=>id!==targetId))},[expandedIds,onToggle]),handleToggle=(0,_react.useCallback)(targetId=>{expandedIds.includes(targetId)?handleCollapse(targetId):handleExpand(targetId)},[expandedIds,handleCollapse,handleExpand]),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 expandAll=!!filterFn,{hasMoreNodes,handleIncreaseMaxNodeCount,result}=useTreeTruncation({chunkSize,data:dataShown,nodeExpandedState,expandAll}),listRef=_react.default.useRef(null),visibleNodes=(0,_react.useMemo)(()=>flattenTree(result,nodeExpandedState,expandAll),[result,nodeExpandedState,expandAll]),visibleNodeIndexMap=(0,_react.useMemo)(()=>visibleNodes.reduce((acc,node,index)=>(acc[node.id]=index,acc),{}),[visibleNodes]),focusableNodes=(0,_react.useMemo)(()=>visibleNodes.map(node=>({id:node.id,isDisabled:!!node.isDisabled})),[visibleNodes]),{moveFocus,focusedIndex}=(0,_useFocusByIndex.useFocusByIndex)({containerRef:listRef,nodeSelector:"data-list-item",data:focusableNodes}),focusedNodeId=focusedIndex>=0?visibleNodes[focusedIndex]?.id??null:null;(0,_useKeyboard.useKeyboard)({ArrowDown:()=>{moveFocus(1)},ArrowUp:()=>{moveFocus(-1)},ArrowRight:()=>{!expandAll&&focusedNodeId&&nodeChildrenMap[focusedNodeId]?.length&&!nodeExpandedState[focusedNodeId]&&handleExpand(focusedNodeId)},ArrowLeft:()=>{!expandAll&&focusedNodeId&&nodeChildrenMap[focusedNodeId]?.length&&nodeExpandedState[focusedNodeId]&&handleCollapse(focusedNodeId)}},listRef,!!visibleNodes.length);let renderTreeBranches=makeRenderTreeBranches({nodeChildrenMap,nodeCheckboxState,nodeExpandedState,handleSelectionChange:targetId=>{if(onSelectionChange){let isSelected,updatedSelectedIds=[];if(0===nodeChildrenMap[targetId].length)isSelected=!selectedIds.includes(targetId),updatedSelectedIds=selectedIds.includes(targetId)?selectedIds.filter(id=>id!==targetId):selectedIds.concat([targetId]);else{let affectedLeafNodeIds=(0,_tree.getLeafNodeIds)(nodeChildrenMap,targetId),hasUncheckedChildren=affectedLeafNodeIds.some(leafId=>!selectedIds.includes(leafId));updatedSelectedIds=hasUncheckedChildren?selectedIds.concat(affectedLeafNodeIds.filter(id=>!selectedIds.includes(id))):selectedIds.filter(id=>!affectedLeafNodeIds.includes(id)),isSelected=hasUncheckedChildren}onSelectionToggle?.(targetId,isSelected),onSelectionChange(updatedSelectedIds)}},handleToggle,onNodeClick:node=>{onNodeClick?.(node)},expandAll,hideBorder,size,showItemsCount,renderRightContent,renderItemWrapper,activeId:visibleActiveNodeId,focusedNodeId,visibleNodeIndexMap,ariaLabelExpand:slotProps?.toggle?.["aria-label-expand"]??deprecatedAriaAttributes?.ariaLabelExpand,ariaLabelCollapse:slotProps?.toggle?.["aria-label-collapse"]??deprecatedAriaAttributes?.ariaLabelCollapse});return _react.default.createElement("div",null,_react.default.createElement(_styledcomponents.StyledList,{ref:listRef,"data-e2e-test-id":dataE2eTestId,"data-ds-id":"EntityTree",size:size,...ariaAttributes,role:"tree","aria-multiselectable":!!nodeCheckboxState\|\|void 0},renderTreeBranches({data:result,level:0,renderFn:renderTreeBranches})),hasMoreNodes&&_react.default.createElement(_styledcomponents.StyledShowMore,null,_react.default.createElement(_Box.Box,{alignText:"center",space:"xs"},_react.default.createElement(_Button.Button,{fullWidth:!0,size:"s",variant:"tertiary",onClick:handleIncreaseMaxNodeCount},showMoreButtonLabel))))};

package/build/cjs/components/EntityTree/EntityTreeItem.d.ts CHANGED Viewed

@@ -1,3 +1,30 @@
 import React from "react";
-import type { EntityListItemProps } from "../EntityList/types";
-export declare const EntityTreeItem: ({ checkboxProps, children, description, hideBorder, isActive, isClickable, isDisabled, isDisabledExpand, isExpanded, lSpaceStep, onClick, onExpandClick, onSpaceEnterPress, renderLabel, renderLeft, renderRight, size, tabIndex, ariaLabelExpand, ariaLabelCollapse, "aria-level": ariaLevel, "aria-label": ariaLabel, "data-list-item": dataListItem, }: EntityListItemProps) => React.ReactElement;
+export declare const EntityTreeItem: React.ForwardRefExoticComponent<{
+    children?: React.ReactNode;
+    checkboxProps?: import("../..").CheckboxProps;
+    description?: string;
+    hideBorder?: boolean;
+    isActive?: boolean;
+    isClickable?: boolean;
+    isDisabled?: boolean;
+    lSpaceStep?: 0 | 1 | 2 | 3 | 4 | 5;
+    onClick?: (e: React.MouseEvent) => void;
+    onExpandClick?: (e: React.MouseEvent) => void;
+    renderLabel: (props: import("../EntityList/types").TextSizeProps) => React.ReactNode;
+    renderLeft?: (props: import("../EntityList/types").TextSizeProps) => React.ReactNode;
+    renderRight?: (props: import("../EntityList/types").RenderRightProps) => React.ReactNode;
+    role?: import("../EntityList/roles").ItemRole | "presentation";
+    size?: import("../../types").ListSize;
+    withWrapper?: (content: () => React.ReactNode) => React.ReactNode;
+    isExpanded?: boolean;
+    isDisabledExpand?: boolean;
+    tabIndex?: number;
+    onSpaceEnterPress?: (e: KeyboardEvent) => void;
+    ariaLabelExpand?: string;
+    ariaLabelCollapse?: string;
+    isSelected?: boolean;
+    truncateLabel?: boolean;
+    "aria-label": string;
+    "aria-level"?: number;
+    "data-list-item"?: number;
+} & import("../EntityList/types").EntityItemTriggerProps & React.RefAttributes<HTMLDivElement>>;

package/build/cjs/components/EntityTree/EntityTreeItem.js CHANGED Viewed

	@@ -1 +1 @@
1	- "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"EntityTreeItem",{enumerable:!0,get:function(){return EntityTreeItem}});const _interop_require_default=require("@swc/helpers/_/_interop_require_default"),_react=/#__PURE__/require("@swc/helpers/_/_interop_require_wildcard")._(require("react")),_styled=/#__PURE__/_interop_require_default._(require("@emotion/styled")),_mediaQueries=require("../../shared/mediaQueries"),_EntityTreeItemExpandButton=require("./EntityTreeItemExpandButton"),_useKeyboard=require("../../shared/useKeyboard"),_mixins=require("../../shared/mixins"),_EntityItemBody=require("../EntityList/EntityItemBody"),_styledcomponents=require("../EntityList/styled-components"),StyledEntityTreeItemWrapper=(0,_styled.default)(_styledcomponents.StyledEntityListItemWrapper,{target:"e1n4xnc20",label:"StyledEntityTreeItemWrapper"})({paddingLeft:"0 !important"},"/# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvRW50aXR5VHJlZS9FbnRpdHlUcmVlSXRlbS50c3giLCJzb3VyY2VzIjpbInNyYy9jb21wb25lbnRzL0VudGl0eVRyZWUvRW50aXR5VHJlZUl0ZW0udHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyB1c2VDYWxsYmFjaywgdXNlUmVmIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IHVzZVJlc3BvbnNpdmVWYWx1ZSB9IGZyb20gXCIuLi8uLi9zaGFyZWQvbWVkaWFRdWVyaWVzXCI7XG5pbXBvcnQgeyBFbnRpdHlUcmVlSXRlbUV4cGFuZEJ1dHRvbiB9IGZyb20gXCIuL0VudGl0eVRyZWVJdGVtRXhwYW5kQnV0dG9uXCI7XG5pbXBvcnQgeyB1c2VLZXlib2FyZCB9IGZyb20gXCIuLi8uLi9zaGFyZWQvdXNlS2V5Ym9hcmRcIjtcbmltcG9ydCB7IGdldEZvY3VzU3R5bGVzIH0gZnJvbSBcIi4uLy4uL3NoYXJlZC9taXhpbnNcIjtcbmltcG9ydCB7IEVudGl0eUl0ZW1Cb2R5IH0gZnJvbSBcIi4uL0VudGl0eUxpc3QvRW50aXR5SXRlbUJvZHlcIjtcbmltcG9ydCB7XG4gIFN0eWxlZEVudGl0eUl0ZW0sXG4gIFN0eWxlZEVudGl0eUxpc3RJdGVtV3JhcHBlcixcbiAgU3R5bGVkRW50aXR5TGlzdEl0ZW1CdXR0b24sXG59IGZyb20gXCIuLi9FbnRpdHlMaXN0L3N0eWxlZC1jb21wb25lbnRzXCI7XG5pbXBvcnQgdHlwZSB7IEVudGl0eUxpc3RJdGVtUHJvcHMgfSBmcm9tIFwiLi4vRW50aXR5TGlzdC90eXBlc1wiO1xuXG5jb25zdCBTdHlsZWRFbnRpdHlUcmVlSXRlbVdyYXBwZXIgPSBzdHlsZWQoU3R5bGVkRW50aXR5TGlzdEl0ZW1XcmFwcGVyKSh7XG4gIHBhZGRpbmdMZWZ0OiBcIjAgIWltcG9ydGFudFwiLCAvLyBcImltcG9ydGFudFwiIGlzIG5lZWRlZCB0byBvdmVycmlkZSB0aGUgQG1lZGlhIHF1ZXJ5IG9mIE1RIGZ1bmN0aW9uXG59KTtcblxuY29uc3QgU3R5bGVkRW50aXR5VHJlZUl0ZW1Db250YWluZXIgPSBzdHlsZWQoU3R5bGVkRW50aXR5TGlzdEl0ZW1CdXR0b24pPHtcbiAgaGFzRXhwYW5kYWJsZUljb246IGJvb2xlYW47XG59PigoeyB0aGVtZSwgaGFzRXhwYW5kYWJsZUljb24sIGxTcGFjZVN0ZXAgfSkgPT4ge1xuICBjb25zdCBnZXRTaXplID0gKGJhc2VPZmZzZXQ6IHN0cmluZywgZGVlcGVzdE5vZGVPZmZzZXQ6IHN0cmluZykgPT5cbiAgICBgY2FsYygke2Jhc2VPZmZzZXR9ICogJHtsU3BhY2VTdGVwfSArICR7XG4gICAgICBoYXNFeHBhbmRhYmxlSWNvbiA/IFwiMHB4XCIgOiBkZWVwZXN0Tm9kZU9mZnNldFxuICAgIH0gKyAke3RoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcueHhzfSlgO1xuXG4gIHJldHVybiB7XG4gICAgLi4uZ2V0Rm9jdXNTdHlsZXMoeyBvZmZzZXQ6IC0yIH0pLFxuICAgIC4uLnVzZVJlc3BvbnNpdmVWYWx1ZSh7XG4gICAgICBwYWRkaW5nTGVmdDogW1xuICAgICAgICAvLyA0MnB4IGFuZCA1NnB4IGFyZSBFeHBhbmQgYnV0dG9uIHdpZHRoICsgcGFkZGluZ1xuICAgICAgICAvLyBpdCdzIG5lZWRlZCBmb3IgYSBkZWVwZXN0IG5vZGUgd2l0aG91dCBleHBhbmRCdXR0b25cbiAgICAgICAgZ2V0U2l6ZSh0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLm0sIFwiNDJweFwiKSxcbiAgICAgICAgZ2V0U2l6ZSh0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnhsLCBcIjU2cHhcIiksXG4gICAgICBdLFxuICAgIH0pLFxuICB9O1xufSk7XG5cbmV4cG9ydCBjb25zdCBFbnRpdHlUcmVlSXRlbSA9ICh7XG4gIGNoZWNrYm94UHJvcHMsXG4gIGNoaWxkcmVuLFxuICBkZXNjcmlwdGlvbixcbiAgaGlkZUJvcmRlcixcbiAgaXNBY3RpdmUsXG4gIGlzQ2xpY2thYmxlLFxuICBpc0Rpc2FibGVkLFxuICBpc0Rpc2FibGVkRXhwYW5kLFxuICBpc0V4cGFuZGVkLFxuICBsU3BhY2VTdGVwLFxuICBvbkNsaWNrLFxuICBvbkV4cGFuZENsaWNrLFxuICBvblNwYWNlRW50ZXJQcmVzcyxcbiAgcmVuZGVyTGFiZWwsXG4gIHJlbmRlckxlZnQsXG4gIHJlbmRlclJpZ2h0LFxuICBzaXplID0gXCJtXCIsXG4gIHRhYkluZGV4LFxuICBhcmlhTGFiZWxFeHBhbmQsXG4gIGFyaWFMYWJlbENvbGxhcHNlLFxuICBcImFyaWEtbGV2ZWxcIjogYXJpYUxldmVsLFxuICBcImFyaWEtbGFiZWxcIjogYXJpYUxhYmVsLFxuICBcImRhdGEtbGlzdC1pdGVtXCI6IGRhdGFMaXN0SXRlbSxcbn06IEVudGl0eUxpc3RJdGVtUHJvcHMpOiBSZWFjdC5SZWFjdEVsZW1lbnQgPT4ge1xuICBjb25zdCBoYXNFeHBhbmRhYmxlSWNvbiA9IGlzRXhwYW5kZWQgIT09IHVuZGVmaW5lZDtcblxuICBjb25zdCBoYW5kbGVPbkNsaWNrID0gdXNlQ2FsbGJhY2soXG4gICAgKGU6IFJlYWN0Lk1vdXNlRXZlbnQpID0+IHtcbiAgICAgIGlmIChvbkNsaWNrKSB7XG4gICAgICAgIG9uQ2xpY2soZSk7XG4gICAgICB9XG4gICAgfSxcbiAgICBbb25DbGlja11cbiAgKTtcblxuICBjb25zdCBidXR0b25SZWYgPSB1c2VSZWY8SFRNTERpdkVsZW1lbnQ+KG51bGwpO1xuXG4gIHVzZUtleWJvYXJkKFxuICAgIHtcbiAgICAgIFwiU3BhY2UgRW50ZXJcIjogb25TcGFjZUVudGVyUHJlc3MsXG4gICAgfSxcbiAgICBidXR0b25SZWYsXG4gICAgdGFiSW5kZXggPT09IDAgJiYgKGlzQ2xpY2thYmxlIHx8ICEhY2hlY2tib3hQcm9wcyksXG4gICAgdHJ1ZVxuICApO1xuXG4gIHJldHVybiAoXG4gICAgPFN0eWxlZEVudGl0eUl0ZW1cbiAgICAgIHJvbGU9XCJ0cmVlaXRlbVwiXG4gICAgICBhcmlhLWV4cGFuZGVkPXtoYXNFeHBhbmRhYmxlSWNvbiA/IGlzRXhwYW5kZWQgOiB1bmRlZmluZWR9XG4gICAgICBhcmlhLWNoZWNrZWQ9e2NoZWNrYm94UHJvcHM/LmNoZWNrZWR9XG4gICAgICBhcmlhLWxhYmVsPXthcmlhTGFiZWx9XG4gICAgICBhcmlhLWxldmVsPXthcmlhTGV2ZWx9XG4gICAgPlxuICAgICAgPFN0eWxlZEVudGl0eVRyZWVJdGVtQ29udGFpbmVyXG4gICAgICAgIGRhdGEtbGlzdC1pdGVtPXtkYXRhTGlzdEl0ZW19XG4gICAgICAgIHNpemU9e3NpemV9XG4gICAgICAgIHJlZj17YnV0dG9uUmVmfVxuICAgICAgICBkYXRhLWlkPVwibGlzdC1pdGVtXCJcbiAgICAgICAgdGFiSW5kZXg9e3RhYkluZGV4fVxuICAgICAgICByb2xlPVwicHJlc2VudGF0aW9uXCJcbiAgICAgICAgaXNBY3RpdmU9e2lzQWN0aXZlfVxuICAgICAgICBoYXNFeHBhbmRhYmxlSWNvbj17aGFzRXhwYW5kYWJsZUljb259XG4gICAgICAgIGxTcGFjZVN0ZXA9e2xTcGFjZVN0ZXB9XG4gICAgICAgIGlzRGlzYWJsZWQ9e2lzRGlzYWJsZWR9XG4gICAgICAgIG9uQ2xpY2s9e2hhbmRsZU9uQ2xpY2t9XG4gICAgICAgIGlzQ2xpY2thYmxlPXtpc0NsaWNrYWJsZX1cbiAgICAgID5cbiAgICAgICAge2hhc0V4cGFuZGFibGVJY29uICYmIChcbiAgICAgICAgICA8RW50aXR5VHJlZUl0ZW1FeHBhbmRCdXR0b25cbiAgICAgICAgICAgIHNpemU9e3NpemV9XG4gICAgICAgICAgICB0YWJJbmRleD17LTF9XG4gICAgICAgICAgICBpc0Rpc2FibGVkPXtpc0Rpc2FibGVkRXhwYW5kIHx8IGlzRGlzYWJsZWR9XG4gICAgICAgICAgICBpc0V4cGFuZGVkPXtpc0V4cGFuZGVkfVxuICAgICAgICAgICAgb25DbGljaz17b25FeHBhbmRDbGlja31cbiAgICAgICAgICAgIGFyaWFMYWJlbEV4cGFuZD17YXJpYUxhYmVsRXhwYW5kfVxuICAgICAgICAgICAgYXJpYUxhYmVsQ29sbGFwc2U9e2FyaWFMYWJlbENvbGxhcHNlfVxuICAgICAgICAgIC8+XG4gICAgICAgICl9XG4gICAgICAgIDxTdHlsZWRFbnRpdHlUcmVlSXRlbVdyYXBwZXJcbiAgICAgICAgICBzaXplPXtzaXplfVxuICAgICAgICAgIGhpZGVCb3JkZXI9e2hpZGVCb3JkZXIgfHwgc2l6ZSA9PT0gXCJ4c1wifVxuICAgICAgICA+XG4gICAgICAgICAgPEVudGl0eUl0ZW1Cb2R5XG4gICAgICAgICAgICBzaXplPXtzaXplfVxuICAgICAgICAgICAgdGFiSW5kZXg9e3RhYkluZGV4fVxuICAgICAgICAgICAgZGVzY3JpcHRpb249e2Rlc2NyaXB0aW9ufVxuICAgICAgICAgICAgcmVuZGVyTGFiZWw9e3JlbmRlckxhYmVsfVxuICAgICAgICAgICAgcmVuZGVyTGVmdD17cmVuZGVyTGVmdH1cbiAgICAgICAgICAgIHJlbmRlclJpZ2h0PXtyZW5kZXJSaWdodH1cbiAgICAgICAgICAgIGNoZWNrYm94UHJvcHM9e2NoZWNrYm94UHJvcHN9XG4gICAgICAgICAgLz5cbiAgICAgICAgPC9TdHlsZWRFbnRpdHlUcmVlSXRlbVdyYXBwZXI+XG4gICAgICA8L1N0eWxlZEVudGl0eVRyZWVJdGVtQ29udGFpbmVyPlxuICAgICAge2lzRXhwYW5kZWQgJiYgY2hpbGRyZW59XG4gICAgPC9TdHlsZWRFbnRpdHlJdGVtPlxuICApO1xufTtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFjb0MifQ== /"),StyledEntityTreeItemContainer=(0,_styled.default)(_styledcomponents.StyledEntityListItemButton,{target:"e1n4xnc21",label:"StyledEntityTreeItemContainer"})(({theme,hasExpandableIcon,lSpaceStep})=>{let getSize=(baseOffset,deepestNodeOffset)=>`calc(${baseOffset} * ${lSpaceStep} + ${hasExpandableIcon?"0px":deepestNodeOffset} + ${theme.variables.size.spacing.xxs})`;return{...(0,_mixins.getFocusStyles)({offset:-2}),...(0,_mediaQueries.useResponsiveValue)({paddingLeft:[getSize(theme.variables.size.spacing.m,"42px"),getSize(theme.variables.size.spacing.xl,"56px")]})}},"/# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvRW50aXR5VHJlZS9FbnRpdHlUcmVlSXRlbS50c3giLCJzb3VyY2VzIjpbInNyYy9jb21wb25lbnRzL0VudGl0eVRyZWUvRW50aXR5VHJlZUl0ZW0udHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyB1c2VDYWxsYmFjaywgdXNlUmVmIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IHVzZVJlc3BvbnNpdmVWYWx1ZSB9IGZyb20gXCIuLi8uLi9zaGFyZWQvbWVkaWFRdWVyaWVzXCI7XG5pbXBvcnQgeyBFbnRpdHlUcmVlSXRlbUV4cGFuZEJ1dHRvbiB9IGZyb20gXCIuL0VudGl0eVRyZWVJdGVtRXhwYW5kQnV0dG9uXCI7XG5pbXBvcnQgeyB1c2VLZXlib2FyZCB9IGZyb20gXCIuLi8uLi9zaGFyZWQvdXNlS2V5Ym9hcmRcIjtcbmltcG9ydCB7IGdldEZvY3VzU3R5bGVzIH0gZnJvbSBcIi4uLy4uL3NoYXJlZC9taXhpbnNcIjtcbmltcG9ydCB7IEVudGl0eUl0ZW1Cb2R5IH0gZnJvbSBcIi4uL0VudGl0eUxpc3QvRW50aXR5SXRlbUJvZHlcIjtcbmltcG9ydCB7XG4gIFN0eWxlZEVudGl0eUl0ZW0sXG4gIFN0eWxlZEVudGl0eUxpc3RJdGVtV3JhcHBlcixcbiAgU3R5bGVkRW50aXR5TGlzdEl0ZW1CdXR0b24sXG59IGZyb20gXCIuLi9FbnRpdHlMaXN0L3N0eWxlZC1jb21wb25lbnRzXCI7XG5pbXBvcnQgdHlwZSB7IEVudGl0eUxpc3RJdGVtUHJvcHMgfSBmcm9tIFwiLi4vRW50aXR5TGlzdC90eXBlc1wiO1xuXG5jb25zdCBTdHlsZWRFbnRpdHlUcmVlSXRlbVdyYXBwZXIgPSBzdHlsZWQoU3R5bGVkRW50aXR5TGlzdEl0ZW1XcmFwcGVyKSh7XG4gIHBhZGRpbmdMZWZ0OiBcIjAgIWltcG9ydGFudFwiLCAvLyBcImltcG9ydGFudFwiIGlzIG5lZWRlZCB0byBvdmVycmlkZSB0aGUgQG1lZGlhIHF1ZXJ5IG9mIE1RIGZ1bmN0aW9uXG59KTtcblxuY29uc3QgU3R5bGVkRW50aXR5VHJlZUl0ZW1Db250YWluZXIgPSBzdHlsZWQoU3R5bGVkRW50aXR5TGlzdEl0ZW1CdXR0b24pPHtcbiAgaGFzRXhwYW5kYWJsZUljb246IGJvb2xlYW47XG59PigoeyB0aGVtZSwgaGFzRXhwYW5kYWJsZUljb24sIGxTcGFjZVN0ZXAgfSkgPT4ge1xuICBjb25zdCBnZXRTaXplID0gKGJhc2VPZmZzZXQ6IHN0cmluZywgZGVlcGVzdE5vZGVPZmZzZXQ6IHN0cmluZykgPT5cbiAgICBgY2FsYygke2Jhc2VPZmZzZXR9ICogJHtsU3BhY2VTdGVwfSArICR7XG4gICAgICBoYXNFeHBhbmRhYmxlSWNvbiA/IFwiMHB4XCIgOiBkZWVwZXN0Tm9kZU9mZnNldFxuICAgIH0gKyAke3RoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcueHhzfSlgO1xuXG4gIHJldHVybiB7XG4gICAgLi4uZ2V0Rm9jdXNTdHlsZXMoeyBvZmZzZXQ6IC0yIH0pLFxuICAgIC4uLnVzZVJlc3BvbnNpdmVWYWx1ZSh7XG4gICAgICBwYWRkaW5nTGVmdDogW1xuICAgICAgICAvLyA0MnB4IGFuZCA1NnB4IGFyZSBFeHBhbmQgYnV0dG9uIHdpZHRoICsgcGFkZGluZ1xuICAgICAgICAvLyBpdCdzIG5lZWRlZCBmb3IgYSBkZWVwZXN0IG5vZGUgd2l0aG91dCBleHBhbmRCdXR0b25cbiAgICAgICAgZ2V0U2l6ZSh0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLm0sIFwiNDJweFwiKSxcbiAgICAgICAgZ2V0U2l6ZSh0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnhsLCBcIjU2cHhcIiksXG4gICAgICBdLFxuICAgIH0pLFxuICB9O1xufSk7XG5cbmV4cG9ydCBjb25zdCBFbnRpdHlUcmVlSXRlbSA9ICh7XG4gIGNoZWNrYm94UHJvcHMsXG4gIGNoaWxkcmVuLFxuICBkZXNjcmlwdGlvbixcbiAgaGlkZUJvcmRlcixcbiAgaXNBY3RpdmUsXG4gIGlzQ2xpY2thYmxlLFxuICBpc0Rpc2FibGVkLFxuICBpc0Rpc2FibGVkRXhwYW5kLFxuICBpc0V4cGFuZGVkLFxuICBsU3BhY2VTdGVwLFxuICBvbkNsaWNrLFxuICBvbkV4cGFuZENsaWNrLFxuICBvblNwYWNlRW50ZXJQcmVzcyxcbiAgcmVuZGVyTGFiZWwsXG4gIHJlbmRlckxlZnQsXG4gIHJlbmRlclJpZ2h0LFxuICBzaXplID0gXCJtXCIsXG4gIHRhYkluZGV4LFxuICBhcmlhTGFiZWxFeHBhbmQsXG4gIGFyaWFMYWJlbENvbGxhcHNlLFxuICBcImFyaWEtbGV2ZWxcIjogYXJpYUxldmVsLFxuICBcImFyaWEtbGFiZWxcIjogYXJpYUxhYmVsLFxuICBcImRhdGEtbGlzdC1pdGVtXCI6IGRhdGFMaXN0SXRlbSxcbn06IEVudGl0eUxpc3RJdGVtUHJvcHMpOiBSZWFjdC5SZWFjdEVsZW1lbnQgPT4ge1xuICBjb25zdCBoYXNFeHBhbmRhYmxlSWNvbiA9IGlzRXhwYW5kZWQgIT09IHVuZGVmaW5lZDtcblxuICBjb25zdCBoYW5kbGVPbkNsaWNrID0gdXNlQ2FsbGJhY2soXG4gICAgKGU6IFJlYWN0Lk1vdXNlRXZlbnQpID0+IHtcbiAgICAgIGlmIChvbkNsaWNrKSB7XG4gICAgICAgIG9uQ2xpY2soZSk7XG4gICAgICB9XG4gICAgfSxcbiAgICBbb25DbGlja11cbiAgKTtcblxuICBjb25zdCBidXR0b25SZWYgPSB1c2VSZWY8SFRNTERpdkVsZW1lbnQ+KG51bGwpO1xuXG4gIHVzZUtleWJvYXJkKFxuICAgIHtcbiAgICAgIFwiU3BhY2UgRW50ZXJcIjogb25TcGFjZUVudGVyUHJlc3MsXG4gICAgfSxcbiAgICBidXR0b25SZWYsXG4gICAgdGFiSW5kZXggPT09IDAgJiYgKGlzQ2xpY2thYmxlIHx8ICEhY2hlY2tib3hQcm9wcyksXG4gICAgdHJ1ZVxuICApO1xuXG4gIHJldHVybiAoXG4gICAgPFN0eWxlZEVudGl0eUl0ZW1cbiAgICAgIHJvbGU9XCJ0cmVlaXRlbVwiXG4gICAgICBhcmlhLWV4cGFuZGVkPXtoYXNFeHBhbmRhYmxlSWNvbiA/IGlzRXhwYW5kZWQgOiB1bmRlZmluZWR9XG4gICAgICBhcmlhLWNoZWNrZWQ9e2NoZWNrYm94UHJvcHM/LmNoZWNrZWR9XG4gICAgICBhcmlhLWxhYmVsPXthcmlhTGFiZWx9XG4gICAgICBhcmlhLWxldmVsPXthcmlhTGV2ZWx9XG4gICAgPlxuICAgICAgPFN0eWxlZEVudGl0eVRyZWVJdGVtQ29udGFpbmVyXG4gICAgICAgIGRhdGEtbGlzdC1pdGVtPXtkYXRhTGlzdEl0ZW19XG4gICAgICAgIHNpemU9e3NpemV9XG4gICAgICAgIHJlZj17YnV0dG9uUmVmfVxuICAgICAgICBkYXRhLWlkPVwibGlzdC1pdGVtXCJcbiAgICAgICAgdGFiSW5kZXg9e3RhYkluZGV4fVxuICAgICAgICByb2xlPVwicHJlc2VudGF0aW9uXCJcbiAgICAgICAgaXNBY3RpdmU9e2lzQWN0aXZlfVxuICAgICAgICBoYXNFeHBhbmRhYmxlSWNvbj17aGFzRXhwYW5kYWJsZUljb259XG4gICAgICAgIGxTcGFjZVN0ZXA9e2xTcGFjZVN0ZXB9XG4gICAgICAgIGlzRGlzYWJsZWQ9e2lzRGlzYWJsZWR9XG4gICAgICAgIG9uQ2xpY2s9e2hhbmRsZU9uQ2xpY2t9XG4gICAgICAgIGlzQ2xpY2thYmxlPXtpc0NsaWNrYWJsZX1cbiAgICAgID5cbiAgICAgICAge2hhc0V4cGFuZGFibGVJY29uICYmIChcbiAgICAgICAgICA8RW50aXR5VHJlZUl0ZW1FeHBhbmRCdXR0b25cbiAgICAgICAgICAgIHNpemU9e3NpemV9XG4gICAgICAgICAgICB0YWJJbmRleD17LTF9XG4gICAgICAgICAgICBpc0Rpc2FibGVkPXtpc0Rpc2FibGVkRXhwYW5kIHx8IGlzRGlzYWJsZWR9XG4gICAgICAgICAgICBpc0V4cGFuZGVkPXtpc0V4cGFuZGVkfVxuICAgICAgICAgICAgb25DbGljaz17b25FeHBhbmRDbGlja31cbiAgICAgICAgICAgIGFyaWFMYWJlbEV4cGFuZD17YXJpYUxhYmVsRXhwYW5kfVxuICAgICAgICAgICAgYXJpYUxhYmVsQ29sbGFwc2U9e2FyaWFMYWJlbENvbGxhcHNlfVxuICAgICAgICAgIC8+XG4gICAgICAgICl9XG4gICAgICAgIDxTdHlsZWRFbnRpdHlUcmVlSXRlbVdyYXBwZXJcbiAgICAgICAgICBzaXplPXtzaXplfVxuICAgICAgICAgIGhpZGVCb3JkZXI9e2hpZGVCb3JkZXIgfHwgc2l6ZSA9PT0gXCJ4c1wifVxuICAgICAgICA+XG4gICAgICAgICAgPEVudGl0eUl0ZW1Cb2R5XG4gICAgICAgICAgICBzaXplPXtzaXplfVxuICAgICAgICAgICAgdGFiSW5kZXg9e3RhYkluZGV4fVxuICAgICAgICAgICAgZGVzY3JpcHRpb249e2Rlc2NyaXB0aW9ufVxuICAgICAgICAgICAgcmVuZGVyTGFiZWw9e3JlbmRlckxhYmVsfVxuICAgICAgICAgICAgcmVuZGVyTGVmdD17cmVuZGVyTGVmdH1cbiAgICAgICAgICAgIHJlbmRlclJpZ2h0PXtyZW5kZXJSaWdodH1cbiAgICAgICAgICAgIGNoZWNrYm94UHJvcHM9e2NoZWNrYm94UHJvcHN9XG4gICAgICAgICAgLz5cbiAgICAgICAgPC9TdHlsZWRFbnRpdHlUcmVlSXRlbVdyYXBwZXI+XG4gICAgICA8L1N0eWxlZEVudGl0eVRyZWVJdGVtQ29udGFpbmVyPlxuICAgICAge2lzRXhwYW5kZWQgJiYgY2hpbGRyZW59XG4gICAgPC9TdHlsZWRFbnRpdHlJdGVtPlxuICApO1xufTtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFrQnNDIn0= /"),EntityTreeItem=({checkboxProps,children,description,hideBorder,isActive,isClickable,isDisabled,isDisabledExpand,isExpanded,lSpaceStep,onClick,onExpandClick,onSpaceEnterPress,renderLabel,renderLeft,renderRight,size="m",tabIndex,ariaLabelExpand,ariaLabelCollapse,"aria-level":ariaLevel,"aria-label":ariaLabel,"data-list-item":dataListItem})=>{let hasExpandableIcon=void 0!==isExpanded,handleOnClick=(0,_react.useCallback)(e=>{onClick&&onClick(e)},[onClick]),buttonRef=(0,_react.useRef)(null);return(0,_useKeyboard.useKeyboard)({"Space Enter":onSpaceEnterPress},buttonRef,0===tabIndex&&(isClickable\|\|!!checkboxProps),!0),_react.default.createElement(_styledcomponents.StyledEntityItem,{role:"treeitem","aria-expanded":hasExpandableIcon?isExpanded:void 0,"aria-checked":checkboxProps?.checked,"aria-label":ariaLabel,"aria-level":ariaLevel},_react.default.createElement(StyledEntityTreeItemContainer,{"data-list-item":dataListItem,size:size,ref:buttonRef,"data-id":"list-item",tabIndex:tabIndex,role:"presentation",isActive:isActive,hasExpandableIcon:hasExpandableIcon,lSpaceStep:lSpaceStep,isDisabled:isDisabled,onClick:handleOnClick,isClickable:isClickable},hasExpandableIcon&&_react.default.createElement(_EntityTreeItemExpandButton.EntityTreeItemExpandButton,{size:size,tabIndex:-1,isDisabled:isDisabledExpand\|\|isDisabled,isExpanded:isExpanded,onClick:onExpandClick,ariaLabelExpand:ariaLabelExpand,ariaLabelCollapse:ariaLabelCollapse}),_react.default.createElement(StyledEntityTreeItemWrapper,{size:size,hideBorder:hideBorder\|\|"xs"===size},_react.default.createElement(_EntityItemBody.EntityItemBody,{size:size,tabIndex:tabIndex,description:description,renderLabel:renderLabel,renderLeft:renderLeft,renderRight:renderRight,checkboxProps:checkboxProps}))),isExpanded&&children)};
1	+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"EntityTreeItem",{enumerable:!0,get:function(){return EntityTreeItem}});const _interop_require_default=require("@swc/helpers/_/_interop_require_default"),_react=/#__PURE__/require("@swc/helpers/_/_interop_require_wildcard")._(require("react")),_styled=/#__PURE__/_interop_require_default._(require("@emotion/styled")),_mediaQueries=require("../../shared/mediaQueries"),_EntityTreeItemExpandButton=require("./EntityTreeItemExpandButton"),_useKeyboard=require("../../shared/useKeyboard"),_mixins=require("../../shared/mixins"),_EntityItemBody=require("../EntityList/EntityItemBody"),_styledcomponents=require("../EntityList/styled-components"),isSelfEvent=e=>e.target===e.currentTarget,StyledEntityTreeItemWrapper=(0,_styled.default)(_styledcomponents.StyledEntityListItemWrapper,{target:"e18sww000",label:"StyledEntityTreeItemWrapper"})({paddingLeft:"0 !important"},"/# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvRW50aXR5VHJlZS9FbnRpdHlUcmVlSXRlbS50c3giLCJzb3VyY2VzIjpbInNyYy9jb21wb25lbnRzL0VudGl0eVRyZWUvRW50aXR5VHJlZUl0ZW0udHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyB1c2VDYWxsYmFjaywgdXNlSW1wZXJhdGl2ZUhhbmRsZSwgdXNlUmVmIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IHVzZVJlc3BvbnNpdmVWYWx1ZSB9IGZyb20gXCIuLi8uLi9zaGFyZWQvbWVkaWFRdWVyaWVzXCI7XG5pbXBvcnQgeyBFbnRpdHlUcmVlSXRlbUV4cGFuZEJ1dHRvbiB9IGZyb20gXCIuL0VudGl0eVRyZWVJdGVtRXhwYW5kQnV0dG9uXCI7XG5pbXBvcnQgeyB1c2VLZXlib2FyZCB9IGZyb20gXCIuLi8uLi9zaGFyZWQvdXNlS2V5Ym9hcmRcIjtcbmltcG9ydCB7IGdldEZvY3VzU3R5bGVzIH0gZnJvbSBcIi4uLy4uL3NoYXJlZC9taXhpbnNcIjtcbmltcG9ydCB7IEVudGl0eUl0ZW1Cb2R5IH0gZnJvbSBcIi4uL0VudGl0eUxpc3QvRW50aXR5SXRlbUJvZHlcIjtcbmltcG9ydCB7XG4gIFN0eWxlZEVudGl0eUl0ZW0sXG4gIFN0eWxlZEVudGl0eUxpc3RJdGVtV3JhcHBlcixcbiAgU3R5bGVkRW50aXR5TGlzdEl0ZW1CdXR0b24sXG59IGZyb20gXCIuLi9FbnRpdHlMaXN0L3N0eWxlZC1jb21wb25lbnRzXCI7XG5pbXBvcnQgdHlwZSB7IEVudGl0eUxpc3RJdGVtUHJvcHMgfSBmcm9tIFwiLi4vRW50aXR5TGlzdC90eXBlc1wiO1xuXG5jb25zdCBpc1NlbGZFdmVudCA9IChlOiBSZWFjdC5Gb2N1c0V2ZW50KSA9PiBlLnRhcmdldCA9PT0gZS5jdXJyZW50VGFyZ2V0O1xuXG5jb25zdCBTdHlsZWRFbnRpdHlUcmVlSXRlbVdyYXBwZXIgPSBzdHlsZWQoU3R5bGVkRW50aXR5TGlzdEl0ZW1XcmFwcGVyKSh7XG4gIHBhZGRpbmdMZWZ0OiBcIjAgIWltcG9ydGFudFwiLCAvLyBcImltcG9ydGFudFwiIGlzIG5lZWRlZCB0byBvdmVycmlkZSB0aGUgQG1lZGlhIHF1ZXJ5IG9mIE1RIGZ1bmN0aW9uXG59KTtcblxuY29uc3QgU3R5bGVkRW50aXR5VHJlZUl0ZW1Db250YWluZXIgPSBzdHlsZWQoU3R5bGVkRW50aXR5TGlzdEl0ZW1CdXR0b24pPHtcbiAgaGFzRXhwYW5kYWJsZUljb246IGJvb2xlYW47XG59PigoeyB0aGVtZSwgaGFzRXhwYW5kYWJsZUljb24sIGxTcGFjZVN0ZXAgfSkgPT4ge1xuICBjb25zdCBnZXRTaXplID0gKGJhc2VPZmZzZXQ6IHN0cmluZywgZGVlcGVzdE5vZGVPZmZzZXQ6IHN0cmluZykgPT5cbiAgICBgY2FsYygke2Jhc2VPZmZzZXR9ICogJHtsU3BhY2VTdGVwfSArICR7XG4gICAgICBoYXNFeHBhbmRhYmxlSWNvbiA/IFwiMHB4XCIgOiBkZWVwZXN0Tm9kZU9mZnNldFxuICAgIH0gKyAke3RoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcueHhzfSlgO1xuXG4gIHJldHVybiB7XG4gICAgLi4uZ2V0Rm9jdXNTdHlsZXMoeyBvZmZzZXQ6IC0yIH0pLFxuICAgIC4uLnVzZVJlc3BvbnNpdmVWYWx1ZSh7XG4gICAgICBwYWRkaW5nTGVmdDogW1xuICAgICAgICAvLyA0MnB4IGFuZCA1NnB4IGFyZSBFeHBhbmQgYnV0dG9uIHdpZHRoICsgcGFkZGluZ1xuICAgICAgICAvLyBpdCdzIG5lZWRlZCBmb3IgYSBkZWVwZXN0IG5vZGUgd2l0aG91dCBleHBhbmRCdXR0b25cbiAgICAgICAgZ2V0U2l6ZSh0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLm0sIFwiNDJweFwiKSxcbiAgICAgICAgZ2V0U2l6ZSh0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnhsLCBcIjU2cHhcIiksXG4gICAgICBdLFxuICAgIH0pLFxuICB9O1xufSk7XG5cbmV4cG9ydCBjb25zdCBFbnRpdHlUcmVlSXRlbSA9IFJlYWN0LmZvcndhcmRSZWYoXG4gIChcbiAgICB7XG4gICAgICBjaGVja2JveFByb3BzLFxuICAgICAgY2hpbGRyZW4sXG4gICAgICBkZXNjcmlwdGlvbixcbiAgICAgIGhpZGVCb3JkZXIsXG4gICAgICBpc0FjdGl2ZSxcbiAgICAgIGlzQ2xpY2thYmxlLFxuICAgICAgaXNEaXNhYmxlZCxcbiAgICAgIGlzRGlzYWJsZWRFeHBhbmQsXG4gICAgICBpc0V4cGFuZGVkLFxuICAgICAgbFNwYWNlU3RlcCxcbiAgICAgIG9uQ2xpY2ssXG4gICAgICBvbkV4cGFuZENsaWNrLFxuICAgICAgb25TcGFjZUVudGVyUHJlc3MsXG4gICAgICByZW5kZXJMYWJlbCxcbiAgICAgIHJlbmRlckxlZnQsXG4gICAgICByZW5kZXJSaWdodCxcbiAgICAgIHNpemUgPSBcIm1cIixcbiAgICAgIHRhYkluZGV4LFxuICAgICAgYXJpYUxhYmVsRXhwYW5kLFxuICAgICAgYXJpYUxhYmVsQ29sbGFwc2UsXG4gICAgICBcImFyaWEtbGV2ZWxcIjogYXJpYUxldmVsLFxuICAgICAgXCJhcmlhLWxhYmVsXCI6IGFyaWFMYWJlbCxcbiAgICAgIFwiZGF0YS1saXN0LWl0ZW1cIjogZGF0YUxpc3RJdGVtLFxuICAgICAgb25Qb2ludGVyRW50ZXIsXG4gICAgICBvblBvaW50ZXJMZWF2ZSxcbiAgICAgIG9uRm9jdXMsXG4gICAgICBvbkJsdXIsXG4gICAgICBvbktleURvd24sXG4gICAgICBcImFyaWEtZGVzY3JpYmVkYnlcIjogYXJpYURlc2NyaWJlZEJ5LFxuICAgIH06IEVudGl0eUxpc3RJdGVtUHJvcHMsXG4gICAgcmVmOiBSZWFjdC5SZWY8SFRNTERpdkVsZW1lbnQ+XG4gICk6IFJlYWN0LlJlYWN0RWxlbWVudCA9PiB7XG4gICAgY29uc3QgaGFzRXhwYW5kYWJsZUljb24gPSBpc0V4cGFuZGVkICE9PSB1bmRlZmluZWQ7XG5cbiAgICBjb25zdCBoYW5kbGVPbkNsaWNrID0gdXNlQ2FsbGJhY2soXG4gICAgICAoZTogUmVhY3QuTW91c2VFdmVudCkgPT4ge1xuICAgICAgICBpZiAob25DbGljaykge1xuICAgICAgICAgIG9uQ2xpY2soZSk7XG4gICAgICAgIH1cbiAgICAgIH0sXG4gICAgICBbb25DbGlja11cbiAgICApO1xuXG4gICAgY29uc3QgYnV0dG9uUmVmID0gdXNlUmVmPEhUTUxEaXZFbGVtZW50PihudWxsKTtcblxuICAgIHVzZUtleWJvYXJkKFxuICAgICAge1xuICAgICAgICBcIlNwYWNlIEVudGVyXCI6IG9uU3BhY2VFbnRlclByZXNzLFxuICAgICAgfSxcbiAgICAgIGJ1dHRvblJlZixcbiAgICAgIHRhYkluZGV4ID09PSAwICYmIChpc0NsaWNrYWJsZSB8fCAhIWNoZWNrYm94UHJvcHMpLFxuICAgICAgdHJ1ZVxuICAgICk7XG5cbiAgICAvLyBQdWJsaXNoZXMgdGhlIHJvdyAtIG5vdCB0aGUgYHRyZWVpdGVtYCB0aGF0IGFsc28gaG9sZHMgdGhlIG5lc3RlZCBzdWJ0cmVlIC1cbiAgICAvLyBzbyBhbiBvdmVybGF5IHdyYXBwZXIgYW5jaG9ycyB0byB0aGUgcm93IGFsb25lLiBgYnV0dG9uUmVmYCBzdGF5cyBpbnRhY3QgZm9yXG4gICAgLy8gdGhlIGtleWJvYXJkIGhhbmRsaW5nIGFib3ZlLlxuICAgIHVzZUltcGVyYXRpdmVIYW5kbGUocmVmLCAoKSA9PiBidXR0b25SZWYuY3VycmVudCk7XG5cbiAgICAvLyBBbiBvdmVybGF5IG9uIHRoZSByb3cgZGVzY3JpYmVzIHRoZSByb3csIG5vdCB0aGUgZXhwYW5kIGJ1dHRvbiBvciBhIHRyYWlsaW5nXG4gICAgLy8gY29udHJvbCBpbnNpZGUgaXQsIGFuZCBmb2N1cyBldmVudHMgYnViYmxlLlxuICAgIGNvbnN0IGhhbmRsZUZvY3VzID0gKGU6IFJlYWN0LkZvY3VzRXZlbnQpID0+IHtcbiAgICAgIGlmIChpc1NlbGZFdmVudChlKSkgb25Gb2N1cz8uKGUpO1xuICAgIH07XG5cbiAgICBjb25zdCBoYW5kbGVCbHVyID0gKGU6IFJlYWN0LkZvY3VzRXZlbnQpID0+IHtcbiAgICAgIGlmIChpc1NlbGZFdmVudChlKSkgb25CbHVyPy4oZSk7XG4gICAgfTtcblxuICAgIHJldHVybiAoXG4gICAgICA8U3R5bGVkRW50aXR5SXRlbVxuICAgICAgICByb2xlPVwidHJlZWl0ZW1cIlxuICAgICAgICBhcmlhLWV4cGFuZGVkPXtoYXNFeHBhbmRhYmxlSWNvbiA/IGlzRXhwYW5kZWQgOiB1bmRlZmluZWR9XG4gICAgICAgIGFyaWEtY2hlY2tlZD17Y2hlY2tib3hQcm9wcz8uY2hlY2tlZH1cbiAgICAgICAgYXJpYS1sYWJlbD17YXJpYUxhYmVsfVxuICAgICAgICBhcmlhLWxldmVsPXthcmlhTGV2ZWx9XG4gICAgICA+XG4gICAgICAgIDxTdHlsZWRFbnRpdHlUcmVlSXRlbUNvbnRhaW5lclxuICAgICAgICAgIGRhdGEtbGlzdC1pdGVtPXtkYXRhTGlzdEl0ZW19XG4gICAgICAgICAgc2l6ZT17c2l6ZX1cbiAgICAgICAgICByZWY9e2J1dHRvblJlZn1cbiAgICAgICAgICBkYXRhLWlkPVwibGlzdC1pdGVtXCJcbiAgICAgICAgICB0YWJJbmRleD17dGFiSW5kZXh9XG4gICAgICAgICAgcm9sZT1cInByZXNlbnRhdGlvblwiXG4gICAgICAgICAgaXNBY3RpdmU9e2lzQWN0aXZlfVxuICAgICAgICAgIGhhc0V4cGFuZGFibGVJY29uPXtoYXNFeHBhbmRhYmxlSWNvbn1cbiAgICAgICAgICBsU3BhY2VTdGVwPXtsU3BhY2VTdGVwfVxuICAgICAgICAgIGlzRGlzYWJsZWQ9e2lzRGlzYWJsZWR9XG4gICAgICAgICAgb25DbGljaz17aGFuZGxlT25DbGlja31cbiAgICAgICAgICBpc0NsaWNrYWJsZT17aXNDbGlja2FibGV9XG4gICAgICAgICAgYXJpYS1kZXNjcmliZWRieT17YXJpYURlc2NyaWJlZEJ5fVxuICAgICAgICAgIC8vIEZvcndhcmRlZCBzbyBhbiBvdmVybGF5IHdyYXBwZXIgY2FuIHVzZSB0aGUgd2hvbGUgcm93IGFzIGl0cyB0cmlnZ2VyLlxuICAgICAgICAgIG9uUG9pbnRlckVudGVyPXtvblBvaW50ZXJFbnRlcn1cbiAgICAgICAgICBvblBvaW50ZXJMZWF2ZT17b25Qb2ludGVyTGVhdmV9XG4gICAgICAgICAgb25Gb2N1cz17aGFuZGxlRm9jdXN9XG4gICAgICAgICAgb25CbHVyPXtoYW5kbGVCbHVyfVxuICAgICAgICAgIG9uS2V5RG93bj17b25LZXlEb3dufVxuICAgICAgICA+XG4gICAgICAgICAge2hhc0V4cGFuZGFibGVJY29uICYmIChcbiAgICAgICAgICAgIDxFbnRpdHlUcmVlSXRlbUV4cGFuZEJ1dHRvblxuICAgICAgICAgICAgICBzaXplPXtzaXplfVxuICAgICAgICAgICAgICB0YWJJbmRleD17LTF9XG4gICAgICAgICAgICAgIGlzRGlzYWJsZWQ9e2lzRGlzYWJsZWRFeHBhbmQgfHwgaXNEaXNhYmxlZH1cbiAgICAgICAgICAgICAgaXNFeHBhbmRlZD17aXNFeHBhbmRlZH1cbiAgICAgICAgICAgICAgb25DbGljaz17b25FeHBhbmRDbGlja31cbiAgICAgICAgICAgICAgYXJpYUxhYmVsRXhwYW5kPXthcmlhTGFiZWxFeHBhbmR9XG4gICAgICAgICAgICAgIGFyaWFMYWJlbENvbGxhcHNlPXthcmlhTGFiZWxDb2xsYXBzZX1cbiAgICAgICAgICAgIC8+XG4gICAgICAgICAgKX1cbiAgICAgICAgICA8U3R5bGVkRW50aXR5VHJlZUl0ZW1XcmFwcGVyXG4gICAgICAgICAgICBzaXplPXtzaXplfVxuICAgICAgICAgICAgaGlkZUJvcmRlcj17aGlkZUJvcmRlciB8fCBzaXplID09PSBcInhzXCJ9XG4gICAgICAgICAgPlxuICAgICAgICAgICAgPEVudGl0eUl0ZW1Cb2R5XG4gICAgICAgICAgICAgIHNpemU9e3NpemV9XG4gICAgICAgICAgICAgIHRhYkluZGV4PXt0YWJJbmRleH1cbiAgICAgICAgICAgICAgZGVzY3JpcHRpb249e2Rlc2NyaXB0aW9ufVxuICAgICAgICAgICAgICByZW5kZXJMYWJlbD17cmVuZGVyTGFiZWx9XG4gICAgICAgICAgICAgIHJlbmRlckxlZnQ9e3JlbmRlckxlZnR9XG4gICAgICAgICAgICAgIHJlbmRlclJpZ2h0PXtyZW5kZXJSaWdodH1cbiAgICAgICAgICAgICAgY2hlY2tib3hQcm9wcz17Y2hlY2tib3hQcm9wc31cbiAgICAgICAgICAgIC8+XG4gICAgICAgICAgPC9TdHlsZWRFbnRpdHlUcmVlSXRlbVdyYXBwZXI+XG4gICAgICAgIDwvU3R5bGVkRW50aXR5VHJlZUl0ZW1Db250YWluZXI+XG4gICAgICAgIHtpc0V4cGFuZGVkICYmIGNoaWxkcmVufVxuICAgICAgPC9TdHlsZWRFbnRpdHlJdGVtPlxuICAgICk7XG4gIH1cbik7XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZ0JvQyJ9 /"),StyledEntityTreeItemContainer=(0,_styled.default)(_styledcomponents.StyledEntityListItemButton,{target:"e18sww001",label:"StyledEntityTreeItemContainer"})(({theme,hasExpandableIcon,lSpaceStep})=>{let getSize=(baseOffset,deepestNodeOffset)=>`calc(${baseOffset} * ${lSpaceStep} + ${hasExpandableIcon?"0px":deepestNodeOffset} + ${theme.variables.size.spacing.xxs})`;return{...(0,_mixins.getFocusStyles)({offset:-2}),...(0,_mediaQueries.useResponsiveValue)({paddingLeft:[getSize(theme.variables.size.spacing.m,"42px"),getSize(theme.variables.size.spacing.xl,"56px")]})}},"/# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvRW50aXR5VHJlZS9FbnRpdHlUcmVlSXRlbS50c3giLCJzb3VyY2VzIjpbInNyYy9jb21wb25lbnRzL0VudGl0eVRyZWUvRW50aXR5VHJlZUl0ZW0udHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyB1c2VDYWxsYmFjaywgdXNlSW1wZXJhdGl2ZUhhbmRsZSwgdXNlUmVmIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IHVzZVJlc3BvbnNpdmVWYWx1ZSB9IGZyb20gXCIuLi8uLi9zaGFyZWQvbWVkaWFRdWVyaWVzXCI7XG5pbXBvcnQgeyBFbnRpdHlUcmVlSXRlbUV4cGFuZEJ1dHRvbiB9IGZyb20gXCIuL0VudGl0eVRyZWVJdGVtRXhwYW5kQnV0dG9uXCI7XG5pbXBvcnQgeyB1c2VLZXlib2FyZCB9IGZyb20gXCIuLi8uLi9zaGFyZWQvdXNlS2V5Ym9hcmRcIjtcbmltcG9ydCB7IGdldEZvY3VzU3R5bGVzIH0gZnJvbSBcIi4uLy4uL3NoYXJlZC9taXhpbnNcIjtcbmltcG9ydCB7IEVudGl0eUl0ZW1Cb2R5IH0gZnJvbSBcIi4uL0VudGl0eUxpc3QvRW50aXR5SXRlbUJvZHlcIjtcbmltcG9ydCB7XG4gIFN0eWxlZEVudGl0eUl0ZW0sXG4gIFN0eWxlZEVudGl0eUxpc3RJdGVtV3JhcHBlcixcbiAgU3R5bGVkRW50aXR5TGlzdEl0ZW1CdXR0b24sXG59IGZyb20gXCIuLi9FbnRpdHlMaXN0L3N0eWxlZC1jb21wb25lbnRzXCI7XG5pbXBvcnQgdHlwZSB7IEVudGl0eUxpc3RJdGVtUHJvcHMgfSBmcm9tIFwiLi4vRW50aXR5TGlzdC90eXBlc1wiO1xuXG5jb25zdCBpc1NlbGZFdmVudCA9IChlOiBSZWFjdC5Gb2N1c0V2ZW50KSA9PiBlLnRhcmdldCA9PT0gZS5jdXJyZW50VGFyZ2V0O1xuXG5jb25zdCBTdHlsZWRFbnRpdHlUcmVlSXRlbVdyYXBwZXIgPSBzdHlsZWQoU3R5bGVkRW50aXR5TGlzdEl0ZW1XcmFwcGVyKSh7XG4gIHBhZGRpbmdMZWZ0OiBcIjAgIWltcG9ydGFudFwiLCAvLyBcImltcG9ydGFudFwiIGlzIG5lZWRlZCB0byBvdmVycmlkZSB0aGUgQG1lZGlhIHF1ZXJ5IG9mIE1RIGZ1bmN0aW9uXG59KTtcblxuY29uc3QgU3R5bGVkRW50aXR5VHJlZUl0ZW1Db250YWluZXIgPSBzdHlsZWQoU3R5bGVkRW50aXR5TGlzdEl0ZW1CdXR0b24pPHtcbiAgaGFzRXhwYW5kYWJsZUljb246IGJvb2xlYW47XG59PigoeyB0aGVtZSwgaGFzRXhwYW5kYWJsZUljb24sIGxTcGFjZVN0ZXAgfSkgPT4ge1xuICBjb25zdCBnZXRTaXplID0gKGJhc2VPZmZzZXQ6IHN0cmluZywgZGVlcGVzdE5vZGVPZmZzZXQ6IHN0cmluZykgPT5cbiAgICBgY2FsYygke2Jhc2VPZmZzZXR9ICogJHtsU3BhY2VTdGVwfSArICR7XG4gICAgICBoYXNFeHBhbmRhYmxlSWNvbiA/IFwiMHB4XCIgOiBkZWVwZXN0Tm9kZU9mZnNldFxuICAgIH0gKyAke3RoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcueHhzfSlgO1xuXG4gIHJldHVybiB7XG4gICAgLi4uZ2V0Rm9jdXNTdHlsZXMoeyBvZmZzZXQ6IC0yIH0pLFxuICAgIC4uLnVzZVJlc3BvbnNpdmVWYWx1ZSh7XG4gICAgICBwYWRkaW5nTGVmdDogW1xuICAgICAgICAvLyA0MnB4IGFuZCA1NnB4IGFyZSBFeHBhbmQgYnV0dG9uIHdpZHRoICsgcGFkZGluZ1xuICAgICAgICAvLyBpdCdzIG5lZWRlZCBmb3IgYSBkZWVwZXN0IG5vZGUgd2l0aG91dCBleHBhbmRCdXR0b25cbiAgICAgICAgZ2V0U2l6ZSh0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLm0sIFwiNDJweFwiKSxcbiAgICAgICAgZ2V0U2l6ZSh0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnhsLCBcIjU2cHhcIiksXG4gICAgICBdLFxuICAgIH0pLFxuICB9O1xufSk7XG5cbmV4cG9ydCBjb25zdCBFbnRpdHlUcmVlSXRlbSA9IFJlYWN0LmZvcndhcmRSZWYoXG4gIChcbiAgICB7XG4gICAgICBjaGVja2JveFByb3BzLFxuICAgICAgY2hpbGRyZW4sXG4gICAgICBkZXNjcmlwdGlvbixcbiAgICAgIGhpZGVCb3JkZXIsXG4gICAgICBpc0FjdGl2ZSxcbiAgICAgIGlzQ2xpY2thYmxlLFxuICAgICAgaXNEaXNhYmxlZCxcbiAgICAgIGlzRGlzYWJsZWRFeHBhbmQsXG4gICAgICBpc0V4cGFuZGVkLFxuICAgICAgbFNwYWNlU3RlcCxcbiAgICAgIG9uQ2xpY2ssXG4gICAgICBvbkV4cGFuZENsaWNrLFxuICAgICAgb25TcGFjZUVudGVyUHJlc3MsXG4gICAgICByZW5kZXJMYWJlbCxcbiAgICAgIHJlbmRlckxlZnQsXG4gICAgICByZW5kZXJSaWdodCxcbiAgICAgIHNpemUgPSBcIm1cIixcbiAgICAgIHRhYkluZGV4LFxuICAgICAgYXJpYUxhYmVsRXhwYW5kLFxuICAgICAgYXJpYUxhYmVsQ29sbGFwc2UsXG4gICAgICBcImFyaWEtbGV2ZWxcIjogYXJpYUxldmVsLFxuICAgICAgXCJhcmlhLWxhYmVsXCI6IGFyaWFMYWJlbCxcbiAgICAgIFwiZGF0YS1saXN0LWl0ZW1cIjogZGF0YUxpc3RJdGVtLFxuICAgICAgb25Qb2ludGVyRW50ZXIsXG4gICAgICBvblBvaW50ZXJMZWF2ZSxcbiAgICAgIG9uRm9jdXMsXG4gICAgICBvbkJsdXIsXG4gICAgICBvbktleURvd24sXG4gICAgICBcImFyaWEtZGVzY3JpYmVkYnlcIjogYXJpYURlc2NyaWJlZEJ5LFxuICAgIH06IEVudGl0eUxpc3RJdGVtUHJvcHMsXG4gICAgcmVmOiBSZWFjdC5SZWY8SFRNTERpdkVsZW1lbnQ+XG4gICk6IFJlYWN0LlJlYWN0RWxlbWVudCA9PiB7XG4gICAgY29uc3QgaGFzRXhwYW5kYWJsZUljb24gPSBpc0V4cGFuZGVkICE9PSB1bmRlZmluZWQ7XG5cbiAgICBjb25zdCBoYW5kbGVPbkNsaWNrID0gdXNlQ2FsbGJhY2soXG4gICAgICAoZTogUmVhY3QuTW91c2VFdmVudCkgPT4ge1xuICAgICAgICBpZiAob25DbGljaykge1xuICAgICAgICAgIG9uQ2xpY2soZSk7XG4gICAgICAgIH1cbiAgICAgIH0sXG4gICAgICBbb25DbGlja11cbiAgICApO1xuXG4gICAgY29uc3QgYnV0dG9uUmVmID0gdXNlUmVmPEhUTUxEaXZFbGVtZW50PihudWxsKTtcblxuICAgIHVzZUtleWJvYXJkKFxuICAgICAge1xuICAgICAgICBcIlNwYWNlIEVudGVyXCI6IG9uU3BhY2VFbnRlclByZXNzLFxuICAgICAgfSxcbiAgICAgIGJ1dHRvblJlZixcbiAgICAgIHRhYkluZGV4ID09PSAwICYmIChpc0NsaWNrYWJsZSB8fCAhIWNoZWNrYm94UHJvcHMpLFxuICAgICAgdHJ1ZVxuICAgICk7XG5cbiAgICAvLyBQdWJsaXNoZXMgdGhlIHJvdyAtIG5vdCB0aGUgYHRyZWVpdGVtYCB0aGF0IGFsc28gaG9sZHMgdGhlIG5lc3RlZCBzdWJ0cmVlIC1cbiAgICAvLyBzbyBhbiBvdmVybGF5IHdyYXBwZXIgYW5jaG9ycyB0byB0aGUgcm93IGFsb25lLiBgYnV0dG9uUmVmYCBzdGF5cyBpbnRhY3QgZm9yXG4gICAgLy8gdGhlIGtleWJvYXJkIGhhbmRsaW5nIGFib3ZlLlxuICAgIHVzZUltcGVyYXRpdmVIYW5kbGUocmVmLCAoKSA9PiBidXR0b25SZWYuY3VycmVudCk7XG5cbiAgICAvLyBBbiBvdmVybGF5IG9uIHRoZSByb3cgZGVzY3JpYmVzIHRoZSByb3csIG5vdCB0aGUgZXhwYW5kIGJ1dHRvbiBvciBhIHRyYWlsaW5nXG4gICAgLy8gY29udHJvbCBpbnNpZGUgaXQsIGFuZCBmb2N1cyBldmVudHMgYnViYmxlLlxuICAgIGNvbnN0IGhhbmRsZUZvY3VzID0gKGU6IFJlYWN0LkZvY3VzRXZlbnQpID0+IHtcbiAgICAgIGlmIChpc1NlbGZFdmVudChlKSkgb25Gb2N1cz8uKGUpO1xuICAgIH07XG5cbiAgICBjb25zdCBoYW5kbGVCbHVyID0gKGU6IFJlYWN0LkZvY3VzRXZlbnQpID0+IHtcbiAgICAgIGlmIChpc1NlbGZFdmVudChlKSkgb25CbHVyPy4oZSk7XG4gICAgfTtcblxuICAgIHJldHVybiAoXG4gICAgICA8U3R5bGVkRW50aXR5SXRlbVxuICAgICAgICByb2xlPVwidHJlZWl0ZW1cIlxuICAgICAgICBhcmlhLWV4cGFuZGVkPXtoYXNFeHBhbmRhYmxlSWNvbiA/IGlzRXhwYW5kZWQgOiB1bmRlZmluZWR9XG4gICAgICAgIGFyaWEtY2hlY2tlZD17Y2hlY2tib3hQcm9wcz8uY2hlY2tlZH1cbiAgICAgICAgYXJpYS1sYWJlbD17YXJpYUxhYmVsfVxuICAgICAgICBhcmlhLWxldmVsPXthcmlhTGV2ZWx9XG4gICAgICA+XG4gICAgICAgIDxTdHlsZWRFbnRpdHlUcmVlSXRlbUNvbnRhaW5lclxuICAgICAgICAgIGRhdGEtbGlzdC1pdGVtPXtkYXRhTGlzdEl0ZW19XG4gICAgICAgICAgc2l6ZT17c2l6ZX1cbiAgICAgICAgICByZWY9e2J1dHRvblJlZn1cbiAgICAgICAgICBkYXRhLWlkPVwibGlzdC1pdGVtXCJcbiAgICAgICAgICB0YWJJbmRleD17dGFiSW5kZXh9XG4gICAgICAgICAgcm9sZT1cInByZXNlbnRhdGlvblwiXG4gICAgICAgICAgaXNBY3RpdmU9e2lzQWN0aXZlfVxuICAgICAgICAgIGhhc0V4cGFuZGFibGVJY29uPXtoYXNFeHBhbmRhYmxlSWNvbn1cbiAgICAgICAgICBsU3BhY2VTdGVwPXtsU3BhY2VTdGVwfVxuICAgICAgICAgIGlzRGlzYWJsZWQ9e2lzRGlzYWJsZWR9XG4gICAgICAgICAgb25DbGljaz17aGFuZGxlT25DbGlja31cbiAgICAgICAgICBpc0NsaWNrYWJsZT17aXNDbGlja2FibGV9XG4gICAgICAgICAgYXJpYS1kZXNjcmliZWRieT17YXJpYURlc2NyaWJlZEJ5fVxuICAgICAgICAgIC8vIEZvcndhcmRlZCBzbyBhbiBvdmVybGF5IHdyYXBwZXIgY2FuIHVzZSB0aGUgd2hvbGUgcm93IGFzIGl0cyB0cmlnZ2VyLlxuICAgICAgICAgIG9uUG9pbnRlckVudGVyPXtvblBvaW50ZXJFbnRlcn1cbiAgICAgICAgICBvblBvaW50ZXJMZWF2ZT17b25Qb2ludGVyTGVhdmV9XG4gICAgICAgICAgb25Gb2N1cz17aGFuZGxlRm9jdXN9XG4gICAgICAgICAgb25CbHVyPXtoYW5kbGVCbHVyfVxuICAgICAgICAgIG9uS2V5RG93bj17b25LZXlEb3dufVxuICAgICAgICA+XG4gICAgICAgICAge2hhc0V4cGFuZGFibGVJY29uICYmIChcbiAgICAgICAgICAgIDxFbnRpdHlUcmVlSXRlbUV4cGFuZEJ1dHRvblxuICAgICAgICAgICAgICBzaXplPXtzaXplfVxuICAgICAgICAgICAgICB0YWJJbmRleD17LTF9XG4gICAgICAgICAgICAgIGlzRGlzYWJsZWQ9e2lzRGlzYWJsZWRFeHBhbmQgfHwgaXNEaXNhYmxlZH1cbiAgICAgICAgICAgICAgaXNFeHBhbmRlZD17aXNFeHBhbmRlZH1cbiAgICAgICAgICAgICAgb25DbGljaz17b25FeHBhbmRDbGlja31cbiAgICAgICAgICAgICAgYXJpYUxhYmVsRXhwYW5kPXthcmlhTGFiZWxFeHBhbmR9XG4gICAgICAgICAgICAgIGFyaWFMYWJlbENvbGxhcHNlPXthcmlhTGFiZWxDb2xsYXBzZX1cbiAgICAgICAgICAgIC8+XG4gICAgICAgICAgKX1cbiAgICAgICAgICA8U3R5bGVkRW50aXR5VHJlZUl0ZW1XcmFwcGVyXG4gICAgICAgICAgICBzaXplPXtzaXplfVxuICAgICAgICAgICAgaGlkZUJvcmRlcj17aGlkZUJvcmRlciB8fCBzaXplID09PSBcInhzXCJ9XG4gICAgICAgICAgPlxuICAgICAgICAgICAgPEVudGl0eUl0ZW1Cb2R5XG4gICAgICAgICAgICAgIHNpemU9e3NpemV9XG4gICAgICAgICAgICAgIHRhYkluZGV4PXt0YWJJbmRleH1cbiAgICAgICAgICAgICAgZGVzY3JpcHRpb249e2Rlc2NyaXB0aW9ufVxuICAgICAgICAgICAgICByZW5kZXJMYWJlbD17cmVuZGVyTGFiZWx9XG4gICAgICAgICAgICAgIHJlbmRlckxlZnQ9e3JlbmRlckxlZnR9XG4gICAgICAgICAgICAgIHJlbmRlclJpZ2h0PXtyZW5kZXJSaWdodH1cbiAgICAgICAgICAgICAgY2hlY2tib3hQcm9wcz17Y2hlY2tib3hQcm9wc31cbiAgICAgICAgICAgIC8+XG4gICAgICAgICAgPC9TdHlsZWRFbnRpdHlUcmVlSXRlbVdyYXBwZXI+XG4gICAgICAgIDwvU3R5bGVkRW50aXR5VHJlZUl0ZW1Db250YWluZXI+XG4gICAgICAgIHtpc0V4cGFuZGVkICYmIGNoaWxkcmVufVxuICAgICAgPC9TdHlsZWRFbnRpdHlJdGVtPlxuICAgICk7XG4gIH1cbik7XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBb0JzQyJ9 /"),EntityTreeItem=_react.default.forwardRef(({checkboxProps,children,description,hideBorder,isActive,isClickable,isDisabled,isDisabledExpand,isExpanded,lSpaceStep,onClick,onExpandClick,onSpaceEnterPress,renderLabel,renderLeft,renderRight,size="m",tabIndex,ariaLabelExpand,ariaLabelCollapse,"aria-level":ariaLevel,"aria-label":ariaLabel,"data-list-item":dataListItem,onPointerEnter,onPointerLeave,onFocus,onBlur,onKeyDown,"aria-describedby":ariaDescribedBy},ref)=>{let hasExpandableIcon=void 0!==isExpanded,handleOnClick=(0,_react.useCallback)(e=>{onClick&&onClick(e)},[onClick]),buttonRef=(0,_react.useRef)(null);return(0,_useKeyboard.useKeyboard)({"Space Enter":onSpaceEnterPress},buttonRef,0===tabIndex&&(isClickable\|\|!!checkboxProps),!0),(0,_react.useImperativeHandle)(ref,()=>buttonRef.current),_react.default.createElement(_styledcomponents.StyledEntityItem,{role:"treeitem","aria-expanded":hasExpandableIcon?isExpanded:void 0,"aria-checked":checkboxProps?.checked,"aria-label":ariaLabel,"aria-level":ariaLevel},_react.default.createElement(StyledEntityTreeItemContainer,{"data-list-item":dataListItem,size:size,ref:buttonRef,"data-id":"list-item",tabIndex:tabIndex,role:"presentation",isActive:isActive,hasExpandableIcon:hasExpandableIcon,lSpaceStep:lSpaceStep,isDisabled:isDisabled,onClick:handleOnClick,isClickable:isClickable,"aria-describedby":ariaDescribedBy,onPointerEnter:onPointerEnter,onPointerLeave:onPointerLeave,onFocus:e=>{isSelfEvent(e)&&onFocus?.(e)},onBlur:e=>{isSelfEvent(e)&&onBlur?.(e)},onKeyDown:onKeyDown},hasExpandableIcon&&_react.default.createElement(_EntityTreeItemExpandButton.EntityTreeItemExpandButton,{size:size,tabIndex:-1,isDisabled:isDisabledExpand\|\|isDisabled,isExpanded:isExpanded,onClick:onExpandClick,ariaLabelExpand:ariaLabelExpand,ariaLabelCollapse:ariaLabelCollapse}),_react.default.createElement(StyledEntityTreeItemWrapper,{size:size,hideBorder:hideBorder\|\|"xs"===size},_react.default.createElement(_EntityItemBody.EntityItemBody,{size:size,tabIndex:tabIndex,description:description,renderLabel:renderLabel,renderLeft:renderLeft,renderRight:renderRight,checkboxProps:checkboxProps}))),isExpanded&&children)});

package/build/cjs/components/Layout/-types.d.ts CHANGED Viewed

@@ -35,6 +35,8 @@ export type SidePanelStateBase = {
     visible: boolean;
     /** Whether it can collapse at all. */
     collapsible: boolean;
+    /** Whether it can be drag-resized at all. */
+    resizable: boolean;
     /** Current size (px number or "%" string). */
     size?: Size;
     /** Constraint from config (component prop overrides). */
@@ -85,6 +87,10 @@ export type LayoutState = {
 export type SidePanelConfig = {
     defaultVisible?: boolean;
     collapsible?: boolean;
+    /** Desktop only: allow drag-resizing the panel's column. Defaults `false` for
+     *  the left panel, `true` for the right. The panel's own `resizable` prop
+     *  overrides this. */
+    resizable?: boolean;
     defaultSize?: Size;
     minSize?: Size;
     maxSize?: Size;
@@ -194,6 +200,13 @@ export type SidePanelProps = {
     defaultSize?: Size;
     minSize?: Size;
     maxSize?: Size;
+    /** Desktop only: allow drag-resizing the panel's column. Overrides the
+     *  provider config's `resizable`, which defaults `false` for the left panel
+     *  and `true` for the right. When `false`, the column is fixed at
+     *  `defaultSize` - neighbours can't resize it either, though they stay
+     *  resizable against each other. Showing and hiding the panel still works.
+     *  No effect on the mobile drawer/sheet. */
+    resizable?: boolean;
     /** Called whenever the panel's visibility changes, with the new value. */
     onVisibleChange?: (visible: boolean) => void;
 };
@@ -317,6 +330,8 @@ export type PanelContainerProps = {
     onScroll?: React.UIEventHandler<HTMLDivElement>;
     /** Draws a separator border on the panel's left edge. */
     showBorderLeft?: boolean;
+    /** Draws a separator border on the panel's right edge. */
+    showBorderRight?: boolean;
     "data-e2e-test-id"?: string;
 };
 export type RightPanelProps = SidePanelProps & {