@rio-cloud/rio-uikit 2.0.0-beta.1 → 2.0.0-beta.2

package/components/assetTree/Tree.js.map

@@ -0,0 +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 classNames from 'classnames';\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 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    icon?: string;\n\n    /**\n     * The rioglyph icon name for a expanded group.\n     *\n     * The prefix `rioglyph-` can be omitted.\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    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    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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"}

package/components/assetTree/TreeCategory.d.ts

@@ -1,4 +1,4 @@
-import type { PropsWithChildren } from 'react';
+import { PropsWithChildren } from 'react';
 export type TreeCategoryProps = {
     /**
      * A unique identifier for that category.
@@ -18,5 +18,5 @@ export type TreeCategoryProps = {
     hasSelection?: boolean;
 };
 export type TreeCategoryNode = React.ReactElement<TreeCategoryProps>;
-declare const TreeCategory: (props: PropsWithChildren<TreeCategoryProps>) => string | number | true | import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | Iterable<import("react").ReactNode> | null;
+declare const TreeCategory: (props: PropsWithChildren<TreeCategoryProps>) => string | number | true | import('react').ReactElement<any, string | import('react').JSXElementConstructor<any>> | Iterable<import('react').ReactNode> | null;
 export default TreeCategory;

package/components/assetTree/TreeCategory.js

@@ -1,2 +1,5 @@
-const TreeCategory = (props) => props.children || null;
-export default TreeCategory;
+const l = (e) => e.children || null;
+export {
+  l as default
+};
+//# sourceMappingURL=TreeCategory.js.map

package/components/assetTree/TreeCategory.js.map

@@ -0,0 +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;"}

package/components/assetTree/TreeLeaf.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
-import type { TreeItem } from './Tree';
+import { default as React } from 'react';
+import { TreeItem } from './Tree';
 export type TreeLeafProps = {
     item: TreeItem;
     hasMultiselect: boolean;

package/components/assetTree/TreeLeaf.js

@@ -1,25 +1,42 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import React from 'react';
-import classNames from 'classnames';
-import { isObject } from 'es-toolkit/compat';
-import Checkbox from "../checkbox/Checkbox.js";
-import RadioButton from "../radiobutton/RadioButton.js";
-import { withRioglyphPrefix } from "./treeUtils.js";
-const getIconRenderInfo = (item) => {
-    if (item.icon === null) {
-        // explicit opt-out
-        return { primaryIcon: null, subIcon: null };
-    }
-    // fallback to type
-    const primaryIcon = item.icon ?? item.type;
-    // pairIcon with fallback to subType
-    const subIcon = item.pairIcon === null ? null : (item.pairIcon ?? item.subType ?? null);
-    return { primaryIcon: withRioglyphPrefix(primaryIcon), subIcon: withRioglyphPrefix(subIcon) };
-};
-const TreeLeaf = React.memo((props) => {
-    const { item, hasMultiselect, showRadioButtons, isSelected, onSelectItem, onActiveItem } = props;
-    const treeNodeClassNames = classNames('TreeLeaf', 'form-group margin-bottom-0', isSelected && 'active', item.className && item.className);
-    const { primaryIcon, subIcon } = getIconRenderInfo(item);
-    return (_jsxs("div", { className: treeNodeClassNames, "data-key": item.id, children: [hasMultiselect && _jsx(Checkbox, { className: 'TreeCheckbox', checked: isSelected, onClick: onSelectItem }), !hasMultiselect && showRadioButtons && (_jsx(RadioButton, { className: 'TreeRadioButton', checked: isSelected, onChange: onSelectItem })), _jsxs("span", { className: 'TreeLabel TreeLabelName', onClick: onActiveItem, children: [primaryIcon && !subIcon && _jsx("span", { className: `rioglyph ${primaryIcon}` }), primaryIcon && subIcon && (_jsxs("span", { className: 'rioglyph-icon-pair', children: [_jsx("span", { className: `rioglyph ${primaryIcon}` }), _jsx("span", { className: `rioglyph ${subIcon}` })] })), _jsxs("span", { className: 'TreeLabelNameText', children: [_jsx("span", { className: 'TreeLabelNameTextHeadline', children: isObject(item.name) ? (_jsxs(_Fragment, { children: [_jsx("span", { className: 'text-light margin-right-3', children: item.name.firstName }), _jsx("span", { children: item.name.lastName })] })) : (item.name) }), item.info && _jsx("span", { className: 'TreeLabelNameTextSubline', children: item.info })] })] })] }));
+import { jsxs as s, jsx as a, Fragment as N } from "react/jsx-runtime";
+import d from "react";
+import u from "classnames";
+import { isObject as f } from "es-toolkit/compat";
+import b from "../checkbox/Checkbox.js";
+import I from "../radiobutton/RadioButton.js";
+import { withRioglyphPrefix as m } from "./treeUtils.js";
+const g = (n) => {
+  if (n.icon === null)
+    return { primaryIcon: null, subIcon: null };
+  const e = n.icon ?? n.type, o = n.pairIcon === null ? null : n.pairIcon ?? n.subType ?? null;
+  return { primaryIcon: m(e), subIcon: m(o) };
+}, j = d.memo((n) => {
+  const { item: e, hasMultiselect: o, showRadioButtons: t, isSelected: c, onSelectItem: i, onActiveItem: p } = n, h = u(
+    "TreeLeaf",
+    "form-group margin-bottom-0",
+    c && "active",
+    e.className && e.className
+  ), { primaryIcon: r, subIcon: l } = g(e);
+  return /* @__PURE__ */ s("div", { className: h, "data-key": e.id, children: [
+    o && /* @__PURE__ */ a(b, { className: "TreeCheckbox", checked: c, onClick: i }),
+    !o && t && /* @__PURE__ */ a(I, { className: "TreeRadioButton", checked: c, onChange: i }),
+    /* @__PURE__ */ s("span", { className: "TreeLabel TreeLabelName", onClick: p, children: [
+      r && !l && /* @__PURE__ */ a("span", { className: `rioglyph ${r}` }),
+      r && l && /* @__PURE__ */ s("span", { className: "rioglyph-icon-pair", children: [
+        /* @__PURE__ */ a("span", { className: `rioglyph ${r}` }),
+        /* @__PURE__ */ a("span", { className: `rioglyph ${l}` })
+      ] }),
+      /* @__PURE__ */ s("span", { className: "TreeLabelNameText", children: [
+        /* @__PURE__ */ a("span", { className: "TreeLabelNameTextHeadline", children: f(e.name) ? /* @__PURE__ */ s(N, { 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 })
+      ] })
+    ] })
+  ] });
 });
