@rio-cloud/rio-uikit 2.5.1 → 3.0.0-beta.1

package/components/assetTree/Tree.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tree.js","sources":["../../../src/components/assetTree/Tree.tsx"],"sourcesContent":["/* eslint-disable no-use-before-define */\nimport React, { useCallback, useEffect, useReducer, useRef } from 'react';\nimport {\n    cond,\n    filter,\n    isEmpty,\n    noop,\n    omit,\n    size,\n    stubTrue as otherwise,\n    flow,\n    map,\n    find,\n    without,\n} from 'es-toolkit/compat';\nimport { isEqual, isNil } from 'es-toolkit/predicate';\n\nimport classNames from '../../utils/classNames';\nimport TreeSearch from './TreeSearch';\nimport TreeSelectAll from './TreeSelectAll';\nimport TreeSummary, { type AssetType } from './TreeSummary';\nimport TreeNodeContainer from './TreeNodeContainer';\nimport TreeNode from './TreeNode';\nimport TreeLeafList from './TreeLeafList';\nimport TreeNothingFound from './TreeNothingFound';\nimport TreeOptions from './TreeOptions';\nimport TreeRoot from './TreeRoot';\nimport TypeCounter from './TypeCounter';\nimport {\n    containsItemById,\n    debounceFn,\n    filterAssetByType,\n    filterEmptyGroups,\n    filterOutByItemId,\n    getTypeCounts,\n    getFlatItems,\n    getListIds,\n    notEmpty,\n    notEqual,\n    excludeFromList,\n    getMappedItemsToGroups,\n    sortGroupItemsByName,\n    sortGroupsByName,\n    addOrRemoveFromList,\n} from './treeUtils';\nimport {\n    treeReducer,\n    assetCounted,\n    allCheckedChanged,\n    visibleTypeCountersChanged,\n    searchValueChanged,\n    flatItemsChanged,\n    emptyGroupsChanged,\n    groupedItemsChanged,\n    typeFilterChanged,\n    type State,\n} from './treeReducer';\nimport { useTreeVirtualization } from './useTreeVirtualization';\nimport { useTreeExpansion } from './useTreeExpansion';\nimport { useTreeHeight } from './useTreeHeight';\nimport { useTreeScrollPosition } from './useTreeScrollPosition';\nimport SmoothScrollbars from '../../SmoothScrollbars';\n\nexport { getTypeCounts, getSubTypeCounts } from './treeUtils';\n\nexport type TreeItemName = {\n    firstName?: string;\n    lastName: string;\n};\n\nexport type TreeGroup = {\n    /**\n     * A unique identifier of a group.\n     */\n    id: string;\n\n    /**\n     * The name of a group.\n     */\n    name: string | React.ReactNode;\n\n    /**\n     * Can be set to \"last\" to enforce the last position in the tree.\n     */\n    position?: 'last';\n\n    /**\n     * Disallows the selection of the group itself.\n     */\n    disabled?: boolean;\n\n    /**\n     * The rioglyph icon name for a group.\n     *\n     * The prefix `rioglyph-` can be omitted.\n     *\n     * For custom icons and logos, provide an image URL with one of these extensions:\n     * `.png`, `.webp`, `.jpg`, `.jpeg`, `.svg`.\n     * In this case, an img tag is rendered instead of the rioglyph.\n     */\n    icon?: string;\n\n    /**\n     * The rioglyph icon name for a expanded group.\n     *\n     * The prefix `rioglyph-` can be omitted.\n     *\n     * For custom icons and logos, provide an image URL with one of these extensions:\n     * `.png`, `.webp`, `.jpg`, `.jpeg`, `.svg`.\n     * In this case, an img tag is rendered instead of the rioglyph.\n     */\n    expandedIcon?: string;\n\n    /**\n     * Additional classes added to the group element.\n     */\n    className?: string;\n};\n\nexport type TreeItem = {\n    /**\n     * A unique identifier of an item.\n     */\n    id: string;\n\n    /**\n     * The name of an item. Either it is a plain string or an object composed of:\n     * `firstName` and `lastName` where __lastName__ is mandatory.\n     */\n    name: string | TreeItemName;\n\n    /**\n     * The subline of an item. This can e used to show additional information for that item.\n     */\n    info?: string | React.ReactNode;\n\n    /**\n     * The primary type of the item.\n     *\n     * This is also used as the fallback icon name and refers to the name of the respective\n     * rioglyph icon (excluding the `rioglyph-` prefix).\n     */\n    type: string;\n\n    /**\n     * Optional icon override for the item.\n     *\n     * - If set to a string (e.g. `'truck'`), this icon will be used explicitly.\n     * - If set to `undefined`, the `type` property will be used as the fallback icon.\n     * - If set to `null`, no icon will be rendered, even if `type` is defined.\n     *\n     * This allows full control over the icon behavior while maintaining backward compatibility with type-based icons.\n     *\n     * For custom icons and logos, provide an image URL with one of these extensions:\n     * `.png`, `.webp`, `.jpg`, `.jpeg`, `.svg`.\n     * In this case, an img tag is rendered instead of the rioglyph.\n     */\n    icon?: string | null;\n\n    /**\n     * Optional sub-type of the item.\n     *\n     * This refers to the name of an additional rioglyph icon (excluding the `rioglyph-` prefix),\n     * typically used to render a secondary icon next to the primary one (Note: for fuel types better use the pairIcon prop).\n     */\n    subType?: string;\n\n    /**\n     * Optional pair icon override for the subType.\n     *\n     * - If set to a string (e.g. `'fuel-gas'`), this icon will be used explicitly.\n     * - If set to `undefined`, the `subType` property will be used as the fallback icon.\n     * - If set to `null`, no icon will be rendered, even if `subType` is defined.\n     *\n     * This allows full control over the icon behavior while maintaining backward compatibility with subType-based icons.\n     */\n    pairIcon?: string | null | undefined;\n\n    /**\n     * List of group ids the items is associated with.\n     *\n     * @default []\n     */\n    groupIds?: string[];\n\n    /**\n     * Additional classes added to the item element.\n     */\n    className?: string;\n};\n\nexport type GroupedItem = TreeGroup & {\n    items: TreeItem[];\n};\n\nexport type GroupedItems = {\n    [key: string]: GroupedItem;\n};\n\nexport type SelectionChangeResponse = { items: string[]; groups: string[] };\n\nexport type TreeProps = {\n    /**\n     * The list of groups of the items. If no groups are provided all items\n     * are rendered as flat list.\n     *\n     * @default []\n     */\n    groups?: TreeGroup[];\n\n    /**\n     * The list of items.\n     *\n     * @default []\n     */\n    items?: TreeItem[];\n\n    /**\n     * List of selected group ids.\n     *\n     * @default []\n     */\n    selectedGroups?: string[];\n\n    /**\n     * List of selected item ids.\n     *\n     * @default []\n     */\n    selectedItems?: string[];\n\n    /**\n     * Merged Callback for item and group selection changes.\n     * It responds with a selection object that contains the selected itemIds and groupIds:\n     * `{ items: [], groups: [] }`\n     * @returns\n     */\n    onSelectionChange?: ({ items, groups }: SelectionChangeResponse) => void;\n\n    /**\n     * Defines the selection behavior of the tree.\n     *\n     * @default true\n     */\n    hasMultiselect?: boolean;\n\n    /**\n     * Defines if the single selection should also show radios.\n     *\n     * @default false\n     */\n    showRadioButtons?: boolean;\n\n    /**\n     * Defines whether or not the built-in Search is shown.\n     *\n     * @default false\n     */\n    hideSearch?: boolean;\n\n    /**\n     * The text used as placeholder for the search input.\n     */\n    searchPlaceholder?: string;\n\n    /**\n     * Callback for when the search value changes.\n     * @param value\n     * @returns\n     */\n    onSearchChange?: (value: string) => void;\n\n    /**\n     * Used to define custom search component which replaces the built-in search.\n     */\n    search?: React.ReactNode;\n\n    /**\n     * Used to define custom asset type counter component which replaces the built-in summary.\n     */\n    summary?: React.ReactNode;\n\n    /**\n     * Defines whether a summary is shown.\n     *\n     * @default false\n     */\n    hideSummary?: boolean;\n\n    /**\n     * Callback triggered when the built-in asset type filter changes.\n     * This is only available when the default summary is used.\n     *\n     * @param type\n     * @returns\n     */\n    onTypeFilterChange?: (currentTypes: string[]) => void;\n\n    /**\n     * Defines whether the entire area below the search field is shown or not. Note: Disabling the\n     * tree head will hide the select all checkbox and the tree options as well as the tree summary.\n     *\n     * @default false\n     */\n    hideTreeHead?: boolean;\n\n    /**\n     * Additional custom content that is rendered at the top of the tree component. This can be used for nav pills.\n     */\n    treeHeaderContent?: React.ReactElement;\n\n    /**\n     * Defines the max-height of the scrollable list.\n     */\n    scrollHeight?: number;\n\n    /**\n     * List of group ids which are expanded.\n     */\n    expandedGroups?: string[];\n\n    /**\n     * Callback function triggered when a group expands or collapses.\n     * @param newExpandedGroups\n     * @returns\n     */\n    onExpandGroupsChange?: (newExpandedGroups: string[]) => void;\n\n    /**\n     * Defines whether empty groups are shown or not.\n     *\n     * @default true\n     */\n    showEmptyGroups?: boolean;\n\n    /**\n     * Component to offer customization options for the tree.\n     */\n    treeOptions?: React.ReactNode[];\n\n    /**\n     * Tooltip content for the tree options dropdown.\n     */\n    treeOptionsTooltip?: React.ReactNode;\n\n    /**\n     * Disables animation when filtering or using search\n     *\n     * @default false\n     */\n    disableAnimation?: boolean;\n\n    /**\n     * The number of items (including groups and children) used for virtualizing the tree.\n     *\n     * @default 50\n     */\n    virtualizeThreshold?: number;\n\n    /**\n     * The number of items rendered beyond the visible area of a virtualized tree.\n     *\n     * @default 5\n     */\n    overscan?: number;\n\n    /**\n     * Additional classes added to the wrapping element.\n     */\n    className?: string;\n};\n\nconst filterProps = (props: TreeProps) =>\n    omit(props, ['expandedGroups', 'onExpandGroupsChange', 'onSearchChange', 'onSelectionChange', 'treeOptions']);\n\nconst customCompare = (prevProps: TreeProps, nextProps: TreeProps) =>\n    isEqual(filterProps(prevProps), filterProps(nextProps));\n\nconst VIRTUALIZED_THRESHOLD = 50;\nconst DEFAULT_VIRTUALIZED_OVERSCAN = 5;\n\nconst Tree = React.memo((props: TreeProps) => {\n    const {\n        groups = [],\n        items = [],\n        selectedGroups = [],\n        selectedItems = [],\n        onSelectionChange = noop,\n        hasMultiselect = true,\n        showRadioButtons = false,\n        hideSearch = false,\n        hideTreeHead,\n        treeHeaderContent,\n        summary,\n        hideSummary = false,\n        search,\n        searchPlaceholder = 'Type here to filter by name',\n        onSearchChange = noop,\n        className,\n        scrollHeight,\n        expandedGroups,\n        onExpandGroupsChange = noop,\n        showEmptyGroups = true,\n        treeOptions = [],\n        treeOptionsTooltip,\n        disableAnimation = false,\n        onTypeFilterChange = noop,\n        virtualizeThreshold = VIRTUALIZED_THRESHOLD,\n        overscan = DEFAULT_VIRTUALIZED_OVERSCAN,\n        ...remainingProps\n    } = props;\n\n    const [state, dispatch] = useReducer(treeReducer, {\n        groupedItems: {},\n        flatItems: [],\n        allChecked: false,\n        searchValue: '',\n        assetCounts: {},\n        typeFilter: [],\n        visibleTypeCounters: [],\n        emptyGroups: [],\n    } as State);\n\n    const treeRef = useRef<HTMLDivElement>(null);\n\n    const previousItems = useRef<TreeItem[]>();\n    const previousGroups = useRef<TreeGroup[]>();\n    const previousSearchValue = useRef('');\n\n    const { internalExpandedGroups, handleToggleNode } = useTreeExpansion(\n        props.expandedGroups,\n        props.onExpandGroupsChange\n    );\n\n    const hasGroups = () => groups && notEmpty(groups);\n    const hasInternalSearchValue = () => notEmpty(state.searchValue);\n    const hasSearchAndGroups = () => hasInternalSearchValue() && hasGroups();\n    const hasNoSearchAndGroups = () => !hasInternalSearchValue() && hasGroups();\n\n    const scrollElementRef = useRef<HTMLDivElement>(null);\n\n    const { virtualizedItems, virtualizer } = useTreeVirtualization(\n        state.groupedItems,\n        state.flatItems,\n        hasInternalSearchValue(),\n        hasGroups(),\n        internalExpandedGroups,\n        scrollElementRef,\n        overscan\n    );\n\n    const { scrollToTop } = useTreeScrollPosition(virtualizer, scrollElementRef);\n\n    // Enhance the handleToggleNode function\n    const enhancedHandleToggleNode = useCallback(\n        (nodeId: string) => {\n            // Execute the original toggle logic\n            handleToggleNode(nodeId);\n        },\n        [handleToggleNode]\n    );\n\n    // Create a callback for scroll events that works with the virtualizer\n    const handleVirtualizedScroll = useCallback(\n        (event: React.UIEvent<unknown> | undefined) => {\n            if (virtualizer && event?.target) {\n                const scrollElement = event.target as HTMLElement;\n                virtualizer.scrollToOffset(scrollElement.scrollTop, { align: 'start' });\n            }\n        },\n        [virtualizer]\n    );\n\n    useEffect(() => {\n        // Update Tree when items or groups have changed\n        if (notEqual(previousItems.current, items) || notEqual(previousGroups.current, groups)) {\n            previousItems.current = items;\n            previousGroups.current = groups;\n\n            const typeCounts = getTypeCounts(items);\n\n            dispatch(assetCounted(typeCounts));\n\n            const allChecked = checkAllSelected({ items, groups, selectedItems, selectedGroups }, state.flatItems);\n            dispatch(allCheckedChanged(allChecked));\n\n            // Get the distinct asset types from the asset list that is passed into the component\n            // to know which asset type counter to render\n            dispatch(visibleTypeCountersChanged(Object.keys(typeCounts) as AssetType[]));\n\n            makeTree(groups, items);\n        }\n    }, [items, groups]);\n\n    const debouncedMakeTree = debounceFn((losGroupos: TreeGroup[], losItems: TreeItem[]) =>\n        makeTree(losGroupos, losItems)\n    );\n\n    useEffect(() => {\n        // To prevent executing the effect on first render, use a ref to check previous render values\n        if (notEqual(previousSearchValue.current, state.searchValue)) {\n            debouncedMakeTree(groups, items);\n            previousSearchValue.current = state.searchValue;\n        }\n    }, [state.searchValue]);\n\n    useEffect(() => makeTree(groups, items), [state.typeFilter]);\n\n    // Update tree when empty groups are toggled from outside\n    useEffect(() => makeTree(groups, items), [showEmptyGroups]);\n\n    // Update \"select all\" state from outside when groups are selected outside programmatically\n    // without using the \"select all\" checkbox\n    useEffect(() => {\n        const numOfAllGroups = size(groups);\n        const numOfSelectedGroups = size(selectedGroups);\n\n        if (numOfSelectedGroups !== numOfAllGroups && state.allChecked) {\n            dispatch(allCheckedChanged(false));\n        } else if (numOfSelectedGroups !== 0 && numOfSelectedGroups === numOfAllGroups && !state.allChecked) {\n            dispatch(allCheckedChanged(true));\n        }\n    }, [selectedGroups]);\n\n    const checkAllSelected = (\n        updatedProps: { items: TreeItem[]; groups: TreeGroup[]; selectedItems: string[]; selectedGroups: string[] },\n        flatItems: TreeItem[]\n    ) => {\n        const {\n            items: updatedItems,\n            groups: updatedGroups,\n            selectedItems: updatedSelectedItems,\n            selectedGroups: updatedSelectedGroups,\n        } = updatedProps;\n\n        if (\n            (!hasGroups() && isEmpty(updatedSelectedItems)) ||\n            (hasNoSearchAndGroups() && isEmpty(updatedSelectedGroups)) ||\n            (hasSearchAndGroups() && isEmpty(updatedSelectedItems))\n        ) {\n            return false;\n        }\n\n        if (hasNoSearchAndGroups()) {\n            const unselectedGroups = filter(updatedGroups, filterOutByItemId(updatedSelectedGroups));\n            return isEmpty(unselectedGroups);\n        }\n\n        if (hasSearchAndGroups()) {\n            const unselectedSearchItems = filter(flatItems, filterOutByItemId(updatedSelectedItems));\n            return isEmpty(unselectedSearchItems);\n        }\n\n        const unselectedItems = updatedItems.filter(filterOutByItemId(updatedSelectedItems));\n        return isEmpty(unselectedItems);\n    };\n\n    const selectAllSearchResultItems = (shouldSelect: boolean) => selectAllFlatItems(shouldSelect);\n\n    const handleSelectAll = (shouldSelect: boolean, isStateIndeterminate: boolean) => {\n        const shouldSelectAll = shouldSelect && !isStateIndeterminate;\n        dispatch(allCheckedChanged(shouldSelectAll));\n\n        cond([\n            [hasNoSearchAndGroups, () => selectAllGroups(shouldSelectAll)],\n            [hasSearchAndGroups, () => selectAllSearchResultItems(shouldSelectAll)],\n            [otherwise, () => selectAllFlatItems(shouldSelectAll)],\n        ])();\n    };\n\n    const selectAllGroups = (shouldSelect: boolean) => respondSelection([], shouldSelect ? getListIds(groups) : []);\n\n    const selectAllFlatItems = (shouldSelect: boolean) =>\n        respondSelection(shouldSelect ? getListIds(state.flatItems) : [], []);\n\n    const respondSelection = (updatedSelectedItemIds: string[], updatedSelectedGroupIds: string[]) => {\n        onSelectionChange({\n            items: updatedSelectedItemIds,\n            groups: updatedSelectedGroupIds,\n        });\n    };\n\n    const handleGroupSelection = (group: TreeGroup, isStateIndeterminate: boolean) => {\n        const groupId = group.id;\n\n        const isSelected = selectedGroups.includes(groupId);\n        const shouldSelectGroup = !isSelected && !isStateIndeterminate;\n\n        // handle group selection\n        const newSelectedGroups = shouldSelectGroup\n            ? [...selectedGroups, groupId]\n            : excludeFromList(selectedGroups, groupId);\n\n        // deselect all items of a node since they will be selected inherently via the group itself\n        const itemsInGroup = find(state.groupedItems, (entry: GroupedItem) => entry.id === groupId);\n        const itemIdsOfGroup = map(itemsInGroup?.items, (item: TreeItem) => item.id);\n        const updatedSelectedItems = without(selectedItems, ...itemIdsOfGroup);\n\n        // check if all groups are selected to change the state of TreeSelectAll\n        const groupAmount = groups.length;\n        const emptyGroupAmount = showEmptyGroups ? 0 : state.emptyGroups.length;\n        const totalGroupAmount = groupAmount - emptyGroupAmount;\n        const areAllGroupsChecked = totalGroupAmount === newSelectedGroups.length;\n        dispatch(allCheckedChanged(areAllGroupsChecked));\n\n        respondSelection(updatedSelectedItems, newSelectedGroups);\n    };\n\n    const handleSearchChange = (updatedSearchValue: string) => {\n        onSearchChange(updatedSearchValue);\n        dispatch(searchValueChanged(updatedSearchValue));\n\n        if (virtualizer) {\n            // Every time search changes or is cleared, scroll to the top\n            setTimeout(() => {\n                scrollToTop();\n            }, 10);\n        }\n    };\n\n    const setFlatItemList = (updatedItems: TreeItem[], searchValue: string) => {\n        const flatItems = getFlatItems(updatedItems, searchValue);\n        dispatch(flatItemsChanged(flatItems));\n    };\n\n    const setGroupedItemList = (\n        groupsToProcess: TreeGroup[],\n        itemsToProcess: TreeItem[],\n        considerEmptyGroups: boolean\n    ) => {\n        // Map items to groups with filtered items\n        const mappedItemsToGroups = getMappedItemsToGroups(groupsToProcess, itemsToProcess);\n        const newGroupedItems = flow(sortGroupsByName, sortGroupItemsByName)(mappedItemsToGroups);\n        const groupedItems = considerEmptyGroups ? newGroupedItems : filterEmptyGroups(newGroupedItems);\n\n        // Keep the empty groups in memory for later access in select all, without re-iterating on every\n        // group selection\n        const emptyGroups = filter(newGroupedItems, (group: GroupedItem) => isEmpty(group.items));\n\n        dispatch(emptyGroupsChanged(emptyGroups));\n        dispatch(assetCounted(getTypeCounts(items)));\n        dispatch(groupedItemsChanged(groupedItems));\n\n        // Update expanded groups again\n    };\n\n    const makeTree = (updatedGroups: TreeGroup[], updatedItems: TreeItem[]) => {\n        const internalSearchValue = state.searchValue;\n        const internalTypeFilter = state.typeFilter;\n\n        const groupsToProcess = updatedGroups;\n        const itemsToProcess = updatedItems;\n\n        const hasGroupList = (groupList: TreeGroup[]) => groupList && notEmpty(groupList);\n\n        const hasNoInternalSearchAndGroups = () => isEmpty(internalSearchValue) && hasGroupList(groupsToProcess);\n        const hasInternalSearchAndGroups = () => notEmpty(internalSearchValue) && hasGroupList(groupsToProcess);\n\n        const filteredItems = isEmpty(internalTypeFilter)\n            ? itemsToProcess\n            : filterAssetByType(itemsToProcess, internalTypeFilter);\n\n        const setGroupedItems = () => setGroupedItemList(groupsToProcess, filteredItems, showEmptyGroups);\n\n        const setFlatItems = () => setFlatItemList(filteredItems, internalSearchValue);\n\n        cond([\n            [hasNoInternalSearchAndGroups, setGroupedItems],\n            [hasInternalSearchAndGroups, setFlatItems],\n            [otherwise, setFlatItems],\n        ])();\n    };\n\n    const containerHeight = useTreeHeight(treeRef, scrollHeight);\n\n    const renderVirtualizedTree = () => {\n        const items = virtualizer.getVirtualItems();\n        const isGroupedList = hasGroups() && !hasInternalSearchValue();\n\n        return (\n            <SmoothScrollbars\n                ref={scrollElementRef}\n                className='tree-virtual-scrollbar'\n                onScroll={handleVirtualizedScroll}\n                autoHeight={false}\n                slideIn\n                style={{\n                    height: `${containerHeight}px`,\n                }}\n            >\n                <div\n                    className={isGroupedList ? 'grouped-list' : 'flat-list'}\n                    style={{\n                        height: `${virtualizer.getTotalSize()}px`,\n                        position: 'relative',\n                    }}\n                >\n                    {items.map(virtualItem => {\n                        const item = virtualizedItems[virtualItem.index];\n\n                        if (!item) {\n                            return null;\n                        }\n\n                        const isGroupSelected =\n                            selectedGroups.includes(item.id) ||\n                            (item.type === 'leaf' && selectedGroups.includes(item.groupId));\n\n                        return (\n                            <div\n                                key={`${item.type}-${item.id}-${virtualItem.index}`}\n                                data-index={virtualItem.index}\n                                ref={virtualizer.measureElement}\n                                className={`virtualized-tree-item ${item.type === 'group' ? 'group-item' : 'leaf-item'} ${isGroupSelected ? 'checked' : ''}`}\n                                style={{\n                                    position: 'absolute',\n                                    top: 0,\n                                    left: 0,\n                                    width: '100%',\n                                    height: `${virtualItem.size}px`,\n                                    transform: `translateY(${virtualItem.start}px)`,\n                                }}\n                            >\n                                {item.type === 'group' ? (\n                                    <TreeNodeContainer\n                                        key={item.id}\n                                        groupId={item.id}\n                                        isOpen={item.isExpanded}\n                                        disableAnimation={disableAnimation}\n                                    >\n                                        <TreeNode\n                                            node={item.data}\n                                            hasMultiselect={hasMultiselect}\n                                            onToggleNode={enhancedHandleToggleNode}\n                                            onSelect={handleGroupSelection}\n                                            isSelected={isGroupSelected}\n                                            isOpen={item.isExpanded}\n                                            isIndeterminate={\n                                                !isGroupSelected &&\n                                                item.data.items.some(groupItem => selectedItems.includes(groupItem.id))\n                                            }\n                                        />\n                                    </TreeNodeContainer>\n                                ) : (\n                                    // Render individual leaf item with proper styling\n                                    <TreeNodeContainer key={item.id} isOpen disableAnimation={disableAnimation}>\n                                        <TreeLeafList\n                                            leafList={[item.data]}\n                                            hasMultiselect={hasMultiselect}\n                                            showRadioButtons={showRadioButtons}\n                                            selectedItems={selectedItems}\n                                            selectedGroups={selectedGroups}\n                                            onSelectionChange={respondSelection}\n                                        />\n                                    </TreeNodeContainer>\n                                )}\n                            </div>\n                        );\n                    })}\n                </div>\n            </SmoothScrollbars>\n        );\n    };\n\n    const renderTree = () => {\n        const { groupedItems } = state;\n\n        if (isEmpty(groupedItems)) {\n            return <TreeNothingFound />;\n        }\n\n        if (virtualizedItems.length > virtualizeThreshold) {\n            return renderVirtualizedTree();\n        }\n\n        const result = map(groupedItems, (group: GroupedItem) => {\n            const groupId = group.id;\n            const groupItems = group.items;\n\n            const isOpen = internalExpandedGroups?.includes(groupId) ?? false;\n\n            const numSelectedGroupItems = filter(groupItems, containsItemById(selectedItems)).length;\n\n            const isGroupSelected = selectedGroups.includes(groupId);\n            const isStateIndeterminate = !isGroupSelected && numSelectedGroupItems > 0;\n\n            return (\n                <TreeNodeContainer key={groupId} groupId={groupId} isOpen={isOpen} disableAnimation={disableAnimation}>\n                    <TreeNode\n                        node={group}\n                        hasMultiselect={hasMultiselect}\n                        onToggleNode={handleToggleNode}\n                        onSelect={handleGroupSelection}\n                        isSelected={isGroupSelected}\n                        isIndeterminate={isStateIndeterminate}\n                        isOpen={isOpen}\n                    />\n                    {isOpen && (\n                        <TreeLeafList\n                            leafList={groupItems}\n                            hasMultiselect={hasMultiselect}\n                            showRadioButtons={showRadioButtons}\n                            selectedItems={selectedItems}\n                            selectedGroups={selectedGroups}\n                            onSelectionChange={respondSelection}\n                        />\n                    )}\n                </TreeNodeContainer>\n            );\n        });\n\n        return result;\n    };\n\n    const renderFlatList = () => {\n        const { flatItems } = state;\n        const hasLeafs = isEmpty(flatItems);\n\n        if (virtualizedItems.length > virtualizeThreshold) {\n            return renderVirtualizedTree();\n        }\n\n        const getLeafs = () => (\n            <TreeLeafList\n                leafList={flatItems}\n                hasMultiselect={hasMultiselect}\n                showRadioButtons={showRadioButtons}\n                selectedItems={selectedItems}\n                selectedGroups={selectedGroups}\n                onSelectionChange={respondSelection}\n            />\n        );\n\n        return (\n            <TreeNodeContainer disableAnimation={disableAnimation} isOpen>\n                {hasLeafs ? <TreeNothingFound /> : getLeafs()}\n            </TreeNodeContainer>\n        );\n    };\n\n    const hasExternalGroups = notEmpty(groups);\n\n    const hasSelectedAllItems = () => isEqual(size(selectedItems), size(state.flatItems));\n\n    const hasPartiallySelectedItems = () => notEmpty(selectedItems) && !hasSelectedAllItems();\n\n    const hasSelectedAllGroups = () => {\n        const emptyGroupAmount = showEmptyGroups ? 0 : state.emptyGroups.length;\n        return isEqual(size(selectedGroups), size(groups) - emptyGroupAmount);\n    };\n\n    const hasPartiallySelectedGroups = () => hasExternalGroups && notEmpty(selectedGroups) && !hasSelectedAllGroups();\n\n    const hasSearchAndNoItems = hasInternalSearchValue() && isEmpty(state.flatItems);\n    const hasSearchAndNoGroups = hasInternalSearchValue() && isEmpty(state.groupedItems) && hasExternalGroups;\n    const hideSelectAll = hasSearchAndNoItems || hasSearchAndNoGroups;\n\n    const isIndeterminate = hasPartiallySelectedGroups() || hasPartiallySelectedItems();\n\n    const treeClassNames = classNames('Tree', className);\n\n    const treeHeadClasses = classNames('TreeHead', 'display-flex gap-5', 'padding-15');\n\n    const shouldRenderTree = () => hasGroups() && !hasInternalSearchValue();\n\n    const content = cond([\n        [shouldRenderTree, () => renderTree()],\n        [otherwise, () => renderFlatList()],\n    ])();\n\n    const handleFilterByType = (type: string) => {\n        const updatedTypeFilter = addOrRemoveFromList(state.typeFilter, type);\n        dispatch(typeFilterChanged(updatedTypeFilter));\n        onTypeFilterChange(updatedTypeFilter);\n    };\n\n    const enableActivity = size(state.visibleTypeCounters) !== 1;\n    const isFilterActive = notEmpty(state.typeFilter);\n\n    const showTreeHead = !hideTreeHead;\n    const showSelectAll = !hideSelectAll;\n    const showSearch = !hideSearch;\n    const showSummary = !hideSummary;\n\n    const hasCustomSearch = !isNil(search);\n\n    return (\n        <div {...remainingProps} className={treeClassNames} ref={treeRef}>\n            <div className='TreeHeader'>\n                {treeHeaderContent}\n                {showSearch && !hasCustomSearch && (\n                    <TreeSearch\n                        value={state.searchValue}\n                        onChange={handleSearchChange}\n                        placeholder={searchPlaceholder}\n                    />\n                )}\n                {hasCustomSearch && search}\n                {showTreeHead && (\n                    <div className={treeHeadClasses}>\n                        {showSelectAll && (\n                            <div className='border border-right-only hidden-empty padding-right-10 margin-right-2'>\n                                <TreeSelectAll\n                                    isChecked={state.allChecked}\n                                    isEnabled={hasMultiselect}\n                                    isIndeterminate={isIndeterminate}\n                                    onSelect={handleSelectAll}\n                                />\n                            </div>\n                        )}\n                        <div className='display-flex justify-content-between align-items-start width-100pct'>\n                            {showSummary\n                                ? summary || (\n                                      <TreeSummary>\n                                          {map(state.visibleTypeCounters, (typeCounter: AssetType) => (\n                                              <TypeCounter\n                                                  key={typeCounter}\n                                                  type={typeCounter}\n                                                  icon={`${typeCounter}`}\n                                                  value={state.assetCounts[typeCounter]}\n                                                  onClick={handleFilterByType}\n                                                  isActive={state.typeFilter.includes(typeCounter)}\n                                                  hasFilter={isFilterActive}\n                                                  enableActivity={enableActivity}\n                                              />\n                                          ))}\n                                      </TreeSummary>\n                                  )\n                                : null}\n                        </div>\n                        <TreeOptions treeOptions={treeOptions} treeOptionsTooltip={treeOptionsTooltip} />\n                    </div>\n                )}\n            </div>\n            <TreeRoot maxHeight={scrollHeight} disableAnimation={disableAnimation}>\n                {content}\n            </TreeRoot>\n        </div>\n    );\n}, customCompare);\n\nexport default Tree;\n"],"names":["filterProps","props","omit","customCompare","prevProps","nextProps","isEqual","VIRTUALIZED_THRESHOLD","DEFAULT_VIRTUALIZED_OVERSCAN","Tree","React","groups","items","selectedGroups","selectedItems","onSelectionChange","noop","hasMultiselect","showRadioButtons","hideSearch","hideTreeHead","treeHeaderContent","summary","hideSummary","search","searchPlaceholder","onSearchChange","className","scrollHeight","expandedGroups","onExpandGroupsChange","showEmptyGroups","treeOptions","treeOptionsTooltip","disableAnimation","onTypeFilterChange","virtualizeThreshold","overscan","remainingProps","state","dispatch","useReducer","treeReducer","treeRef","useRef","previousItems","previousGroups","previousSearchValue","internalExpandedGroups","handleToggleNode","useTreeExpansion","hasGroups","notEmpty","hasInternalSearchValue","hasSearchAndGroups","hasNoSearchAndGroups","scrollElementRef","virtualizedItems","virtualizer","useTreeVirtualization","scrollToTop","useTreeScrollPosition","enhancedHandleToggleNode","useCallback","nodeId","handleVirtualizedScroll","event","scrollElement","useEffect","notEqual","typeCounts","getTypeCounts","assetCounted","allChecked","checkAllSelected","allCheckedChanged","visibleTypeCountersChanged","makeTree","debouncedMakeTree","debounceFn","losGroupos","losItems","numOfAllGroups","size","numOfSelectedGroups","updatedProps","flatItems","updatedItems","updatedGroups","updatedSelectedItems","updatedSelectedGroups","isEmpty","unselectedGroups","filter","filterOutByItemId","unselectedSearchItems","unselectedItems","selectAllSearchResultItems","shouldSelect","selectAllFlatItems","handleSelectAll","isStateIndeterminate","shouldSelectAll","cond","selectAllGroups","otherwise","respondSelection","getListIds","updatedSelectedItemIds","updatedSelectedGroupIds","handleGroupSelection","group","groupId","newSelectedGroups","excludeFromList","itemsInGroup","find","entry","itemIdsOfGroup","map","item","without","groupAmount","emptyGroupAmount","areAllGroupsChecked","handleSearchChange","updatedSearchValue","searchValueChanged","setFlatItemList","searchValue","getFlatItems","flatItemsChanged","setGroupedItemList","groupsToProcess","itemsToProcess","considerEmptyGroups","mappedItemsToGroups","getMappedItemsToGroups","newGroupedItems","flow","sortGroupsByName","sortGroupItemsByName","groupedItems","filterEmptyGroups","emptyGroups","emptyGroupsChanged","groupedItemsChanged","internalSearchValue","internalTypeFilter","hasGroupList","groupList","hasNoInternalSearchAndGroups","hasInternalSearchAndGroups","filteredItems","filterAssetByType","setGroupedItems","setFlatItems","containerHeight","useTreeHeight","renderVirtualizedTree","isGroupedList","jsx","SmoothScrollbars","virtualItem","isGroupSelected","TreeNodeContainer","TreeNode","groupItem","TreeLeafList","renderTree","TreeNothingFound","groupItems","isOpen","numSelectedGroupItems","containsItemById","jsxs","renderFlatList","hasLeafs","hasExternalGroups","hasSelectedAllItems","hasPartiallySelectedItems","hasSelectedAllGroups","hasPartiallySelectedGroups","hasSearchAndNoItems","hasSearchAndNoGroups","hideSelectAll","isIndeterminate","treeClassNames","classNames","treeHeadClasses","content","handleFilterByType","type","updatedTypeFilter","addOrRemoveFromList","typeFilterChanged","enableActivity","isFilterActive","showTreeHead","showSelectAll","showSearch","showSummary","hasCustomSearch","isNil","TreeSearch","TreeSelectAll","TreeSummary","typeCounter","TypeCounter","TreeOptions","TreeRoot"],"mappings":"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"}
+{"version":3,"file":"Tree.js","names":[],"sources":["../../../src/components/assetTree/Tree.tsx"],"sourcesContent":["/* eslint-disable no-use-before-define */\nimport React, { useCallback, useEffect, useReducer, useRef } from 'react';\nimport {\n    cond,\n    filter,\n    isEmpty,\n    noop,\n    omit,\n    size,\n    stubTrue as otherwise,\n    flow,\n    map,\n    find,\n    without,\n} from 'es-toolkit/compat';\nimport { isEqual, isNil } from 'es-toolkit/predicate';\n\nimport classNames from '../../utils/classNames';\nimport TreeSearch from './TreeSearch';\nimport TreeSelectAll from './TreeSelectAll';\nimport TreeSummary, { type AssetType } from './TreeSummary';\nimport TreeNodeContainer from './TreeNodeContainer';\nimport TreeNode from './TreeNode';\nimport TreeLeafList from './TreeLeafList';\nimport TreeNothingFound from './TreeNothingFound';\nimport TreeOptions from './TreeOptions';\nimport TreeRoot from './TreeRoot';\nimport TypeCounter from './TypeCounter';\nimport {\n    containsItemById,\n    debounceFn,\n    filterAssetByType,\n    filterEmptyGroups,\n    filterOutByItemId,\n    getTypeCounts,\n    getFlatItems,\n    getListIds,\n    notEmpty,\n    notEqual,\n    excludeFromList,\n    getMappedItemsToGroups,\n    sortGroupItemsByName,\n    sortGroupsByName,\n    addOrRemoveFromList,\n} from './treeUtils';\nimport {\n    treeReducer,\n    assetCounted,\n    allCheckedChanged,\n    visibleTypeCountersChanged,\n    searchValueChanged,\n    flatItemsChanged,\n    emptyGroupsChanged,\n    groupedItemsChanged,\n    typeFilterChanged,\n    type State,\n} from './treeReducer';\nimport { useTreeVirtualization } from './useTreeVirtualization';\nimport { useTreeExpansion } from './useTreeExpansion';\nimport { useTreeHeight } from './useTreeHeight';\nimport { useTreeScrollPosition } from './useTreeScrollPosition';\nimport SmoothScrollbars from '../../SmoothScrollbars';\nimport type { IconType } from '../icon/Icon';\n\nexport { getTypeCounts, getSubTypeCounts } from './treeUtils';\n\nexport type TreeItemName = {\n    firstName?: string;\n    lastName: string;\n};\n\nexport type TreeGroup = {\n    /**\n     * A unique identifier of a group.\n     */\n    id: string;\n\n    /**\n     * The name of a group.\n     */\n    name: string | React.ReactNode;\n\n    /**\n     * Can be set to \"last\" to enforce the last position in the tree.\n     */\n    position?: 'last';\n\n    /**\n     * Disallows the selection of the group itself.\n     */\n    disabled?: boolean;\n\n    /**\n     * The uikit-icon icon name for a group.\n     *\n     * The prefix `icon-` can be omitted.\n     *\n     * For custom icons and logos, provide an image URL with one of these extensions:\n     * `.png`, `.webp`, `.jpg`, `.jpeg`, `.svg`.\n     * In this case, an img tag is rendered instead of the uikit-icon.\n     */\n    iconName?: IconType;\n\n    /**\n     * Legacy alias for `iconName`.\n     *\n     * @deprecated Use `iconName` instead.\n     */\n    icon?: IconType;\n\n    /**\n     * The uikit-icon icon name for a expanded group.\n     *\n     * The prefix `icon-` can be omitted.\n     *\n     * For custom icons and logos, provide an image URL with one of these extensions:\n     * `.png`, `.webp`, `.jpg`, `.jpeg`, `.svg`.\n     * In this case, an img tag is rendered instead of the uikit-icon.\n     */\n    expandedIconName?: IconType;\n\n    /**\n     * Legacy alias for `expandedIconName`.\n     *\n     * @deprecated Use `expandedIconName` instead.\n     */\n    expandedIcon?: IconType;\n\n    /**\n     * Additional classes added to the group element.\n     */\n    className?: string;\n};\n\nexport type TreeItem = {\n    /**\n     * A unique identifier of an item.\n     */\n    id: string;\n\n    /**\n     * The name of an item. Either it is a plain string or an object composed of:\n     * `firstName` and `lastName` where __lastName__ is mandatory.\n     */\n    name: string | TreeItemName;\n\n    /**\n     * The subline of an item. This can e used to show additional information for that item.\n     */\n    info?: string | React.ReactNode;\n\n    /**\n     * The primary type of the item.\n     *\n     * This is also used as the fallback icon name and refers to the name of the respective\n     * uikit-icon icon (excluding the `icon-` prefix).\n     */\n    type: IconType;\n\n    /**\n     * Optional icon override for the item.\n     *\n     * - If set to a string (e.g. `'truck'`), this icon will be used explicitly.\n     * - If set to `undefined`, the `type` property will be used as the fallback icon.\n     * - If set to `null`, no icon will be rendered, even if `type` is defined.\n     *\n     * This allows full control over the icon behavior while maintaining backward compatibility with type-based icons.\n     *\n     * For custom icons and logos, provide an image URL with one of these extensions:\n     * `.png`, `.webp`, `.jpg`, `.jpeg`, `.svg`.\n     * In this case, an img tag is rendered instead of the uikit-icon.\n     */\n    iconName?: IconType | null;\n\n    /**\n     * Legacy alias for `iconName`.\n     *\n     * @deprecated Use `iconName` instead.\n     */\n    icon?: IconType | null;\n\n    /**\n     * Optional sub-type of the item.\n     *\n     * This refers to the name of an additional uikit-icon icon (excluding the `icon-` prefix),\n     * typically used to render a secondary icon next to the primary one (Note: for fuel types better use the pairIcon prop).\n     */\n    subType?: IconType;\n\n    /**\n     * Optional pair icon override for the subType.\n     *\n     * - If set to a string (e.g. `'fuel-gas'`), this icon will be used explicitly.\n     * - If set to `undefined`, the `subType` property will be used as the fallback icon.\n     * - If set to `null`, no icon will be rendered, even if `subType` is defined.\n     *\n     * This allows full control over the icon behavior while maintaining backward compatibility with subType-based icons.\n     */\n    pairIconName?: IconType | null | undefined;\n\n    /**\n     * Legacy alias for `pairIconName`.\n     *\n     * @deprecated Use `pairIconName` instead.\n     */\n    pairIcon?: IconType | null | undefined;\n\n    /**\n     * List of group ids the items is associated with.\n     *\n     * @default []\n     */\n    groupIds?: string[];\n\n    /**\n     * Additional classes added to the item element.\n     */\n    className?: string;\n};\n\nexport type GroupedItem = TreeGroup & {\n    items: TreeItem[];\n};\n\nexport type GroupedItems = {\n    [key: string]: GroupedItem;\n};\n\nexport type SelectionChangeResponse = { items: string[]; groups: string[] };\n\nexport type TreeProps = {\n    /**\n     * The list of groups of the items. If no groups are provided all items\n     * are rendered as flat list.\n     *\n     * @default []\n     */\n    groups?: TreeGroup[];\n\n    /**\n     * The list of items.\n     *\n     * @default []\n     */\n    items?: TreeItem[];\n\n    /**\n     * List of selected group ids.\n     *\n     * @default []\n     */\n    selectedGroups?: string[];\n\n    /**\n     * List of selected item ids.\n     *\n     * @default []\n     */\n    selectedItems?: string[];\n\n    /**\n     * Merged Callback for item and group selection changes.\n     * It responds with a selection object that contains the selected itemIds and groupIds:\n     * `{ items: [], groups: [] }`\n     * @returns\n     */\n    onSelectionChange?: ({ items, groups }: SelectionChangeResponse) => void;\n\n    /**\n     * Defines the selection behavior of the tree.\n     *\n     * @default true\n     */\n    hasMultiselect?: boolean;\n\n    /**\n     * Defines if the single selection should also show radios.\n     *\n     * @default false\n     */\n    showRadioButtons?: boolean;\n\n    /**\n     * Defines whether or not the built-in Search is shown.\n     *\n     * @default false\n     */\n    hideSearch?: boolean;\n\n    /**\n     * The text used as placeholder for the search input.\n     */\n    searchPlaceholder?: string;\n\n    /**\n     * Callback for when the search value changes.\n     * @param value\n     * @returns\n     */\n    onSearchChange?: (value: string) => void;\n\n    /**\n     * Used to define custom search component which replaces the built-in search.\n     */\n    search?: React.ReactNode;\n\n    /**\n     * Used to define custom asset type counter component which replaces the built-in summary.\n     */\n    summary?: React.ReactNode;\n\n    /**\n     * Defines whether a summary is shown.\n     *\n     * @default false\n     */\n    hideSummary?: boolean;\n\n    /**\n     * Callback triggered when the built-in asset type filter changes.\n     * This is only available when the default summary is used.\n     *\n     * @param type\n     * @returns\n     */\n    onTypeFilterChange?: (currentTypes: string[]) => void;\n\n    /**\n     * Defines whether the entire area below the search field is shown or not. Note: Disabling the\n     * tree head will hide the select all checkbox and the tree options as well as the tree summary.\n     *\n     * @default false\n     */\n    hideTreeHead?: boolean;\n\n    /**\n     * Additional custom content that is rendered at the top of the tree component. This can be used for nav pills.\n     */\n    treeHeaderContent?: React.ReactElement;\n\n    /**\n     * Defines the max-height of the scrollable list.\n     */\n    scrollHeight?: number;\n\n    /**\n     * List of group ids which are expanded.\n     */\n    expandedGroups?: string[];\n\n    /**\n     * Callback function triggered when a group expands or collapses.\n     * @param newExpandedGroups\n     * @returns\n     */\n    onExpandGroupsChange?: (newExpandedGroups: string[]) => void;\n\n    /**\n     * Defines whether empty groups are shown or not.\n     *\n     * @default true\n     */\n    showEmptyGroups?: boolean;\n\n    /**\n     * Component to offer customization options for the tree.\n     */\n    treeOptions?: React.ReactNode[];\n\n    /**\n     * Tooltip content for the tree options dropdown.\n     */\n    treeOptionsTooltip?: React.ReactNode;\n\n    /**\n     * Disables animation when filtering or using search\n     *\n     * @default false\n     */\n    disableAnimation?: boolean;\n\n    /**\n     * The number of items (including groups and children) used for virtualizing the tree.\n     *\n     * @default 50\n     */\n    virtualizeThreshold?: number;\n\n    /**\n     * The number of items rendered beyond the visible area of a virtualized tree.\n     *\n     * @default 5\n     */\n    overscan?: number;\n\n    /**\n     * Additional classes added to the wrapping element.\n     */\n    className?: string;\n};\n\nconst filterProps = (props: TreeProps) =>\n    omit(props, ['expandedGroups', 'onExpandGroupsChange', 'onSearchChange', 'onSelectionChange', 'treeOptions']);\n\nconst customCompare = (prevProps: TreeProps, nextProps: TreeProps) =>\n    isEqual(filterProps(prevProps), filterProps(nextProps));\n\nconst VIRTUALIZED_THRESHOLD = 50;\nconst DEFAULT_VIRTUALIZED_OVERSCAN = 5;\n\nconst Tree = React.memo((props: TreeProps) => {\n    const {\n        groups = [],\n        items = [],\n        selectedGroups = [],\n        selectedItems = [],\n        onSelectionChange = noop,\n        hasMultiselect = true,\n        showRadioButtons = false,\n        hideSearch = false,\n        hideTreeHead,\n        treeHeaderContent,\n        summary,\n        hideSummary = false,\n        search,\n        searchPlaceholder = 'Type here to filter by name',\n        onSearchChange = noop,\n        className,\n        scrollHeight,\n        expandedGroups,\n        onExpandGroupsChange = noop,\n        showEmptyGroups = true,\n        treeOptions = [],\n        treeOptionsTooltip,\n        disableAnimation = false,\n        onTypeFilterChange = noop,\n        virtualizeThreshold = VIRTUALIZED_THRESHOLD,\n        overscan = DEFAULT_VIRTUALIZED_OVERSCAN,\n        ...remainingProps\n    } = props;\n\n    const [state, dispatch] = useReducer(treeReducer, {\n        groupedItems: {},\n        flatItems: [],\n        allChecked: false,\n        searchValue: '',\n        assetCounts: {},\n        typeFilter: [],\n        visibleTypeCounters: [],\n        emptyGroups: [],\n    } as State);\n\n    const treeRef = useRef<HTMLDivElement>(null);\n\n    const previousItems = useRef<TreeItem[] | undefined>(undefined);\n    const previousGroups = useRef<TreeGroup[] | undefined>(undefined);\n    const previousSearchValue = useRef('');\n\n    const { internalExpandedGroups, handleToggleNode } = useTreeExpansion(\n        props.expandedGroups,\n        props.onExpandGroupsChange\n    );\n\n    const hasGroups = () => groups && notEmpty(groups);\n    const hasInternalSearchValue = () => notEmpty(state.searchValue);\n    const hasSearchAndGroups = () => hasInternalSearchValue() && hasGroups();\n    const hasNoSearchAndGroups = () => !hasInternalSearchValue() && hasGroups();\n\n    const scrollElementRef = useRef<HTMLDivElement>(null);\n\n    const { virtualizedItems, virtualizer } = useTreeVirtualization(\n        state.groupedItems,\n        state.flatItems,\n        hasInternalSearchValue(),\n        hasGroups(),\n        internalExpandedGroups,\n        scrollElementRef,\n        overscan\n    );\n\n    const { scrollToTop } = useTreeScrollPosition(virtualizer, scrollElementRef);\n\n    // Enhance the handleToggleNode function\n    const enhancedHandleToggleNode = useCallback(\n        (nodeId: string) => {\n            // Execute the original toggle logic\n            handleToggleNode(nodeId);\n        },\n        [handleToggleNode]\n    );\n\n    // Create a callback for scroll events that works with the virtualizer\n    const handleVirtualizedScroll = useCallback(\n        (event: React.UIEvent<unknown> | undefined) => {\n            if (virtualizer && event?.target) {\n                const scrollElement = event.target as HTMLElement;\n                virtualizer.scrollToOffset(scrollElement.scrollTop, { align: 'start' });\n            }\n        },\n        [virtualizer]\n    );\n\n    useEffect(() => {\n        // Update Tree when items or groups have changed\n        if (notEqual(previousItems.current, items) || notEqual(previousGroups.current, groups)) {\n            previousItems.current = items;\n            previousGroups.current = groups;\n\n            const typeCounts = getTypeCounts(items);\n\n            dispatch(assetCounted(typeCounts));\n\n            const allChecked = checkAllSelected({ items, groups, selectedItems, selectedGroups }, state.flatItems);\n            dispatch(allCheckedChanged(allChecked));\n\n            // Get the distinct asset types from the asset list that is passed into the component\n            // to know which asset type counter to render\n            dispatch(visibleTypeCountersChanged(Object.keys(typeCounts) as AssetType[]));\n\n            makeTree(groups, items);\n        }\n    }, [items, groups]);\n\n    const debouncedMakeTree = debounceFn((losGroupos: TreeGroup[], losItems: TreeItem[]) =>\n        makeTree(losGroupos, losItems)\n    );\n\n    useEffect(() => {\n        // To prevent executing the effect on first render, use a ref to check previous render values\n        if (notEqual(previousSearchValue.current, state.searchValue)) {\n            debouncedMakeTree(groups, items);\n            previousSearchValue.current = state.searchValue;\n        }\n    }, [state.searchValue]);\n\n    useEffect(() => makeTree(groups, items), [state.typeFilter]);\n\n    // Update tree when empty groups are toggled from outside\n    useEffect(() => makeTree(groups, items), [showEmptyGroups]);\n\n    // Update \"select all\" state from outside when groups are selected outside programmatically\n    // without using the \"select all\" checkbox\n    useEffect(() => {\n        const numOfAllGroups = size(groups);\n        const numOfSelectedGroups = size(selectedGroups);\n\n        if (numOfSelectedGroups !== numOfAllGroups && state.allChecked) {\n            dispatch(allCheckedChanged(false));\n        } else if (numOfSelectedGroups !== 0 && numOfSelectedGroups === numOfAllGroups && !state.allChecked) {\n            dispatch(allCheckedChanged(true));\n        }\n    }, [selectedGroups]);\n\n    const checkAllSelected = (\n        updatedProps: { items: TreeItem[]; groups: TreeGroup[]; selectedItems: string[]; selectedGroups: string[] },\n        flatItems: TreeItem[]\n    ) => {\n        const {\n            items: updatedItems,\n            groups: updatedGroups,\n            selectedItems: updatedSelectedItems,\n            selectedGroups: updatedSelectedGroups,\n        } = updatedProps;\n\n        if (\n            (!hasGroups() && isEmpty(updatedSelectedItems)) ||\n            (hasNoSearchAndGroups() && isEmpty(updatedSelectedGroups)) ||\n            (hasSearchAndGroups() && isEmpty(updatedSelectedItems))\n        ) {\n            return false;\n        }\n\n        if (hasNoSearchAndGroups()) {\n            const unselectedGroups = filter(updatedGroups, filterOutByItemId(updatedSelectedGroups));\n            return isEmpty(unselectedGroups);\n        }\n\n        if (hasSearchAndGroups()) {\n            const unselectedSearchItems = filter(flatItems, filterOutByItemId(updatedSelectedItems));\n            return isEmpty(unselectedSearchItems);\n        }\n\n        const unselectedItems = updatedItems.filter(filterOutByItemId(updatedSelectedItems));\n        return isEmpty(unselectedItems);\n    };\n\n    const selectAllSearchResultItems = (shouldSelect: boolean) => selectAllFlatItems(shouldSelect);\n\n    const handleSelectAll = (shouldSelect: boolean, isStateIndeterminate: boolean) => {\n        const shouldSelectAll = shouldSelect && !isStateIndeterminate;\n        dispatch(allCheckedChanged(shouldSelectAll));\n\n        cond([\n            [hasNoSearchAndGroups, () => selectAllGroups(shouldSelectAll)],\n            [hasSearchAndGroups, () => selectAllSearchResultItems(shouldSelectAll)],\n            [otherwise, () => selectAllFlatItems(shouldSelectAll)],\n        ])();\n    };\n\n    const selectAllGroups = (shouldSelect: boolean) => respondSelection([], shouldSelect ? getListIds(groups) : []);\n\n    const selectAllFlatItems = (shouldSelect: boolean) =>\n        respondSelection(shouldSelect ? getListIds(state.flatItems) : [], []);\n\n    const respondSelection = (updatedSelectedItemIds: string[], updatedSelectedGroupIds: string[]) => {\n        onSelectionChange({\n            items: updatedSelectedItemIds,\n            groups: updatedSelectedGroupIds,\n        });\n    };\n\n    const handleGroupSelection = (group: TreeGroup, isStateIndeterminate: boolean) => {\n        const groupId = group.id;\n\n        const isSelected = selectedGroups.includes(groupId);\n        const shouldSelectGroup = !isSelected && !isStateIndeterminate;\n\n        // handle group selection\n        const newSelectedGroups = shouldSelectGroup\n            ? [...selectedGroups, groupId]\n            : excludeFromList(selectedGroups, groupId);\n\n        // deselect all items of a node since they will be selected inherently via the group itself\n        const itemsInGroup = find(state.groupedItems, (entry: GroupedItem) => entry.id === groupId);\n        const itemIdsOfGroup = map(itemsInGroup?.items, (item: TreeItem) => item.id);\n        const updatedSelectedItems = without(selectedItems, ...itemIdsOfGroup);\n\n        // check if all groups are selected to change the state of TreeSelectAll\n        const groupAmount = groups.length;\n        const emptyGroupAmount = showEmptyGroups ? 0 : state.emptyGroups.length;\n        const totalGroupAmount = groupAmount - emptyGroupAmount;\n        const areAllGroupsChecked = totalGroupAmount === newSelectedGroups.length;\n        dispatch(allCheckedChanged(areAllGroupsChecked));\n\n        respondSelection(updatedSelectedItems, newSelectedGroups);\n    };\n\n    const handleSearchChange = (updatedSearchValue: string) => {\n        onSearchChange(updatedSearchValue);\n        dispatch(searchValueChanged(updatedSearchValue));\n\n        if (virtualizer) {\n            // Every time search changes or is cleared, scroll to the top\n            setTimeout(() => {\n                scrollToTop();\n            }, 10);\n        }\n    };\n\n    const setFlatItemList = (updatedItems: TreeItem[], searchValue: string) => {\n        const flatItems = getFlatItems(updatedItems, searchValue);\n        dispatch(flatItemsChanged(flatItems));\n    };\n\n    const setGroupedItemList = (\n        groupsToProcess: TreeGroup[],\n        itemsToProcess: TreeItem[],\n        considerEmptyGroups: boolean\n    ) => {\n        // Map items to groups with filtered items\n        const mappedItemsToGroups = getMappedItemsToGroups(groupsToProcess, itemsToProcess);\n        const newGroupedItems = flow(sortGroupsByName, sortGroupItemsByName)(mappedItemsToGroups);\n        const groupedItems = considerEmptyGroups ? newGroupedItems : filterEmptyGroups(newGroupedItems);\n\n        // Keep the empty groups in memory for later access in select all, without re-iterating on every\n        // group selection\n        const emptyGroups = filter(newGroupedItems, (group: GroupedItem) => isEmpty(group.items));\n\n        dispatch(emptyGroupsChanged(emptyGroups));\n        dispatch(assetCounted(getTypeCounts(items)));\n        dispatch(groupedItemsChanged(groupedItems));\n\n        // Update expanded groups again\n    };\n\n    const makeTree = (updatedGroups: TreeGroup[], updatedItems: TreeItem[]) => {\n        const internalSearchValue = state.searchValue;\n        const internalTypeFilter = state.typeFilter;\n\n        const groupsToProcess = updatedGroups;\n        const itemsToProcess = updatedItems;\n\n        const hasGroupList = (groupList: TreeGroup[]) => groupList && notEmpty(groupList);\n\n        const hasNoInternalSearchAndGroups = () => isEmpty(internalSearchValue) && hasGroupList(groupsToProcess);\n        const hasInternalSearchAndGroups = () => notEmpty(internalSearchValue) && hasGroupList(groupsToProcess);\n\n        const filteredItems = isEmpty(internalTypeFilter)\n            ? itemsToProcess\n            : filterAssetByType(itemsToProcess, internalTypeFilter);\n\n        const setGroupedItems = () => setGroupedItemList(groupsToProcess, filteredItems, showEmptyGroups);\n\n        const setFlatItems = () => setFlatItemList(filteredItems, internalSearchValue);\n\n        cond([\n            [hasNoInternalSearchAndGroups, setGroupedItems],\n            [hasInternalSearchAndGroups, setFlatItems],\n            [otherwise, setFlatItems],\n        ])();\n    };\n\n    const containerHeight = useTreeHeight(treeRef, scrollHeight);\n\n    const renderVirtualizedTree = () => {\n        const items = virtualizer.getVirtualItems();\n        const isGroupedList = hasGroups() && !hasInternalSearchValue();\n\n        return (\n            <SmoothScrollbars\n                ref={scrollElementRef}\n                className='tree-virtual-scrollbar'\n                onScroll={handleVirtualizedScroll}\n                autoHeight={false}\n                slideIn\n                style={{\n                    height: `${containerHeight}px`,\n                }}\n            >\n                <div\n                    className={isGroupedList ? 'grouped-list' : 'flat-list'}\n                    style={{\n                        height: `${virtualizer.getTotalSize()}px`,\n                        position: 'relative',\n                    }}\n                >\n                    {items.map(virtualItem => {\n                        const item = virtualizedItems[virtualItem.index];\n\n                        if (!item) {\n                            return null;\n                        }\n\n                        const isGroupSelected =\n                            selectedGroups.includes(item.id) ||\n                            (item.type === 'leaf' && selectedGroups.includes(item.groupId));\n\n                        return (\n                            <div\n                                key={`${item.type}-${item.id}-${virtualItem.index}`}\n                                data-index={virtualItem.index}\n                                ref={virtualizer.measureElement}\n                                className={`virtualized-tree-item ${item.type === 'group' ? 'group-item' : 'leaf-item'} ${isGroupSelected ? 'checked' : ''}`}\n                                style={{\n                                    position: 'absolute',\n                                    top: 0,\n                                    left: 0,\n                                    width: '100%',\n                                    height: `${virtualItem.size}px`,\n                                    transform: `translateY(${virtualItem.start}px)`,\n                                }}\n                            >\n                                {item.type === 'group' ? (\n                                    <TreeNodeContainer\n                                        key={item.id}\n                                        groupId={item.id}\n                                        isOpen={item.isExpanded}\n                                        disableAnimation={disableAnimation}\n                                    >\n                                        <TreeNode\n                                            node={item.data}\n                                            hasMultiselect={hasMultiselect}\n                                            onToggleNode={enhancedHandleToggleNode}\n                                            onSelect={handleGroupSelection}\n                                            isSelected={isGroupSelected}\n                                            isOpen={item.isExpanded}\n                                            isIndeterminate={\n                                                !isGroupSelected &&\n                                                item.data.items.some(groupItem => selectedItems.includes(groupItem.id))\n                                            }\n                                        />\n                                    </TreeNodeContainer>\n                                ) : (\n                                    // Render individual leaf item with proper styling\n                                    <TreeNodeContainer key={item.id} isOpen disableAnimation={disableAnimation}>\n                                        <TreeLeafList\n                                            leafList={[item.data]}\n                                            hasMultiselect={hasMultiselect}\n                                            showRadioButtons={showRadioButtons}\n                                            selectedItems={selectedItems}\n                                            selectedGroups={selectedGroups}\n                                            onSelectionChange={respondSelection}\n                                        />\n                                    </TreeNodeContainer>\n                                )}\n                            </div>\n                        );\n                    })}\n                </div>\n            </SmoothScrollbars>\n        );\n    };\n\n    const renderTree = () => {\n        const { groupedItems } = state;\n\n        if (isEmpty(groupedItems)) {\n            return <TreeNothingFound />;\n        }\n\n        if (virtualizedItems.length > virtualizeThreshold) {\n            return renderVirtualizedTree();\n        }\n\n        const result = map(groupedItems, (group: GroupedItem) => {\n            const groupId = group.id;\n            const groupItems = group.items;\n\n            const isOpen = internalExpandedGroups?.includes(groupId) ?? false;\n\n            const numSelectedGroupItems = filter(groupItems, containsItemById(selectedItems)).length;\n\n            const isGroupSelected = selectedGroups.includes(groupId);\n            const isStateIndeterminate = !isGroupSelected && numSelectedGroupItems > 0;\n\n            return (\n                <TreeNodeContainer key={groupId} groupId={groupId} isOpen={isOpen} disableAnimation={disableAnimation}>\n                    <TreeNode\n                        node={group}\n                        hasMultiselect={hasMultiselect}\n                        onToggleNode={handleToggleNode}\n                        onSelect={handleGroupSelection}\n                        isSelected={isGroupSelected}\n                        isIndeterminate={isStateIndeterminate}\n                        isOpen={isOpen}\n                    />\n                    {isOpen && (\n                        <TreeLeafList\n                            leafList={groupItems}\n                            hasMultiselect={hasMultiselect}\n                            showRadioButtons={showRadioButtons}\n                            selectedItems={selectedItems}\n                            selectedGroups={selectedGroups}\n                            onSelectionChange={respondSelection}\n                        />\n                    )}\n                </TreeNodeContainer>\n            );\n        });\n\n        return result;\n    };\n\n    const renderFlatList = () => {\n        const { flatItems } = state;\n        const hasLeafs = isEmpty(flatItems);\n\n        if (virtualizedItems.length > virtualizeThreshold) {\n            return renderVirtualizedTree();\n        }\n\n        const getLeafs = () => (\n            <TreeLeafList\n                leafList={flatItems}\n                hasMultiselect={hasMultiselect}\n                showRadioButtons={showRadioButtons}\n                selectedItems={selectedItems}\n                selectedGroups={selectedGroups}\n                onSelectionChange={respondSelection}\n            />\n        );\n\n        return (\n            <TreeNodeContainer disableAnimation={disableAnimation} isOpen>\n                {hasLeafs ? <TreeNothingFound /> : getLeafs()}\n            </TreeNodeContainer>\n        );\n    };\n\n    const hasExternalGroups = notEmpty(groups);\n\n    const hasSelectedAllItems = () => isEqual(size(selectedItems), size(state.flatItems));\n\n    const hasPartiallySelectedItems = () => notEmpty(selectedItems) && !hasSelectedAllItems();\n\n    const hasSelectedAllGroups = () => {\n        const emptyGroupAmount = showEmptyGroups ? 0 : state.emptyGroups.length;\n        return isEqual(size(selectedGroups), size(groups) - emptyGroupAmount);\n    };\n\n    const hasPartiallySelectedGroups = () => hasExternalGroups && notEmpty(selectedGroups) && !hasSelectedAllGroups();\n\n    const hasSearchAndNoItems = hasInternalSearchValue() && isEmpty(state.flatItems);\n    const hasSearchAndNoGroups = hasInternalSearchValue() && isEmpty(state.groupedItems) && hasExternalGroups;\n    const hideSelectAll = hasSearchAndNoItems || hasSearchAndNoGroups;\n\n    const isIndeterminate = hasPartiallySelectedGroups() || hasPartiallySelectedItems();\n\n    const treeClassNames = classNames('Tree', className);\n\n    const treeHeadClasses = classNames('TreeHead', 'display-flex gap-5', 'padding-15');\n\n    const shouldRenderTree = () => hasGroups() && !hasInternalSearchValue();\n\n    const content = cond([\n        [shouldRenderTree, () => renderTree()],\n        [otherwise, () => renderFlatList()],\n    ])();\n\n    const handleFilterByType = (type: string) => {\n        const updatedTypeFilter = addOrRemoveFromList(state.typeFilter, type);\n        dispatch(typeFilterChanged(updatedTypeFilter));\n        onTypeFilterChange(updatedTypeFilter);\n    };\n\n    const enableActivity = size(state.visibleTypeCounters) !== 1;\n    const isFilterActive = notEmpty(state.typeFilter);\n\n    const showTreeHead = !hideTreeHead;\n    const showSelectAll = !hideSelectAll;\n    const showSearch = !hideSearch;\n    const showSummary = !hideSummary;\n\n    const hasCustomSearch = !isNil(search);\n\n    return (\n        <div {...remainingProps} className={treeClassNames} ref={treeRef}>\n            <div className='TreeHeader'>\n                {treeHeaderContent}\n                {showSearch && !hasCustomSearch && (\n                    <TreeSearch\n                        value={state.searchValue}\n                        onChange={handleSearchChange}\n                        placeholder={searchPlaceholder}\n                    />\n                )}\n                {hasCustomSearch && search}\n                {showTreeHead && (\n                    <div className={treeHeadClasses}>\n                        {showSelectAll && (\n                            <div className='border border-right-only hidden-empty padding-right-10 margin-right-2'>\n                                <TreeSelectAll\n                                    isChecked={state.allChecked}\n                                    isEnabled={hasMultiselect}\n                                    isIndeterminate={isIndeterminate}\n                                    onSelect={handleSelectAll}\n                                />\n                            </div>\n                        )}\n                        <div className='display-flex justify-content-between align-items-start width-100pct'>\n                            {showSummary\n                                ? summary || (\n                                      <TreeSummary>\n                                          {map(state.visibleTypeCounters, (typeCounter: AssetType) => (\n                                              <TypeCounter\n                                                  key={typeCounter}\n                                                  type={typeCounter}\n                                                  icon={`${typeCounter}`}\n                                                  value={state.assetCounts[typeCounter]}\n                                                  onClick={handleFilterByType}\n                                                  isActive={state.typeFilter.includes(typeCounter)}\n                                                  hasFilter={isFilterActive}\n                                                  enableActivity={enableActivity}\n                                              />\n                                          ))}\n                                      </TreeSummary>\n                                  )\n                                : null}\n                        </div>\n                        <TreeOptions treeOptions={treeOptions} treeOptionsTooltip={treeOptionsTooltip} />\n                    </div>\n                )}\n            </div>\n            <TreeRoot maxHeight={scrollHeight} disableAnimation={disableAnimation}>\n                {content}\n            </TreeRoot>\n        </div>\n    );\n}, customCompare);\n\nexport default Tree;\n"],"mappings":"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"}

package/components/assetTree/TreeCategory.d.ts

@@ -1,13 +1,20 @@
 import { PropsWithChildren } from 'react';
+import { IconType } from '../icon/Icon';
 export type TreeCategoryProps = {
     /**
      * A unique identifier for that category.
      */
     id: string;
     /**
-     * The rioglyph icon name for that category.
+     * The uikit-icon icon name for that category.
      */
-    icon: string;
+    iconName?: IconType;
+    /**
+     * Legacy alias for `iconName`.
+     *
+     * @deprecated Use `iconName` instead.
+     */
+    icon?: IconType;
     /**
      * The optional label for the category which will be shown in a tooltip.
      */

package/components/assetTree/TreeCategory.js

@@ -1,5 +1,6 @@
-const l = (e) => e.children || null;
-export {
-  l as default
-};
-//# sourceMappingURL=TreeCategory.js.map
+//#region src/components/assetTree/TreeCategory.tsx
+var e = (e) => e.children || null;
+//#endregion
+export { e as default };
+
+//# sourceMappingURL=TreeCategory.js.map

package/components/assetTree/TreeCategory.js.map

@@ -1 +1 @@
-{"version":3,"file":"TreeCategory.js","sources":["../../../src/components/assetTree/TreeCategory.tsx"],"sourcesContent":["import type { PropsWithChildren } from 'react';\n\nexport type TreeCategoryProps = {\n    /**\n     * A unique identifier for that category.\n     */\n    id: string;\n\n    /**\n     * The rioglyph icon name for that category.\n     */\n    icon: string;\n\n    /**\n     * The optional label for the category which will be shown in a tooltip.\n     */\n    label?: string | React.ReactNode;\n\n    /**\n     * Defines whether or not a selection indicator should be shown.\n     */\n    hasSelection?: boolean;\n};\n\nexport type TreeCategoryNode = React.ReactElement<TreeCategoryProps>;\n\nconst TreeCategory = (props: PropsWithChildren<TreeCategoryProps>) => props.children || null;\n\nexport default TreeCategory;\n"],"names":["TreeCategory","props"],"mappings":"AA0BA,MAAMA,IAAe,CAACC,MAAgDA,EAAM,YAAY;"}
+{"version":3,"file":"TreeCategory.js","names":[],"sources":["../../../src/components/assetTree/TreeCategory.tsx"],"sourcesContent":["import type { PropsWithChildren } from 'react';\nimport type { IconType } from '../icon/Icon';\n\nexport type TreeCategoryProps = {\n    /**\n     * A unique identifier for that category.\n     */\n    id: string;\n\n    /**\n     * The uikit-icon icon name for that category.\n     */\n    iconName?: IconType;\n\n    /**\n     * Legacy alias for `iconName`.\n     *\n     * @deprecated Use `iconName` instead.\n     */\n    icon?: IconType;\n\n    /**\n     * The optional label for the category which will be shown in a tooltip.\n     */\n    label?: string | React.ReactNode;\n\n    /**\n     * Defines whether or not a selection indicator should be shown.\n     */\n    hasSelection?: boolean;\n};\n\nexport type TreeCategoryNode = React.ReactElement<TreeCategoryProps>;\n\nconst TreeCategory = (props: PropsWithChildren<TreeCategoryProps>) => props.children || null;\n\nexport default TreeCategory;\n"],"mappings":";AAkCA,IAAM,KAAgB,MAAgD,EAAM,YAAY"}

package/components/assetTree/TreeIcon.d.ts

@@ -1,6 +1,7 @@
+import { IconType } from '../icon/Icon';
 type TreeIconProps = {
     /**
-     * Icon name (rioglyph) or image URL for the default (collapsed) state.
+     * Icon name (uikit-icon) or image URL for the default (collapsed) state.
      *
      * Allows to add custom icons and logos by providing an image URL.
      *
@@ -12,19 +13,31 @@ type TreeIconProps = {
      * - `'.jpeg'`
      * - `'.svg'`
      */
-    icon?: string;
+    iconName?: IconType;
     /**
-     * Icon name (rioglyph) or image URL for the expanded state.
+     * Legacy alias for `iconName`.
+     *
+     * @deprecated Use `iconName` instead.
+     */
+    icon?: IconType;
+    /**
+     * Icon name (uikit-icon) or image URL for the expanded state.
      * If not provided, it will show the icon instead.
      */
-    expandedIcon?: string;
+    expandedIconName?: IconType;
+    /**
+     * Legacy alias for `expandedIconName`.
+     *
+     * @deprecated Use `expandedIconName` instead.
+     */
+    expandedIcon?: IconType;
     /**
      * Whether the tree node is currently expanded.
      */
     isOpen?: boolean;
 };
 /**
- * Renders an icon for an asset tree node, supporting rioglyph names and custom image URLs.
+ * Renders an icon for an asset tree node, supporting uikit-icon names and custom image URLs.
  */
-declare const TreeIcon: ({ icon, expandedIcon, isOpen }: TreeIconProps) => import("react/jsx-runtime").JSX.Element | null;
+declare const TreeIcon: ({ iconName, icon: legacyIcon, expandedIconName, expandedIcon: legacyExpandedIcon, isOpen, }: TreeIconProps) => import("react/jsx-runtime").JSX.Element | null;
 export default TreeIcon;

package/components/assetTree/TreeIcon.js

@@ -1,16 +1,31 @@
-import { jsx as e } from "react/jsx-runtime";
-import { withRioglyphPrefix as m } from "./treeUtils.js";
-import a from "../../utils/classNames.js";
-const p = [".png", ".webp", ".jpg", ".jpeg", ".svg"], d = ({ icon: t, expandedIcon: o, isOpen: i }) => {
-  const s = i && o || t;
-  if (!s)
-    return null;
-  if (p.some((c) => s.toLowerCase().endsWith(c)))
-    return /* @__PURE__ */ e("div", { className: "display-grid place-items-center margin-right-5", style: { width: "18px", height: "18px" }, children: /* @__PURE__ */ e("img", { src: s, style: { maxWidth: "100%", maxHeight: "100%" } }) });
-  const n = m(s), r = a("rioglyph", n);
-  return /* @__PURE__ */ e("span", { className: r });
+import e from "../../utils/classNames.js";
+import { withIconPrefix as t } from "./treeUtils.js";
+import { jsx as n } from "react/jsx-runtime";
+//#region src/components/assetTree/TreeIcon.tsx
+var r = [
+	".png",
+	".webp",
+	".jpg",
+	".jpeg",
+	".svg"
+], i = ({ iconName: i, icon: a, expandedIconName: o, expandedIcon: s, isOpen: c }) => {
+	let l = c && (o ?? s) || (i ?? a);
+	return l ? r.some((e) => l.toLowerCase().endsWith(e)) ? /* @__PURE__ */ n("div", {
+		className: "display-grid place-items-center margin-right-5",
+		style: {
+			width: "18px",
+			height: "18px"
+		},
+		children: /* @__PURE__ */ n("img", {
+			src: l,
+			style: {
+				maxWidth: "100%",
+				maxHeight: "100%"
+			}
+		})
+	}) : /* @__PURE__ */ n("span", { className: e("uikit-icon", t(l)) }) : null;
 };
-export {
-  d as default
-};
-//# sourceMappingURL=TreeIcon.js.map
+//#endregion
+export { i as default };
+
+//# sourceMappingURL=TreeIcon.js.map

package/components/assetTree/TreeIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"TreeIcon.js","sources":["../../../src/components/assetTree/TreeIcon.tsx"],"sourcesContent":["import { withRioglyphPrefix } from './treeUtils';\n\nimport classNames from '../../utils/classNames';\n\ntype TreeIconProps = {\n    /**\n     * Icon name (rioglyph) or image URL for the default (collapsed) state.\n     *\n     * Allows to add custom icons and logos by providing an image URL.\n     *\n     * Allowed custom file extensions inside the URLs:\n     *\n     * - `'.png'`\n     * - `'.webp'`\n     * - `'.jpg'`\n     * - `'.jpeg'`\n     * - `'.svg'`\n     */\n    icon?: string;\n\n    /**\n     * Icon name (rioglyph) or image URL for the expanded state.\n     * If not provided, it will show the icon instead.\n     */\n    expandedIcon?: string;\n\n    /**\n     * Whether the tree node is currently expanded.\n     */\n    isOpen?: boolean;\n};\n\nconst customIconExtensions = ['.png', '.webp', '.jpg', '.jpeg', '.svg'];\n\n/**\n * Renders an icon for an asset tree node, supporting rioglyph names and custom image URLs.\n */\nconst TreeIcon = ({ icon, expandedIcon, isOpen }: TreeIconProps) => {\n    const effectiveIcon = isOpen ? expandedIcon || icon : icon;\n\n    if (!effectiveIcon) {\n        return null;\n    }\n\n    const isCustomIcon = customIconExtensions.some(ext => effectiveIcon.toLowerCase().endsWith(ext));\n\n    if (isCustomIcon) {\n        return (\n            <div className='display-grid place-items-center margin-right-5' style={{ width: '18px', height: '18px' }}>\n                <img src={effectiveIcon} style={{ maxWidth: '100%', maxHeight: '100%' }} />\n            </div>\n        );\n    }\n\n    const iconName = withRioglyphPrefix(effectiveIcon);\n    const spanClassName = classNames('rioglyph', iconName);\n\n    return <span className={spanClassName} />;\n};\n\nexport default TreeIcon;\n"],"names":["customIconExtensions","TreeIcon","icon","expandedIcon","isOpen","effectiveIcon","ext","jsx","iconName","withRioglyphPrefix","spanClassName","classNames"],"mappings":";;;AAgCA,MAAMA,IAAuB,CAAC,QAAQ,SAAS,QAAQ,SAAS,MAAM,GAKhEC,IAAW,CAAC,EAAE,MAAAC,GAAM,cAAAC,GAAc,QAAAC,QAA4B;AAChE,QAAMC,IAAgBD,KAASD,KAAgBD;AAE/C,MAAI,CAACG;AACD,WAAO;AAKX,MAFqBL,EAAqB,KAAK,CAAAM,MAAOD,EAAc,YAAA,EAAc,SAASC,CAAG,CAAC;AAG3F,WACI,gBAAAC,EAAC,SAAI,WAAU,kDAAiD,OAAO,EAAE,OAAO,QAAQ,QAAQ,OAAA,GAC5F,4BAAC,OAAA,EAAI,KAAKF,GAAe,OAAO,EAAE,UAAU,QAAQ,WAAW,OAAA,EAAO,CAAG,EAAA,CAC7E;AAIR,QAAMG,IAAWC,EAAmBJ,CAAa,GAC3CK,IAAgBC,EAAW,YAAYH,CAAQ;AAErD,SAAO,gBAAAD,EAAC,QAAA,EAAK,WAAWG,EAAA,CAAe;AAC3C;"}
+{"version":3,"file":"TreeIcon.js","names":[],"sources":["../../../src/components/assetTree/TreeIcon.tsx"],"sourcesContent":["import { withIconPrefix } from './treeUtils';\n\nimport classNames from '../../utils/classNames';\nimport type { IconType } from '../icon/Icon';\n\ntype TreeIconProps = {\n    /**\n     * Icon name (uikit-icon) or image URL for the default (collapsed) state.\n     *\n     * Allows to add custom icons and logos by providing an image URL.\n     *\n     * Allowed custom file extensions inside the URLs:\n     *\n     * - `'.png'`\n     * - `'.webp'`\n     * - `'.jpg'`\n     * - `'.jpeg'`\n     * - `'.svg'`\n     */\n    iconName?: IconType;\n\n    /**\n     * Legacy alias for `iconName`.\n     *\n     * @deprecated Use `iconName` instead.\n     */\n    icon?: IconType;\n\n    /**\n     * Icon name (uikit-icon) or image URL for the expanded state.\n     * If not provided, it will show the icon instead.\n     */\n    expandedIconName?: IconType;\n\n    /**\n     * Legacy alias for `expandedIconName`.\n     *\n     * @deprecated Use `expandedIconName` instead.\n     */\n    expandedIcon?: IconType;\n\n    /**\n     * Whether the tree node is currently expanded.\n     */\n    isOpen?: boolean;\n};\n\nconst customIconExtensions = ['.png', '.webp', '.jpg', '.jpeg', '.svg'];\n\n/**\n * Renders an icon for an asset tree node, supporting uikit-icon names and custom image URLs.\n */\nconst TreeIcon = ({\n    iconName,\n    icon: legacyIcon,\n    expandedIconName,\n    expandedIcon: legacyExpandedIcon,\n    isOpen,\n}: TreeIconProps) => {\n    const resolvedIconName = iconName ?? legacyIcon;\n    const resolvedExpandedIconName = expandedIconName ?? legacyExpandedIcon;\n    const effectiveIcon = isOpen ? resolvedExpandedIconName || resolvedIconName : resolvedIconName;\n\n    if (!effectiveIcon) {\n        return null;\n    }\n\n    const isCustomIcon = customIconExtensions.some(ext => effectiveIcon.toLowerCase().endsWith(ext));\n\n    if (isCustomIcon) {\n        return (\n            <div className='display-grid place-items-center margin-right-5' style={{ width: '18px', height: '18px' }}>\n                <img src={effectiveIcon} style={{ maxWidth: '100%', maxHeight: '100%' }} />\n            </div>\n        );\n    }\n\n    const iconClassName = withIconPrefix(effectiveIcon);\n    const spanClassName = classNames('uikit-icon', iconClassName);\n\n    return <span className={spanClassName} />;\n};\n\nexport default TreeIcon;\n"],"mappings":";;;;AA+CA,IAAM,IAAuB;CAAC;CAAQ;CAAS;CAAQ;CAAS;AAAM,GAKhE,KAAY,EACd,aACA,MAAM,GACN,qBACA,cAAc,GACd,gBACiB;CACjB,IAEM,IAAgB,MADW,KAAoB,OAD5B,KAAY;CAqBrC,OAjBK,IAIgB,EAAqB,MAAK,MAAO,EAAc,YAAY,CAAC,CAAC,SAAS,CAAG,CAE1F,IAEI,kBAAC,OAAD;EAAK,WAAU;EAAiD,OAAO;GAAE,OAAO;GAAQ,QAAQ;EAAO;YACnG,kBAAC,OAAD;GAAK,KAAK;GAAe,OAAO;IAAE,UAAU;IAAQ,WAAW;GAAO;EAAI,CAAA;CACzE,CAAA,IAON,kBAAC,QAAD,EAAM,WAFS,EAAW,cADX,EAAe,CACU,CAEvB,EAAgB,CAAA,IAhB7B;AAiBf"}

package/components/assetTree/TreeLeaf.js

@@ -1,42 +1,64 @@
-import { jsxs as o, jsx as a, Fragment as u } from "react/jsx-runtime";
-import N from "react";
-import { isObject as h } from "es-toolkit/compat";
-import f from "../../utils/classNames.js";
-import b from "../checkbox/Checkbox.js";
-import T from "../radiobutton/RadioButton.js";
-import i from "./TreeIcon.js";
-const I = (n) => {
-  if (n.icon === null)
-    return { primaryIcon: null, subIcon: null };
-  const e = n.icon ?? n.type, c = n.pairIcon === null ? null : n.pairIcon ?? n.subType ?? null;
-  return { primaryIcon: e, subIcon: c };
-}, j = N.memo((n) => {
-  const { item: e, hasMultiselect: c, showRadioButtons: m, isSelected: s, onSelectItem: t, onActiveItem: p } = n, d = f(
-    "TreeLeaf",
-    "form-group margin-bottom-0",
-    s && "active",
-    e.className && e.className
-  ), { primaryIcon: r, subIcon: l } = I(e);
-  return /* @__PURE__ */ o("div", { className: d, "data-key": e.id, children: [
-    c && /* @__PURE__ */ a(b, { className: "TreeCheckbox", checked: s, onClick: t }),
-    !c && m && /* @__PURE__ */ a(T, { className: "TreeRadioButton", checked: s, onChange: t }),
-    /* @__PURE__ */ o("span", { className: "TreeLabel TreeLabelName", onClick: p, children: [
-      r && !l && /* @__PURE__ */ a(i, { icon: r }),
-      r && l && /* @__PURE__ */ o("span", { className: "rioglyph-icon-pair", children: [
-        /* @__PURE__ */ a(i, { icon: r }),
-        /* @__PURE__ */ a(i, { icon: l })
-      ] }),
-      /* @__PURE__ */ o("span", { className: "TreeLabelNameText", children: [
-        /* @__PURE__ */ a("span", { className: "TreeLabelNameTextHeadline", children: h(e.name) ? /* @__PURE__ */ o(u, { children: [
-          /* @__PURE__ */ a("span", { className: "text-light margin-right-3", children: e.name.firstName }),
-          /* @__PURE__ */ a("span", { children: e.name.lastName })
-        ] }) : e.name }),
-        e.info && /* @__PURE__ */ a("span", { className: "TreeLabelNameTextSubline", children: e.info })
-      ] })
-    ] })
-  ] });
+import e from "../../utils/classNames.js";
+import t from "../checkbox/Checkbox.js";
+import n from "./TreeIcon.js";
+import r from "../radiobutton/RadioButton.js";
+import i from "react";
+import { isObject as a } from "es-toolkit/compat";
+import { Fragment as o, jsx as s, jsxs as c } from "react/jsx-runtime";
+//#region src/components/assetTree/TreeLeaf.tsx
+var l = (e) => {
+	let t = e.iconName ?? e.icon, n = e.pairIconName ?? e.pairIcon;
+	return t === null ? {
+		primaryIcon: null,
+		subIcon: null
+	} : {
+		primaryIcon: t ?? e.type,
+		subIcon: n === null ? null : n ?? e.subType ?? null
+	};
+}, u = i.memo((i) => {
+	let { item: u, hasMultiselect: d, showRadioButtons: f, isSelected: p, onSelectItem: m, onActiveItem: h } = i, g = e("TreeLeaf", "form-group margin-bottom-0", p && "active", u.className && u.className), { primaryIcon: _, subIcon: v } = l(u);
+	return /* @__PURE__ */ c("div", {
+		className: g,
+		"data-key": u.id,
+		children: [
+			d && /* @__PURE__ */ s(t, {
+				className: "TreeCheckbox",
+				checked: p,
+				onClick: m
+			}),
+			!d && f && /* @__PURE__ */ s(r, {
+				className: "TreeRadioButton",
+				checked: p,
+				onChange: m
+			}),
+			/* @__PURE__ */ c("span", {
+				className: "TreeLabel TreeLabelName",
+				onClick: h,
+				children: [
+					_ && !v && /* @__PURE__ */ s(n, { iconName: _ }),
+					_ && v && /* @__PURE__ */ c("span", {
+						className: "uikit-icon-pair",
+						children: [/* @__PURE__ */ s(n, { iconName: _ }), /* @__PURE__ */ s(n, { iconName: v })]
+					}),
+					/* @__PURE__ */ c("span", {
+						className: "TreeLabelNameText",
+						children: [/* @__PURE__ */ s("span", {
+							className: "TreeLabelNameTextHeadline",
+							children: a(u.name) ? /* @__PURE__ */ c(o, { children: [/* @__PURE__ */ s("span", {
+								className: "text-light margin-right-3",
+								children: u.name.firstName
+							}), /* @__PURE__ */ s("span", { children: u.name.lastName })] }) : u.name
+						}), u.info && /* @__PURE__ */ s("span", {
+							className: "TreeLabelNameTextSubline",
+							children: u.info
+						})]
+					})
+				]
+			})
+		]
+	});
 });
-export {
-  j as default
-};
-//# sourceMappingURL=TreeLeaf.js.map
+//#endregion
+export { u as default };
+
+//# sourceMappingURL=TreeLeaf.js.map

package/components/assetTree/TreeLeaf.js.map

@@ -1 +1 @@
-{"version":3,"file":"TreeLeaf.js","sources":["../../../src/components/assetTree/TreeLeaf.tsx"],"sourcesContent":["import React from 'react';\nimport { isObject } from 'es-toolkit/compat';\n\nimport classNames from '../../utils/classNames';\nimport Checkbox from '../checkbox/Checkbox';\nimport RadioButton from '../radiobutton/RadioButton';\nimport type { TreeItem } from './Tree';\nimport TreeIcon from './TreeIcon';\n\nexport type TreeLeafProps = {\n    item: TreeItem;\n    hasMultiselect: boolean;\n    showRadioButtons: boolean;\n    isSelected: boolean;\n    onSelectItem: VoidFunction;\n    onActiveItem: VoidFunction;\n};\n\nconst getIconRenderInfo = (item: TreeItem) => {\n    if (item.icon === null) {\n        // explicit opt-out\n        return { primaryIcon: null, subIcon: null };\n    }\n\n    // fallback to type\n    const primaryIcon = item.icon ?? item.type;\n\n    // pairIcon with fallback to subType\n    const subIcon = item.pairIcon === null ? null : (item.pairIcon ?? item.subType ?? null);\n\n    return { primaryIcon, subIcon };\n};\n\nconst TreeLeaf = React.memo((props: TreeLeafProps) => {\n    const { item, hasMultiselect, showRadioButtons, isSelected, onSelectItem, onActiveItem } = props;\n\n    const treeNodeClassNames = classNames(\n        'TreeLeaf',\n        'form-group margin-bottom-0',\n        isSelected && 'active',\n        item.className && item.className\n    );\n\n    const { primaryIcon, subIcon } = getIconRenderInfo(item);\n\n    return (\n        <div className={treeNodeClassNames} data-key={item.id}>\n            {hasMultiselect && <Checkbox className='TreeCheckbox' checked={isSelected} onClick={onSelectItem} />}\n            {!hasMultiselect && showRadioButtons && (\n                <RadioButton className='TreeRadioButton' checked={isSelected} onChange={onSelectItem} />\n            )}\n            <span className='TreeLabel TreeLabelName' onClick={onActiveItem}>\n                {primaryIcon && !subIcon && <TreeIcon icon={primaryIcon} />}\n                {primaryIcon && subIcon && (\n                    <span className='rioglyph-icon-pair'>\n                        <TreeIcon icon={primaryIcon} />\n                        <TreeIcon icon={subIcon} />\n                    </span>\n                )}\n                <span className='TreeLabelNameText'>\n                    <span className='TreeLabelNameTextHeadline'>\n                        {isObject(item.name) ? (\n                            <>\n                                <span className='text-light margin-right-3'>{item.name.firstName}</span>\n                                <span>{item.name.lastName}</span>\n                            </>\n                        ) : (\n                            item.name\n                        )}\n                    </span>\n                    {item.info && <span className='TreeLabelNameTextSubline'>{item.info}</span>}\n                </span>\n            </span>\n        </div>\n    );\n});\n\nexport default TreeLeaf;\n"],"names":["getIconRenderInfo","item","primaryIcon","subIcon","TreeLeaf","React","props","hasMultiselect","showRadioButtons","isSelected","onSelectItem","onActiveItem","treeNodeClassNames","classNames","Checkbox","jsx","RadioButton","jsxs","TreeIcon","Fragment"],"mappings":";;;;;;;AAkBA,MAAMA,IAAoB,CAACC,MAAmB;AAC1C,MAAIA,EAAK,SAAS;AAEd,WAAO,EAAE,aAAa,MAAM,SAAS,KAAA;AAIzC,QAAMC,IAAcD,EAAK,QAAQA,EAAK,MAGhCE,IAAUF,EAAK,aAAa,OAAO,OAAQA,EAAK,YAAYA,EAAK,WAAW;AAElF,SAAO,EAAE,aAAAC,GAAa,SAAAC,EAAA;AAC1B,GAEMC,IAAWC,EAAM,KAAK,CAACC,MAAyB;AAClD,QAAM,EAAE,MAAAL,GAAM,gBAAAM,GAAgB,kBAAAC,GAAkB,YAAAC,GAAY,cAAAC,GAAc,cAAAC,MAAiBL,GAErFM,IAAqBC;AAAA,IACvB;AAAA,IACA;AAAA,IACAJ,KAAc;AAAA,IACdR,EAAK,aAAaA,EAAK;AAAA,EAAA,GAGrB,EAAE,aAAAC,GAAa,SAAAC,MAAYH,EAAkBC,CAAI;AAEvD,2BACK,OAAA,EAAI,WAAWW,GAAoB,YAAUX,EAAK,IAC9C,UAAA;AAAA,IAAAM,uBAAmBO,GAAA,EAAS,WAAU,gBAAe,SAASL,GAAY,SAASC,GAAc;AAAA,IACjG,CAACH,KAAkBC,KAChB,gBAAAO,EAACC,GAAA,EAAY,WAAU,mBAAkB,SAASP,GAAY,UAAUC,EAAA,CAAc;AAAA,IAE1F,gBAAAO,EAAC,QAAA,EAAK,WAAU,2BAA0B,SAASN,GAC9C,UAAA;AAAA,MAAAT,KAAe,CAACC,KAAW,gBAAAY,EAACG,GAAA,EAAS,MAAMhB,GAAa;AAAA,MACxDA,KAAeC,KACZ,gBAAAc,EAAC,QAAA,EAAK,WAAU,sBACZ,UAAA;AAAA,QAAA,gBAAAF,EAACG,GAAA,EAAS,MAAMhB,EAAA,CAAa;AAAA,QAC7B,gBAAAa,EAACG,GAAA,EAAS,MAAMf,EAAA,CAAS;AAAA,MAAA,GAC7B;AAAA,MAEJ,gBAAAc,EAAC,QAAA,EAAK,WAAU,qBACZ,UAAA;AAAA,QAAA,gBAAAF,EAAC,UAAK,WAAU,6BACX,YAASd,EAAK,IAAI,IACf,gBAAAgB,EAAAE,GAAA,EACI,UAAA;AAAA,UAAA,gBAAAJ,EAAC,QAAA,EAAK,WAAU,6BAA6B,UAAAd,EAAK,KAAK,WAAU;AAAA,UACjE,gBAAAc,EAAC,QAAA,EAAM,UAAAd,EAAK,KAAK,SAAA,CAAS;AAAA,QAAA,GAC9B,IAEAA,EAAK,MAEb;AAAA,QACCA,EAAK,QAAQ,gBAAAc,EAAC,UAAK,WAAU,4BAA4B,YAAK,KAAA,CAAK;AAAA,MAAA,EAAA,CACxE;AAAA,IAAA,EAAA,CACJ;AAAA,EAAA,GACJ;AAER,CAAC;"}
+{"version":3,"file":"TreeLeaf.js","names":[],"sources":["../../../src/components/assetTree/TreeLeaf.tsx"],"sourcesContent":["import React from 'react';\nimport { isObject } from 'es-toolkit/compat';\n\nimport classNames from '../../utils/classNames';\nimport Checkbox from '../checkbox/Checkbox';\nimport RadioButton from '../radiobutton/RadioButton';\nimport type { TreeItem } from './Tree';\nimport TreeIcon from './TreeIcon';\n\nexport type TreeLeafProps = {\n    item: TreeItem;\n    hasMultiselect: boolean;\n    showRadioButtons: boolean;\n    isSelected: boolean;\n    onSelectItem: VoidFunction;\n    onActiveItem: VoidFunction;\n};\n\nconst getIconRenderInfo = (item: TreeItem) => {\n    const iconName = item.iconName ?? item.icon;\n    const pairIconName = item.pairIconName ?? item.pairIcon;\n\n    if (iconName === null) {\n        // explicit opt-out\n        return { primaryIcon: null, subIcon: null };\n    }\n\n    // fallback to type\n    const primaryIcon = iconName ?? item.type;\n\n    // pairIcon with fallback to subType\n    const subIcon = pairIconName === null ? null : (pairIconName ?? item.subType ?? null);\n\n    return { primaryIcon, subIcon };\n};\n\nconst TreeLeaf = React.memo((props: TreeLeafProps) => {\n    const { item, hasMultiselect, showRadioButtons, isSelected, onSelectItem, onActiveItem } = props;\n\n    const treeNodeClassNames = classNames(\n        'TreeLeaf',\n        'form-group margin-bottom-0',\n        isSelected && 'active',\n        item.className && item.className\n    );\n\n    const { primaryIcon, subIcon } = getIconRenderInfo(item);\n\n    return (\n        <div className={treeNodeClassNames} data-key={item.id}>\n            {hasMultiselect && <Checkbox className='TreeCheckbox' checked={isSelected} onClick={onSelectItem} />}\n            {!hasMultiselect && showRadioButtons && (\n                <RadioButton className='TreeRadioButton' checked={isSelected} onChange={onSelectItem} />\n            )}\n            <span className='TreeLabel TreeLabelName' onClick={onActiveItem}>\n                {primaryIcon && !subIcon && <TreeIcon iconName={primaryIcon} />}\n                {primaryIcon && subIcon && (\n                    <span className='uikit-icon-pair'>\n                        <TreeIcon iconName={primaryIcon} />\n                        <TreeIcon iconName={subIcon} />\n                    </span>\n                )}\n                <span className='TreeLabelNameText'>\n                    <span className='TreeLabelNameTextHeadline'>\n                        {isObject(item.name) ? (\n                            <>\n                                <span className='text-light margin-right-3'>{item.name.firstName}</span>\n                                <span>{item.name.lastName}</span>\n                            </>\n                        ) : (\n                            item.name\n                        )}\n                    </span>\n                    {item.info && <span className='TreeLabelNameTextSubline'>{item.info}</span>}\n                </span>\n            </span>\n        </div>\n    );\n});\n\nexport default TreeLeaf;\n"],"mappings":";;;;;;;;AAkBA,IAAM,KAAqB,MAAmB;CAC1C,IAAM,IAAW,EAAK,YAAY,EAAK,MACjC,IAAe,EAAK,gBAAgB,EAAK;CAa/C,OAXI,MAAa,OAEN;EAAE,aAAa;EAAM,SAAS;CAAK,IASvC;EAAE,aALW,KAAY,EAAK;EAKf,SAFN,MAAiB,OAAO,OAAQ,KAAgB,EAAK,WAAW;CAElD;AAClC,GAEM,IAAW,EAAM,MAAM,MAAyB;CAClD,IAAM,EAAE,SAAM,mBAAgB,qBAAkB,eAAY,iBAAc,oBAAiB,GAErF,IAAqB,EACvB,YACA,8BACA,KAAc,UACd,EAAK,aAAa,EAAK,SAC3B,GAEM,EAAE,gBAAa,eAAY,EAAkB,CAAI;CAEvD,OACI,kBAAC,OAAD;EAAK,WAAW;EAAoB,YAAU,EAAK;YAAnD;GACK,KAAkB,kBAAC,GAAD;IAAU,WAAU;IAAe,SAAS;IAAY,SAAS;GAAe,CAAA;GAClG,CAAC,KAAkB,KAChB,kBAAC,GAAD;IAAa,WAAU;IAAkB,SAAS;IAAY,UAAU;GAAe,CAAA;GAE3F,kBAAC,QAAD;IAAM,WAAU;IAA0B,SAAS;cAAnD;KACK,KAAe,CAAC,KAAW,kBAAC,GAAD,EAAU,UAAU,EAAc,CAAA;KAC7D,KAAe,KACZ,kBAAC,QAAD;MAAM,WAAU;gBAAhB,CACI,kBAAC,GAAD,EAAU,UAAU,EAAc,CAAA,GAClC,kBAAC,GAAD,EAAU,UAAU,EAAU,CAAA,CAC5B;;KAEV,kBAAC,QAAD;MAAM,WAAU;gBAAhB,CACI,kBAAC,QAAD;OAAM,WAAU;iBACX,EAAS,EAAK,IAAI,IACf,kBAAA,GAAA,EAAA,UAAA,CACI,kBAAC,QAAD;QAAM,WAAU;kBAA6B,EAAK,KAAK;OAAgB,CAAA,GACvE,kBAAC,QAAD,EAAA,UAAO,EAAK,KAAK,SAAe,CAAA,CAClC,EAAA,CAAA,IAEF,EAAK;MAEP,CAAA,GACL,EAAK,QAAQ,kBAAC,QAAD;OAAM,WAAU;iBAA4B,EAAK;MAAW,CAAA,CACxE;;IACJ;;EACL;;AAEb,CAAC"}

package/components/assetTree/TreeLeafList.js

@@ -1,25 +1,22 @@
-import { jsx as o, Fragment as u } from "react/jsx-runtime";
-import S from "./TreeLeaf.js";
-import { excludeFromList as f } from "./treeUtils.js";
-const x = (c) => {
-  const { leafList: n, hasMultiselect: l, showRadioButtons: d, selectedItems: t, selectedGroups: i, onSelectionChange: s } = c, r = (e) => {
-    const m = t.includes(e) ? f(t, e) : [...t, e];
-    s(m, i);
-  }, a = (e) => s([e], []);
-  return /* @__PURE__ */ o(u, { children: n.map((e) => /* @__PURE__ */ o(
-    S,
-    {
-      item: e,
-      hasMultiselect: l,
-      showRadioButtons: d,
-      isSelected: t.includes(e.id),
-      onSelectItem: () => r(e.id),
-      onActiveItem: () => a(e.id)
-    },
-    e.id
-  )) });
+import { excludeFromList as e } from "./treeUtils.js";
+import t from "./TreeLeaf.js";
+import { Fragment as n, jsx as r } from "react/jsx-runtime";
+//#region src/components/assetTree/TreeLeafList.tsx
+var i = (i) => {
+	let { leafList: a, hasMultiselect: o, showRadioButtons: s, selectedItems: c, selectedGroups: l, onSelectionChange: u } = i, d = (t) => {
+		let n = c.includes(t) ? e(c, t) : [...c, t];
+		u(n, l);
+	}, f = (e) => u([e], []);
+	return /* @__PURE__ */ r(n, { children: a.map((e) => /* @__PURE__ */ r(t, {
+		item: e,
+		hasMultiselect: o,
+		showRadioButtons: s,
+		isSelected: c.includes(e.id),
+		onSelectItem: () => d(e.id),
+		onActiveItem: () => f(e.id)
+	}, e.id)) });
 };
-export {
-  x as default
-};
-//# sourceMappingURL=TreeLeafList.js.map
+//#endregion
+export { i as default };
+
+//# sourceMappingURL=TreeLeafList.js.map

package/components/assetTree/TreeLeafList.js.map

@@ -1 +1 @@
-{"version":3,"file":"TreeLeafList.js","sources":["../../../src/components/assetTree/TreeLeafList.tsx"],"sourcesContent":["import TreeLeaf from './TreeLeaf';\nimport { excludeFromList } from './treeUtils';\nimport type { TreeItem } from './Tree';\n\nexport type TreeLeafListProps = {\n    leafList: TreeItem[];\n    hasMultiselect: boolean;\n    showRadioButtons: boolean;\n    selectedItems: string[];\n    selectedGroups: string[];\n    onSelectionChange: (selectedItems: string[], selectedGroups: string[]) => void;\n};\n\nconst TreeLeafList = (props: TreeLeafListProps) => {\n    const { leafList, hasMultiselect, showRadioButtons, selectedItems, selectedGroups, onSelectionChange } = props;\n\n    const handleItemSelection = (itemId: string) => {\n        const isSelected = selectedItems.includes(itemId);\n        const newSelectedItems: string[] = isSelected\n            ? excludeFromList(selectedItems, itemId)\n            : [...selectedItems, itemId];\n\n        onSelectionChange(newSelectedItems, selectedGroups);\n    };\n\n    const handleSetItemActive = (itemId: string) => onSelectionChange([itemId], []);\n\n    return (\n        <>\n            {leafList.map(item => (\n                <TreeLeaf\n                    key={item.id}\n                    item={item}\n                    hasMultiselect={hasMultiselect}\n                    showRadioButtons={showRadioButtons}\n                    isSelected={selectedItems.includes(item.id)}\n                    onSelectItem={() => handleItemSelection(item.id)}\n                    onActiveItem={() => handleSetItemActive(item.id)}\n                />\n            ))}\n        </>\n    );\n};\n\nexport default TreeLeafList;\n"],"names":["TreeLeafList","props","leafList","hasMultiselect","showRadioButtons","selectedItems","selectedGroups","onSelectionChange","handleItemSelection","itemId","newSelectedItems","excludeFromList","handleSetItemActive","jsx","Fragment","item","TreeLeaf"],"mappings":";;;AAaA,MAAMA,IAAe,CAACC,MAA6B;AAC/C,QAAM,EAAE,UAAAC,GAAU,gBAAAC,GAAgB,kBAAAC,GAAkB,eAAAC,GAAe,gBAAAC,GAAgB,mBAAAC,MAAsBN,GAEnGO,IAAsB,CAACC,MAAmB;AAE5C,UAAMC,IADaL,EAAc,SAASI,CAAM,IAE1CE,EAAgBN,GAAeI,CAAM,IACrC,CAAC,GAAGJ,GAAeI,CAAM;AAE/B,IAAAF,EAAkBG,GAAkBJ,CAAc;AAAA,EACtD,GAEMM,IAAsB,CAACH,MAAmBF,EAAkB,CAACE,CAAM,GAAG,EAAE;AAE9E,SACI,gBAAAI,EAAAC,GAAA,EACK,UAAAZ,EAAS,IAAI,CAAAa,MACV,gBAAAF;AAAA,IAACG;AAAA,IAAA;AAAA,MAEG,MAAAD;AAAA,MACA,gBAAAZ;AAAA,MACA,kBAAAC;AAAA,MACA,YAAYC,EAAc,SAASU,EAAK,EAAE;AAAA,MAC1C,cAAc,MAAMP,EAAoBO,EAAK,EAAE;AAAA,MAC/C,cAAc,MAAMH,EAAoBG,EAAK,EAAE;AAAA,IAAA;AAAA,IAN1CA,EAAK;AAAA,EAAA,CAQjB,GACL;AAER;"}
+{"version":3,"file":"TreeLeafList.js","names":[],"sources":["../../../src/components/assetTree/TreeLeafList.tsx"],"sourcesContent":["import TreeLeaf from './TreeLeaf';\nimport { excludeFromList } from './treeUtils';\nimport type { TreeItem } from './Tree';\n\nexport type TreeLeafListProps = {\n    leafList: TreeItem[];\n    hasMultiselect: boolean;\n    showRadioButtons: boolean;\n    selectedItems: string[];\n    selectedGroups: string[];\n    onSelectionChange: (selectedItems: string[], selectedGroups: string[]) => void;\n};\n\nconst TreeLeafList = (props: TreeLeafListProps) => {\n    const { leafList, hasMultiselect, showRadioButtons, selectedItems, selectedGroups, onSelectionChange } = props;\n\n    const handleItemSelection = (itemId: string) => {\n        const isSelected = selectedItems.includes(itemId);\n        const newSelectedItems: string[] = isSelected\n            ? excludeFromList(selectedItems, itemId)\n            : [...selectedItems, itemId];\n\n        onSelectionChange(newSelectedItems, selectedGroups);\n    };\n\n    const handleSetItemActive = (itemId: string) => onSelectionChange([itemId], []);\n\n    return (\n        <>\n            {leafList.map(item => (\n                <TreeLeaf\n                    key={item.id}\n                    item={item}\n                    hasMultiselect={hasMultiselect}\n                    showRadioButtons={showRadioButtons}\n                    isSelected={selectedItems.includes(item.id)}\n                    onSelectItem={() => handleItemSelection(item.id)}\n                    onActiveItem={() => handleSetItemActive(item.id)}\n                />\n            ))}\n        </>\n    );\n};\n\nexport default TreeLeafList;\n"],"mappings":";;;;AAaA,IAAM,KAAgB,MAA6B;CAC/C,IAAM,EAAE,aAAU,mBAAgB,qBAAkB,kBAAe,mBAAgB,yBAAsB,GAEnG,KAAuB,MAAmB;EAE5C,IAAM,IADa,EAAc,SAAS,CACP,IAC7B,EAAgB,GAAe,CAAM,IACrC,CAAC,GAAG,GAAe,CAAM;EAE/B,EAAkB,GAAkB,CAAc;CACtD,GAEM,KAAuB,MAAmB,EAAkB,CAAC,CAAM,GAAG,CAAC,CAAC;CAE9E,OACI,kBAAA,GAAA,EAAA,UACK,EAAS,KAAI,MACV,kBAAC,GAAD;EAEU;EACU;EACE;EAClB,YAAY,EAAc,SAAS,EAAK,EAAE;EAC1C,oBAAoB,EAAoB,EAAK,EAAE;EAC/C,oBAAoB,EAAoB,EAAK,EAAE;CAClD,GAPQ,EAAK,EAOb,CACJ,EACH,CAAA;AAEV"}