-export default TreeLeaf;
+export {
+  j as default
+};
+//# sourceMappingURL=TreeLeaf.js.map

package/components/assetTree/TreeLeaf.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TreeLeaf.js","sources":["../../../src/components/assetTree/TreeLeaf.tsx"],"sourcesContent":["import React from 'react';\nimport classNames from 'classnames';\nimport { isObject } from 'es-toolkit/compat';\n\nimport Checkbox from '../checkbox/Checkbox';\nimport RadioButton from '../radiobutton/RadioButton';\nimport type { TreeItem } from './Tree';\nimport { withRioglyphPrefix } from './treeUtils';\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: withRioglyphPrefix(primaryIcon), subIcon: withRioglyphPrefix(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 && <span className={`rioglyph ${primaryIcon}`} />}\n                {primaryIcon && subIcon && (\n                    <span className='rioglyph-icon-pair'>\n                        <span className={`rioglyph ${primaryIcon}`} />\n                        <span className={`rioglyph ${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","withRioglyphPrefix","TreeLeaf","React","props","hasMultiselect","showRadioButtons","isSelected","onSelectItem","onActiveItem","treeNodeClassNames","classNames","Checkbox","jsx","RadioButton","jsxs","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,aAAaG,EAAmBF,CAAW,GAAG,SAASE,EAAmBD,CAAO,EAAA;AAC9F,GAEME,IAAWC,EAAM,KAAK,CAACC,MAAyB;AAClD,QAAM,EAAE,MAAAN,GAAM,gBAAAO,GAAgB,kBAAAC,GAAkB,YAAAC,GAAY,cAAAC,GAAc,cAAAC,MAAiBL,GAErFM,IAAqBC;AAAA,IACvB;AAAA,IACA;AAAA,IACAJ,KAAc;AAAA,IACdT,EAAK,aAAaA,EAAK;AAAA,EAAA,GAGrB,EAAE,aAAAC,GAAa,SAAAC,MAAYH,EAAkBC,CAAI;AAEvD,2BACK,OAAA,EAAI,WAAWY,GAAoB,YAAUZ,EAAK,IAC9C,UAAA;AAAA,IAAAO,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,MAAAV,KAAe,CAACC,KAAW,gBAAAa,EAAC,UAAK,WAAW,YAAYd,CAAW,IAAI;AAAA,MACvEA,KAAeC,KACZ,gBAAAe,EAAC,QAAA,EAAK,WAAU,sBACZ,UAAA;AAAA,QAAA,gBAAAF,EAAC,QAAA,EAAK,WAAW,YAAYd,CAAW,IAAI;AAAA,QAC5C,gBAAAc,EAAC,QAAA,EAAK,WAAW,YAAYb,CAAO,GAAA,CAAI;AAAA,MAAA,GAC5C;AAAA,MAEJ,gBAAAe,EAAC,QAAA,EAAK,WAAU,qBACZ,UAAA;AAAA,QAAA,gBAAAF,EAAC,UAAK,WAAU,6BACX,YAASf,EAAK,IAAI,IACf,gBAAAiB,EAAAC,GAAA,EACI,UAAA;AAAA,UAAA,gBAAAH,EAAC,QAAA,EAAK,WAAU,6BAA6B,UAAAf,EAAK,KAAK,WAAU;AAAA,UACjE,gBAAAe,EAAC,QAAA,EAAM,UAAAf,EAAK,KAAK,SAAA,CAAS;AAAA,QAAA,GAC9B,IAEAA,EAAK,MAEb;AAAA,QACCA,EAAK,QAAQ,gBAAAe,EAAC,UAAK,WAAU,4BAA4B,YAAK,KAAA,CAAK;AAAA,MAAA,EAAA,CACxE;AAAA,IAAA,EAAA,CACJ;AAAA,EAAA,GACJ;AAER,CAAC;"}

package/components/assetTree/TreeLeafList.d.ts

@@ -1,4 +1,4 @@
-import type { TreeItem } from './Tree';
+import { TreeItem } from './Tree';
 export type TreeLeafListProps = {
     leafList: TreeItem[];
     hasMultiselect: boolean;

package/components/assetTree/TreeLeafList.js

@@ -1,16 +1,25 @@
-import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
-import TreeLeaf from "./TreeLeaf.js";
-import { excludeFromList } from "./treeUtils.js";
-const TreeLeafList = (props) => {
-    const { leafList, hasMultiselect, showRadioButtons, selectedItems, selectedGroups, onSelectionChange } = props;
-    const handleItemSelection = (itemId) => {
-        const isSelected = selectedItems.includes(itemId);
-        const newSelectedItems = isSelected
-            ? excludeFromList(selectedItems, itemId)
-            : [...selectedItems, itemId];
-        onSelectionChange(newSelectedItems, selectedGroups);
-    };
-    const handleSetItemActive = (itemId) => onSelectionChange([itemId], []);
-    return (_jsx(_Fragment, { children: leafList.map(item => (_jsx(TreeLeaf, { item: item, hasMultiselect: hasMultiselect, showRadioButtons: showRadioButtons, isSelected: selectedItems.includes(item.id), onSelectItem: () => handleItemSelection(item.id), onActiveItem: () => handleSetItemActive(item.id) }, item.id))) }));
+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
+  )) });
 };
-export default TreeLeafList;
+export {
+  x as default
+};
+//# sourceMappingURL=TreeLeafList.js.map

package/components/assetTree/TreeLeafList.js.map

@@ -0,0 +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;"}

package/components/assetTree/TreeNode.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
-import type { GroupedItem } from './Tree';
+import { default as React } from 'react';
+import { GroupedItem } from './Tree';
 export type TreeNodeProps = {
     node: GroupedItem;
     hasMultiselect?: boolean;

package/components/assetTree/TreeNode.js

@@ -1,27 +1,52 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React from 'react';
-import classNames from 'classnames';
-import Checkbox from "../checkbox/Checkbox.js";
-import { withRioglyphPrefix } from "./treeUtils.js";
-const TreeNode = React.memo((props) => {
-    const { node, hasMultiselect = false, isSelected = false, isOpen = false, isIndeterminate = false, onToggleNode, onSelect, } = props;
-    const treeNodeClassNames = classNames('TreeNode', 'from-group', isSelected && 'checked', node.className && node.className);
-    const hasChildren = !!node.items.length;
-    const expandedIcon = node.expandedIcon || node.icon;
-    const iconName = isOpen ? withRioglyphPrefix(expandedIcon) : withRioglyphPrefix(node.icon);
-    const handleNodeSelection = () => {
-        onSelect(node, isIndeterminate);
-    };
-    const handleContainerClick = (event) => {
-        // Ignore clicks on checkboxes and don't expand or collapse on checkbox clicks
-        const isCheckbox = event.target.closest('.TreeCheckbox');
-        if (isCheckbox) {
-            return;
+import { jsxs as c, jsx as a } from "react/jsx-runtime";
+import T from "react";
+import C from "classnames";
+import g from "../checkbox/Checkbox.js";
+import { withRioglyphPrefix as i } from "./treeUtils.js";
+const j = T.memo((t) => {
+  const {
+    node: e,
+    hasMultiselect: r = !1,
+    isSelected: s = !1,
+    isOpen: d = !1,
+    isIndeterminate: l = !1,
+    onToggleNode: m,
+    onSelect: h
+  } = t, p = C(
+    "TreeNode",
+    "from-group",
+    s && "checked",
+    e.className && e.className
+  ), o = !!e.items.length, N = e.expandedIcon || e.icon, n = d ? i(N) : i(e.icon), b = () => {
+    h(e, l);
+  }, f = (x) => {
+    x.target.closest(".TreeCheckbox") || o && m(e.id);
+  };
+  return /* @__PURE__ */ c("div", { className: p, "data-key": e.id, onClick: f, children: [
+    r && /* @__PURE__ */ a(
+      g,
+      {
+        className: "TreeCheckbox",
+        checked: s,
+        disabled: e.disabled,
+        indeterminate: l,
+        onClick: b
+      }
+    ),
+    /* @__PURE__ */ c("span", { className: "TreeLabel TreeLabelName", children: [
+      n && /* @__PURE__ */ a("span", { className: `rioglyph ${n}` }),
+      /* @__PURE__ */ a("span", { className: "TreeLabelNameText", children: /* @__PURE__ */ a("span", { className: "TreeLabelNameTextHeadline", children: e.name }) }),
+      /* @__PURE__ */ a("span", { className: "TreeLabelCount label label-muted label-filled label-condensed", children: e.items.length }),
+      /* @__PURE__ */ a(
+        "span",
+        {
+          className: `TreeLabelExpander rioglyph rioglyph-chevron-down ${o ? "" : "text-color-light"}`
         }
-        if (hasChildren) {
-            onToggleNode(node.id);
-        }
-    };
-    return (_jsxs("div", { className: treeNodeClassNames, "data-key": node.id, onClick: handleContainerClick, children: [hasMultiselect && (_jsx(Checkbox, { className: 'TreeCheckbox', checked: isSelected, disabled: node.disabled, indeterminate: isIndeterminate, onClick: handleNodeSelection })), _jsxs("span", { className: 'TreeLabel TreeLabelName', children: [iconName && _jsx("span", { className: `rioglyph ${iconName}` }), _jsx("span", { className: 'TreeLabelNameText', children: _jsx("span", { className: 'TreeLabelNameTextHeadline', children: node.name }) }), _jsx("span", { className: 'TreeLabelCount label label-muted label-filled label-condensed', children: node.items.length }), _jsx("span", { className: `TreeLabelExpander rioglyph rioglyph-chevron-down ${hasChildren ? '' : 'text-color-light'}` })] })] }));
+      )
+    ] })
+  ] });
 });
-export default TreeNode;
+export {
+  j as default
+};
+//# sourceMappingURL=TreeNode.js.map

package/components/assetTree/TreeNode.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TreeNode.js","sources":["../../../src/components/assetTree/TreeNode.tsx"],"sourcesContent":["import React from 'react';\nimport classNames from 'classnames';\n\nimport Checkbox from '../checkbox/Checkbox';\nimport { withRioglyphPrefix } from './treeUtils';\nimport type { GroupedItem } from './Tree';\n\nexport type TreeNodeProps = {\n    node: GroupedItem;\n    hasMultiselect?: boolean;\n    isSelected?: boolean;\n    isOpen?: boolean;\n    isIndeterminate?: boolean;\n    onToggleNode: (nodeId: string) => void;\n    onSelect: (node: GroupedItem, isIndeterminate: boolean) => void;\n    className?: string;\n};\n\nconst TreeNode = React.memo((props: TreeNodeProps) => {\n    const {\n        node,\n        hasMultiselect = false,\n        isSelected = false,\n        isOpen = false,\n        isIndeterminate = false,\n        onToggleNode,\n        onSelect,\n    } = props;\n\n    const treeNodeClassNames = classNames(\n        'TreeNode',\n        'from-group',\n        isSelected && 'checked',\n        node.className && node.className\n    );\n\n    const hasChildren = !!node.items.length;\n\n    const expandedIcon = node.expandedIcon || node.icon;\n    const iconName = isOpen ? withRioglyphPrefix(expandedIcon) : withRioglyphPrefix(node.icon);\n\n    const handleNodeSelection = () => {\n        onSelect(node, isIndeterminate);\n    };\n\n    const handleContainerClick = (event: React.MouseEvent<HTMLDivElement>) => {\n        // Ignore clicks on checkboxes and don't expand or collapse on checkbox clicks\n        const isCheckbox = (event.target as HTMLElement).closest('.TreeCheckbox');\n        if (isCheckbox) {\n            return;\n        }\n\n        if (hasChildren) {\n            onToggleNode(node.id);\n        }\n    };\n\n    return (\n        <div className={treeNodeClassNames} data-key={node.id} onClick={handleContainerClick}>\n            {hasMultiselect && (\n                <Checkbox\n                    className='TreeCheckbox'\n                    checked={isSelected}\n                    disabled={node.disabled}\n                    indeterminate={isIndeterminate}\n                    onClick={handleNodeSelection}\n                />\n            )}\n            <span className='TreeLabel TreeLabelName'>\n                {iconName && <span className={`rioglyph ${iconName}`} />}\n                <span className='TreeLabelNameText'>\n                    <span className='TreeLabelNameTextHeadline'>{node.name}</span>\n                </span>\n                <span className='TreeLabelCount label label-muted label-filled label-condensed'>\n                    {node.items.length}\n                </span>\n                <span\n                    className={`TreeLabelExpander rioglyph rioglyph-chevron-down ${\n                        hasChildren ? '' : 'text-color-light'\n                    }`}\n                />\n            </span>\n        </div>\n    );\n});\n\nexport default TreeNode;\n"],"names":["TreeNode","React","props","node","hasMultiselect","isSelected","isOpen","isIndeterminate","onToggleNode","onSelect","treeNodeClassNames","classNames","hasChildren","expandedIcon","iconName","withRioglyphPrefix","handleNodeSelection","handleContainerClick","event","jsxs","jsx","Checkbox"],"mappings":";;;;;AAkBA,MAAMA,IAAWC,EAAM,KAAK,CAACC,MAAyB;AAClD,QAAM;AAAA,IACF,MAAAC;AAAA,IACA,gBAAAC,IAAiB;AAAA,IACjB,YAAAC,IAAa;AAAA,IACb,QAAAC,IAAS;AAAA,IACT,iBAAAC,IAAkB;AAAA,IAClB,cAAAC;AAAA,IACA,UAAAC;AAAA,EAAA,IACAP,GAEEQ,IAAqBC;AAAA,IACvB;AAAA,IACA;AAAA,IACAN,KAAc;AAAA,IACdF,EAAK,aAAaA,EAAK;AAAA,EAAA,GAGrBS,IAAc,CAAC,CAACT,EAAK,MAAM,QAE3BU,IAAeV,EAAK,gBAAgBA,EAAK,MACzCW,IAAWR,IAASS,EAAmBF,CAAY,IAAIE,EAAmBZ,EAAK,IAAI,GAEnFa,IAAsB,MAAM;AAC9B,IAAAP,EAASN,GAAMI,CAAe;AAAA,EAClC,GAEMU,IAAuB,CAACC,MAA4C;AAGtE,IADoBA,EAAM,OAAuB,QAAQ,eAAe,KAKpEN,KACAJ,EAAaL,EAAK,EAAE;AAAA,EAE5B;AAEA,SACI,gBAAAgB,EAAC,SAAI,WAAWT,GAAoB,YAAUP,EAAK,IAAI,SAASc,GAC3D,UAAA;AAAA,IAAAb,KACG,gBAAAgB;AAAA,MAACC;AAAA,MAAA;AAAA,QACG,WAAU;AAAA,QACV,SAAShB;AAAA,QACT,UAAUF,EAAK;AAAA,QACf,eAAeI;AAAA,QACf,SAASS;AAAA,MAAA;AAAA,IAAA;AAAA,IAGjB,gBAAAG,EAAC,QAAA,EAAK,WAAU,2BACX,UAAA;AAAA,MAAAL,KAAY,gBAAAM,EAAC,QAAA,EAAK,WAAW,YAAYN,CAAQ,IAAI;AAAA,MACtD,gBAAAM,EAAC,QAAA,EAAK,WAAU,qBACZ,UAAA,gBAAAA,EAAC,UAAK,WAAU,6BAA6B,UAAAjB,EAAK,KAAA,CAAK,EAAA,CAC3D;AAAA,wBACC,QAAA,EAAK,WAAU,iEACX,UAAAA,EAAK,MAAM,QAChB;AAAA,MACA,gBAAAiB;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,WAAW,oDACPR,IAAc,KAAK,kBACvB;AAAA,QAAA;AAAA,MAAA;AAAA,IACJ,EAAA,CACJ;AAAA,EAAA,GACJ;AAER,CAAC;"}

package/components/assetTree/TreeNodeContainer.d.ts

@@ -1,4 +1,4 @@
-import type { PropsWithChildren } from 'react';
+import { PropsWithChildren } from 'react';
 export type TreeNodeContainerProps = {
     isOpen: boolean;
     groupId?: string;

package/components/assetTree/TreeNodeContainer.js

@@ -1,8 +1,14 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import classNames from 'classnames';
-const TreeNodeContainer = (props) => {
-    const { isOpen, groupId, disableAnimation, children } = props;
-    const treeNodeContainerClasses = classNames('TreeNodeContainer', 'user-select-none overflow-hidden', isOpen && 'open');
-    return (_jsx("div", { className: treeNodeContainerClasses, "data-id": groupId, children: children }));
+import { jsx as t } from "react/jsx-runtime";
+import a from "classnames";
+const c = (e) => {
+  const { isOpen: o, groupId: n, disableAnimation: i, children: r } = e, s = a(
+    "TreeNodeContainer",
+    "user-select-none overflow-hidden",
+    o && "open"
+  );
+  return /* @__PURE__ */ t("div", { className: s, "data-id": n, children: r });
 };
-export default TreeNodeContainer;
+export {
+  c as default
+};
+//# sourceMappingURL=TreeNodeContainer.js.map

package/components/assetTree/TreeNodeContainer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TreeNodeContainer.js","sources":["../../../src/components/assetTree/TreeNodeContainer.tsx"],"sourcesContent":["import type { PropsWithChildren } from 'react';\nimport classNames from 'classnames';\n\nexport type TreeNodeContainerProps = {\n    isOpen: boolean;\n    groupId?: string;\n    disableAnimation: boolean;\n};\n\nconst TreeNodeContainer = (props: PropsWithChildren<TreeNodeContainerProps>) => {\n    const { isOpen, groupId, disableAnimation, children } = props;\n\n    const treeNodeContainerClasses = classNames(\n        'TreeNodeContainer',\n        'user-select-none overflow-hidden',\n        isOpen && 'open'\n    );\n\n    return (\n        <div className={treeNodeContainerClasses} data-id={groupId}>\n            {children}\n        </div>\n    );\n};\n\nexport default TreeNodeContainer;\n"],"names":["TreeNodeContainer","props","isOpen","groupId","disableAnimation","children","treeNodeContainerClasses","classNames"],"mappings":";;AASA,MAAMA,IAAoB,CAACC,MAAqD;AAC5E,QAAM,EAAE,QAAAC,GAAQ,SAAAC,GAAS,kBAAAC,GAAkB,UAAAC,MAAaJ,GAElDK,IAA2BC;AAAA,IAC7B;AAAA,IACA;AAAA,IACAL,KAAU;AAAA,EAAA;AAGd,2BACK,OAAA,EAAI,WAAWI,GAA0B,WAASH,GAC9C,UAAAE,GACL;AAER;"}

package/components/assetTree/TreeNothingFound.d.ts

@@ -1,3 +1,3 @@
-import React from 'react';
+import { default as React } from 'react';
 declare const TreeNothingFound: React.MemoExoticComponent<() => import("react/jsx-runtime").JSX.Element>;
 export default TreeNothingFound;

package/components/assetTree/TreeNothingFound.js

@@ -1,7 +1,14 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import React from 'react';
-const TreeNothingFound = React.memo(() => {
-    return (_jsx("div", { className: `TreeTreeNothingFound display-flex justify-content-center text-size-20
-                padding-top-25 margin-top-25 margin-bottom-25`, children: _jsx("span", { className: 'rioglyph rioglyph-looking-glass-man text-size-400pct text-color-light' }) }));
-});
-export default TreeNothingFound;
+import { jsx as t } from "react/jsx-runtime";
+import e from "react";
+const r = e.memo(() => /* @__PURE__ */ t(
+  "div",
+  {
+    className: `TreeTreeNothingFound display-flex justify-content-center text-size-20
+                padding-top-25 margin-top-25 margin-bottom-25`,
+    children: /* @__PURE__ */ t("span", { className: "rioglyph rioglyph-looking-glass-man text-size-400pct text-color-light" })
+  }
+));
+export {
+  r as default
+};
+//# sourceMappingURL=TreeNothingFound.js.map

package/components/assetTree/TreeNothingFound.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TreeNothingFound.js","sources":["../../../src/components/assetTree/TreeNothingFound.tsx"],"sourcesContent":["import React from 'react';\n\nconst TreeNothingFound = React.memo(() => {\n    return (\n        <div\n            className={`TreeTreeNothingFound display-flex justify-content-center text-size-20\n                padding-top-25 margin-top-25 margin-bottom-25`}\n        >\n            <span className='rioglyph rioglyph-looking-glass-man text-size-400pct text-color-light' />\n        </div>\n    );\n});\n\nexport default TreeNothingFound;\n"],"names":["TreeNothingFound","React","jsx"],"mappings":";;AAEA,MAAMA,IAAmBC,EAAM,KAAK,MAE5B,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACG,WAAW;AAAA;AAAA,IAGX,UAAA,gBAAAA,EAAC,QAAA,EAAK,WAAU,wEAAA,CAAwE;AAAA,EAAA;AAAA,CAGnG;"}

package/components/assetTree/TreeOption.d.ts

@@ -1,4 +1,4 @@
-import type React from 'react';
+import { default as React } from 'react';
 export type TreeOptionProps = {
     /**
      * Defines whether the option is set.

package/components/assetTree/TreeOption.js

@@ -1,10 +1,23 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import classNames from 'classnames';
-import { noop } from 'es-toolkit/function';
-import Switch from "../switch/Switch.js";
-const TreeOption = (props) => {
-    const { isChecked = false, className, label, onChange = noop, ...remainingProps } = props;
-    const optionClasses = classNames('TreeOption', 'display-flex', 'justify-content-start', 'align-items-center', 'gap-10', 'cursor-pointer', className);
-    return (_jsxs("div", { ...remainingProps, className: optionClasses, onClick: onChange, children: [_jsx("span", { className: 'flex-1-1', children: label }), _jsx("span", { className: 'pointer-events-none scale-80', children: _jsx(Switch, { keyName: 'TreeOption-switch', checked: isChecked }) })] }));
+import { jsxs as c, jsx as e } from "react/jsx-runtime";
+import l from "classnames";
+import { noop as p } from "es-toolkit/function";
+import m from "../switch/Switch.js";
+const x = (s) => {
+  const { isChecked: n = !1, className: o, label: t, onChange: a = p, ...r } = s, i = l(
+    "TreeOption",
+    "display-flex",
+    "justify-content-start",
+    "align-items-center",
+    "gap-10",
+    "cursor-pointer",
+    o
+  );
+  return /* @__PURE__ */ c("div", { ...r, className: i, onClick: a, children: [
+    /* @__PURE__ */ e("span", { className: "flex-1-1", children: t }),
+    /* @__PURE__ */ e("span", { className: "pointer-events-none scale-80", children: /* @__PURE__ */ e(m, { keyName: "TreeOption-switch", checked: n }) })
+  ] });
 };
-export default TreeOption;
+export {
+  x as default
+};
+//# sourceMappingURL=TreeOption.js.map

package/components/assetTree/TreeOption.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TreeOption.js","sources":["../../../src/components/assetTree/TreeOption.tsx"],"sourcesContent":["import type React from 'react';\nimport classNames from 'classnames';\nimport { noop } from 'es-toolkit/function';\n\nimport Switch from '../switch/Switch';\n\nexport type TreeOptionProps = {\n    /**\n     * Defines whether the option is set.\n     *\n     * @default false\n     */\n    isChecked?: boolean;\n\n    /**\n     * Callback triggered when option is selected.\n     * @param event\n     * @returns\n     */\n    onChange?: (event: React.MouseEvent<HTMLDivElement>) => void;\n\n    /**\n     * The label for the option.\n     */\n    label: string | React.ReactNode;\n\n    /**\n     * Additional classes added to the wrapping element.\n     */\n    className?: string;\n};\n\nconst TreeOption = (props: TreeOptionProps) => {\n    const { isChecked = false, className, label, onChange = noop, ...remainingProps } = props;\n\n    const optionClasses = classNames(\n        'TreeOption',\n        'display-flex',\n        'justify-content-start',\n        'align-items-center',\n        'gap-10',\n        'cursor-pointer',\n        className\n    );\n\n    return (\n        <div {...remainingProps} className={optionClasses} onClick={onChange}>\n            <span className='flex-1-1'>{label}</span>\n            <span className='pointer-events-none scale-80'>\n                <Switch keyName='TreeOption-switch' checked={isChecked} />\n            </span>\n        </div>\n    );\n};\n\nexport default TreeOption;\n"],"names":["TreeOption","props","isChecked","className","label","onChange","noop","remainingProps","optionClasses","classNames","jsx","Switch"],"mappings":";;;;AAgCA,MAAMA,IAAa,CAACC,MAA2B;AAC3C,QAAM,EAAE,WAAAC,IAAY,IAAO,WAAAC,GAAW,OAAAC,GAAO,UAAAC,IAAWC,GAAM,GAAGC,EAAA,IAAmBN,GAE9EO,IAAgBC;AAAA,IAClB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACAN;AAAA,EAAA;AAGJ,2BACK,OAAA,EAAK,GAAGI,GAAgB,WAAWC,GAAe,SAASH,GACxD,UAAA;AAAA,IAAA,gBAAAK,EAAC,QAAA,EAAK,WAAU,YAAY,UAAAN,GAAM;AAAA,IAClC,gBAAAM,EAAC,QAAA,EAAK,WAAU,gCACZ,UAAA,gBAAAA,EAACC,KAAO,SAAQ,qBAAoB,SAAST,EAAA,CAAW,EAAA,CAC5D;AAAA,EAAA,GACJ;AAER;"}

package/components/assetTree/TreeOptions.d.ts

@@ -1,4 +1,4 @@
-import type React from 'react';
+import { default as React } from 'react';
 export type TreeOptionsProps = {
     treeOptions?: React.ReactNode[];
     treeOptionsTooltip?: React.ReactNode;