@frontify/fondue 12.1.12 → 12.1.14

package/dist/components/Tree/TreeItem/TreeItemMultiselect.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"TreeItemMultiselect.es.js","sources":["../../../../src/components/Tree/TreeItem/TreeItemMultiselect.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport noop from 'lodash-es/noop';\nimport { Children, type MouseEvent, memo, useCallback, useEffect, useMemo, useRef } from 'react';\n\nimport { Checkbox, CheckboxEmphasis, CheckboxSize, CheckboxState } from '@components/Checkbox/Checkbox';\nimport { Container } from '@components/Container';\nimport {\n    type RegisterNodeChildrenPayload,\n    type TreeItemMultiselectProps,\n    type TreeItemStyling,\n} from '@components/Tree/types';\n\nimport { INDENTATION_WIDTH, getMultiselectCheckBoxState } from '../helpers';\nimport {\n    getMultiselectBackgroundClassName,\n    getMultiselectContainerClassName,\n    getMultiselectLiClassName,\n} from '../helpers/multiselectTreeItemstyling';\nimport { removeFragmentsAndEnrichChildren, useDeepCompareEffect } from '../utils';\n\nimport { ExpandButton } from './ExpandButton';\nimport { useMultiselectTreeItem } from './useMultiselectTreeItem';\n\n/** @private */\ntype TreeItemPrivateProps = {\n    parentId?: string;\n    level?: number;\n    /** onSelect is passed by the Tree component when cloning the TreeItem */\n    onSelect?: (id: string, ignoreRemoveSelected: boolean) => void;\n    onExpand?: (id: string) => void;\n    onShrink?: (id: string) => void;\n    unregisterNodeChildren?: (payload: string) => void;\n    registerNodeChildren?: (payload: RegisterNodeChildrenPayload) => void;\n};\n\n/** @private */\nexport type InternalTreeItemMultiSelectProps = TreeItemMultiselectProps & TreeItemPrivateProps;\n\nexport const TreeItemMultiselect = memo(\n    ({\n        id,\n        label,\n        showCaret,\n        children,\n        level = 0,\n        contentComponent,\n        parentId,\n        onSelect,\n        onExpand,\n        onShrink,\n        registerNodeChildren,\n        unregisterNodeChildren,\n        isDisabled = false,\n        expandable = true,\n        checkBoxPosition = 'left',\n        itemStyle,\n        'data-test-id': dataTestId = 'fondue-tree-item',\n    }: InternalTreeItemMultiSelectProps) => {\n        const setActiveNodeRef = useRef<HTMLInputElement | null>(null);\n        const { isSelected, isExpanded, isPartialSelected, isParentSelected } = useMultiselectTreeItem(id);\n\n        const toggleExpand = useCallback(\n            (event?: MouseEvent<HTMLButtonElement>) => {\n                event?.stopPropagation();\n                isExpanded ? onShrink?.(id) : onExpand?.(id);\n            },\n            [id, isExpanded, onExpand, onShrink],\n        );\n\n        useEffect(() => {\n            if (isParentSelected && !isSelected && onSelect) {\n                onSelect(id, true);\n            }\n        }, [id, onSelect, isParentSelected, isSelected, parentId]);\n\n        const hasChildren = Children.count(children) > 0;\n\n        const { enrichedChildren, childrenIds } = useMemo(() => {\n            const enrichedChildren = removeFragmentsAndEnrichChildren(children, {\n                parentId: id,\n                level: level + 1,\n            });\n\n            return {\n                enrichedChildren,\n                childrenIds: enrichedChildren.map((child) => child.props.id),\n            };\n        }, [children, id, level]);\n\n        useDeepCompareEffect(() => {\n            if (Children.count(enrichedChildren) === 0 || !isExpanded) {\n                unregisterNodeChildren?.(id);\n                return;\n            }\n\n            registerNodeChildren?.({ id, children: enrichedChildren });\n        }, [isExpanded, enrichedChildren, id]);\n\n        const itemStyleProps = useMemo(() => {\n            return {\n                spacingY: 'none',\n                contentHight: 'single-line',\n                shadow: 'none',\n                borderRadius: 'small',\n                borderWidth: 'none',\n                borderStyle: 'none',\n                activeColorStyle: 'neutral',\n                ...itemStyle,\n            } as TreeItemStyling;\n        }, [itemStyle]);\n\n        const { liClassName, backgroundClassName } = useMemo(() => {\n            return {\n                liClassName: getMultiselectLiClassName(itemStyleProps, isDisabled),\n                backgroundClassName: getMultiselectBackgroundClassName(itemStyleProps, isSelected, isDisabled),\n            };\n        }, [itemStyleProps, isDisabled, isSelected]);\n\n        const wrapperContentClassName = 'tw-max-w-full\ttw-grow';\n        const showChildren = isExpanded;\n        const showLabel = label !== undefined;\n        const showExpandButton = expandable && (showCaret ?? hasChildren);\n\n        const containerClassName = getMultiselectContainerClassName(itemStyleProps);\n\n        const levelPadding = level * INDENTATION_WIDTH;\n        const liStyle = { paddingLeft: levelPadding };\n        const backgroundStyle = itemStyleProps.borderWidth !== 'none' ? {} : { marginLeft: -1 * levelPadding };\n\n        const checkBoxOnSelect = isDisabled ? () => {} : () => onSelect?.(id, false);\n        const checkBox =\n            checkBoxPosition !== 'none' ? (\n                <Container maxWidth=\"16px\" maxHeight=\"16px\">\n                    <Checkbox\n                        id={`checkbox-${id}`}\n                        ref={setActiveNodeRef}\n                        disabled={isDisabled}\n                        aria-label={label ?? ''}\n                        emphasis={CheckboxEmphasis.Weak}\n                        helperText=\"\"\n                        hideLabel\n                        label=\"\"\n                        onChange={checkBoxOnSelect}\n                        size={CheckboxSize.Default}\n                        state={\n                            isDisabled\n                                ? CheckboxState.Unchecked\n                                : getMultiselectCheckBoxState(isSelected, isPartialSelected)\n                        }\n                        tooltip={[]}\n                        value={id}\n                    />\n                </Container>\n            ) : null;\n\n        return (\n            <li\n                id={id}\n                key={id}\n                tabIndex={0}\n                // eslint-disable-next-line jsx-a11y/no-noninteractive-element-to-interactive-role\n                role=\"treeitem\"\n                style={liStyle}\n                onKeyDown={noop}\n                aria-label={label}\n                aria-level={level + 1}\n                className={liClassName}\n                data-test-id={dataTestId}\n                aria-selected={isSelected}\n                aria-expanded={isExpanded}\n                data-has-children={hasChildren}\n                aria-owns={childrenIds.join(' ')}\n            >\n                <div className={containerClassName}>\n                    <span className={backgroundClassName} style={backgroundStyle} aria-hidden={true} />\n                    {checkBoxPosition === 'left' && checkBox}\n\n                    {expandable && (\n                        <ExpandButton\n                            onClick={toggleExpand}\n                            expanded={showChildren}\n                            disabled={!showExpandButton}\n                            aria-hidden={!showExpandButton}\n                            className={showExpandButton ? 'tw-visible' : 'tw-invisible tw-pointer-events-none'}\n                        />\n                    )}\n\n                    {showLabel && <span className=\"first:tw-ml-3.5 tw-h-full tw-flex tw-items-center\">{label}</span>}\n\n                    <div className={wrapperContentClassName}>{contentComponent}</div>\n\n                    {checkBoxPosition === 'right' && checkBox}\n                </div>\n            </li>\n        );\n    },\n);\n\nTreeItemMultiselect.displayName = 'FondueTreeItemMultiselect';\n"],"names":["TreeItemMultiselect","memo","id","label","showCaret","children","level","contentComponent","parentId","onSelect","onExpand","onShrink","registerNodeChildren","unregisterNodeChildren","isDisabled","expandable","checkBoxPosition","itemStyle","dataTestId","setActiveNodeRef","useRef","isSelected","isExpanded","isPartialSelected","isParentSelected","useMultiselectTreeItem","toggleExpand","useCallback","event","useEffect","hasChildren","Children","enrichedChildren","childrenIds","useMemo","removeFragmentsAndEnrichChildren","child","useDeepCompareEffect","itemStyleProps","liClassName","backgroundClassName","getMultiselectLiClassName","getMultiselectBackgroundClassName","wrapperContentClassName","showChildren","showLabel","showExpandButton","containerClassName","getMultiselectContainerClassName","levelPadding","INDENTATION_WIDTH","liStyle","backgroundStyle","checkBoxOnSelect","checkBox","jsx","Container","Checkbox","CheckboxEmphasis","CheckboxSize","CheckboxState","getMultiselectCheckBoxState","noop","jsxs","ExpandButton"],"mappings":"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"}
+{"version":3,"file":"TreeItemMultiselect.es.js","sources":["../../../../src/components/Tree/TreeItem/TreeItemMultiselect.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { noop } from 'lodash-es';\nimport { Children, type MouseEvent, memo, useCallback, useEffect, useMemo, useRef } from 'react';\n\nimport { Checkbox, CheckboxEmphasis, CheckboxSize, CheckboxState } from '@components/Checkbox/Checkbox';\nimport { Container } from '@components/Container';\nimport {\n    type RegisterNodeChildrenPayload,\n    type TreeItemMultiselectProps,\n    type TreeItemStyling,\n} from '@components/Tree/types';\n\nimport { INDENTATION_WIDTH, getMultiselectCheckBoxState } from '../helpers';\nimport {\n    getMultiselectBackgroundClassName,\n    getMultiselectContainerClassName,\n    getMultiselectLiClassName,\n} from '../helpers/multiselectTreeItemstyling';\nimport { removeFragmentsAndEnrichChildren, useDeepCompareEffect } from '../utils';\n\nimport { ExpandButton } from './ExpandButton';\nimport { useMultiselectTreeItem } from './useMultiselectTreeItem';\n\n/** @private */\ntype TreeItemPrivateProps = {\n    parentId?: string;\n    level?: number;\n    /** onSelect is passed by the Tree component when cloning the TreeItem */\n    onSelect?: (id: string, ignoreRemoveSelected: boolean) => void;\n    onExpand?: (id: string) => void;\n    onShrink?: (id: string) => void;\n    unregisterNodeChildren?: (payload: string) => void;\n    registerNodeChildren?: (payload: RegisterNodeChildrenPayload) => void;\n};\n\n/** @private */\nexport type InternalTreeItemMultiSelectProps = TreeItemMultiselectProps & TreeItemPrivateProps;\n\nexport const TreeItemMultiselect = memo(\n    ({\n        id,\n        label,\n        showCaret,\n        children,\n        level = 0,\n        contentComponent,\n        parentId,\n        onSelect,\n        onExpand,\n        onShrink,\n        registerNodeChildren,\n        unregisterNodeChildren,\n        isDisabled = false,\n        expandable = true,\n        checkBoxPosition = 'left',\n        itemStyle,\n        'data-test-id': dataTestId = 'fondue-tree-item',\n    }: InternalTreeItemMultiSelectProps) => {\n        const setActiveNodeRef = useRef<HTMLInputElement | null>(null);\n        const { isSelected, isExpanded, isPartialSelected, isParentSelected } = useMultiselectTreeItem(id);\n\n        const toggleExpand = useCallback(\n            (event?: MouseEvent<HTMLButtonElement>) => {\n                event?.stopPropagation();\n                isExpanded ? onShrink?.(id) : onExpand?.(id);\n            },\n            [id, isExpanded, onExpand, onShrink],\n        );\n\n        useEffect(() => {\n            if (isParentSelected && !isSelected && onSelect) {\n                onSelect(id, true);\n            }\n        }, [id, onSelect, isParentSelected, isSelected, parentId]);\n\n        const hasChildren = Children.count(children) > 0;\n\n        const { enrichedChildren, childrenIds } = useMemo(() => {\n            const enrichedChildren = removeFragmentsAndEnrichChildren(children, {\n                parentId: id,\n                level: level + 1,\n            });\n\n            return {\n                enrichedChildren,\n                childrenIds: enrichedChildren.map((child) => child.props.id),\n            };\n        }, [children, id, level]);\n\n        useDeepCompareEffect(() => {\n            if (Children.count(enrichedChildren) === 0 || !isExpanded) {\n                unregisterNodeChildren?.(id);\n                return;\n            }\n\n            registerNodeChildren?.({ id, children: enrichedChildren });\n        }, [isExpanded, enrichedChildren, id]);\n\n        const itemStyleProps = useMemo(() => {\n            return {\n                spacingY: 'none',\n                contentHight: 'single-line',\n                shadow: 'none',\n                borderRadius: 'small',\n                borderWidth: 'none',\n                borderStyle: 'none',\n                activeColorStyle: 'neutral',\n                ...itemStyle,\n            } as TreeItemStyling;\n        }, [itemStyle]);\n\n        const { liClassName, backgroundClassName } = useMemo(() => {\n            return {\n                liClassName: getMultiselectLiClassName(itemStyleProps, isDisabled),\n                backgroundClassName: getMultiselectBackgroundClassName(itemStyleProps, isSelected, isDisabled),\n            };\n        }, [itemStyleProps, isDisabled, isSelected]);\n\n        const wrapperContentClassName = 'tw-max-w-full\ttw-grow';\n        const showChildren = isExpanded;\n        const showLabel = label !== undefined;\n        const showExpandButton = expandable && (showCaret ?? hasChildren);\n\n        const containerClassName = getMultiselectContainerClassName(itemStyleProps);\n\n        const levelPadding = level * INDENTATION_WIDTH;\n        const liStyle = { paddingLeft: levelPadding };\n        const backgroundStyle = itemStyleProps.borderWidth !== 'none' ? {} : { marginLeft: -1 * levelPadding };\n\n        const checkBoxOnSelect = isDisabled ? () => {} : () => onSelect?.(id, false);\n        const checkBox =\n            checkBoxPosition !== 'none' ? (\n                <Container maxWidth=\"16px\" maxHeight=\"16px\">\n                    <Checkbox\n                        id={`checkbox-${id}`}\n                        ref={setActiveNodeRef}\n                        disabled={isDisabled}\n                        aria-label={label ?? ''}\n                        emphasis={CheckboxEmphasis.Weak}\n                        helperText=\"\"\n                        hideLabel\n                        label=\"\"\n                        onChange={checkBoxOnSelect}\n                        size={CheckboxSize.Default}\n                        state={\n                            isDisabled\n                                ? CheckboxState.Unchecked\n                                : getMultiselectCheckBoxState(isSelected, isPartialSelected)\n                        }\n                        tooltip={[]}\n                        value={id}\n                    />\n                </Container>\n            ) : null;\n\n        return (\n            <li\n                id={id}\n                key={id}\n                tabIndex={0}\n                // eslint-disable-next-line jsx-a11y/no-noninteractive-element-to-interactive-role\n                role=\"treeitem\"\n                style={liStyle}\n                onKeyDown={noop}\n                aria-label={label}\n                aria-level={level + 1}\n                className={liClassName}\n                data-test-id={dataTestId}\n                aria-selected={isSelected}\n                aria-expanded={isExpanded}\n                data-has-children={hasChildren}\n                aria-owns={childrenIds.join(' ')}\n            >\n                <div className={containerClassName}>\n                    <span className={backgroundClassName} style={backgroundStyle} aria-hidden={true} />\n                    {checkBoxPosition === 'left' && checkBox}\n\n                    {expandable && (\n                        <ExpandButton\n                            onClick={toggleExpand}\n                            expanded={showChildren}\n                            disabled={!showExpandButton}\n                            aria-hidden={!showExpandButton}\n                            className={showExpandButton ? 'tw-visible' : 'tw-invisible tw-pointer-events-none'}\n                        />\n                    )}\n\n                    {showLabel && <span className=\"first:tw-ml-3.5 tw-h-full tw-flex tw-items-center\">{label}</span>}\n\n                    <div className={wrapperContentClassName}>{contentComponent}</div>\n\n                    {checkBoxPosition === 'right' && checkBox}\n                </div>\n            </li>\n        );\n    },\n);\n\nTreeItemMultiselect.displayName = 'FondueTreeItemMultiselect';\n"],"names":["TreeItemMultiselect","memo","id","label","showCaret","children","level","contentComponent","parentId","onSelect","onExpand","onShrink","registerNodeChildren","unregisterNodeChildren","isDisabled","expandable","checkBoxPosition","itemStyle","dataTestId","setActiveNodeRef","useRef","isSelected","isExpanded","isPartialSelected","isParentSelected","useMultiselectTreeItem","toggleExpand","useCallback","event","useEffect","hasChildren","Children","enrichedChildren","childrenIds","useMemo","removeFragmentsAndEnrichChildren","child","useDeepCompareEffect","itemStyleProps","liClassName","backgroundClassName","getMultiselectLiClassName","getMultiselectBackgroundClassName","wrapperContentClassName","showChildren","showLabel","showExpandButton","containerClassName","getMultiselectContainerClassName","levelPadding","INDENTATION_WIDTH","liStyle","backgroundStyle","checkBoxOnSelect","checkBox","jsx","Container","Checkbox","CheckboxEmphasis","CheckboxSize","CheckboxState","getMultiselectCheckBoxState","noop","jsxs","ExpandButton"],"mappings":"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"}

package/dist/components/Tree/helpers/projection.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"projection.es.js","sources":["../../../../src/components/Tree/helpers/projection.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { arrayMove } from '@dnd-kit/sortable';\nimport { type ReactElement } from 'react';\n\nimport { type InternalTreeItemProps } from '../TreeItem';\nimport { INDENTATION_WIDTH, ROOT_ID } from '../helpers';\n\nexport type ProjectionArgs = {\n    nodes: ReactElement<InternalTreeItemProps>[];\n    activeId: string;\n    overId: string;\n    dragOffset: number;\n};\n\nexport type Projection = {\n    depth: number;\n    maxDepth: number;\n    minDepth: number;\n    position: number;\n    type?: string;\n    accepts?: string;\n    parentId: Nullable<string>;\n    isWithinParent: boolean | undefined;\n    previousNode: Nullable<{ id: string; depth: number; accepts?: string }>;\n};\n\nconst getNodeDepth = (node: ReactElement) => {\n    return node ? node.props.level : 0;\n};\n\nconst getDragDepth = (offset: number) => {\n    return Math.round(offset / INDENTATION_WIDTH);\n};\n\nconst getNodeDepthConstraint = (node: ReactElement) => {\n    return (node?.props.levelConstraint ?? null) !== null ? node.props.levelConstraint : false;\n};\n\nconst calculateMaxDepth = (previousNode: ReactElement, nextNode: ReactElement) => {\n    const previousNodeDepth = getNodeDepth(previousNode);\n\n    if (previousNode?.props.accepts) {\n        const nextNodeDepth = getNodeDepth(nextNode);\n        return previousNodeDepth >= nextNodeDepth ? previousNodeDepth + 1 : nextNodeDepth;\n    } else {\n        return previousNodeDepth;\n    }\n};\n\nconst calculateMinDepth = (previousNode: ReactElement, nextNode: ReactElement) => {\n    const nextNodeDepth = getNodeDepth(nextNode);\n\n    if (previousNode?.props.accepts) {\n        return nextNodeDepth;\n    } else {\n        return Math.min(getNodeDepth(previousNode), nextNodeDepth);\n    }\n};\n\nexport const getProjection = ({ nodes, activeId, overId, dragOffset }: ProjectionArgs): Projection => {\n    const overNodeIndex = nodes.findIndex(({ props }) => props.id === overId);\n    const activeNodeIndex = nodes.findIndex(({ props }) => props.id === activeId);\n\n    const activeNode = nodes[activeNodeIndex];\n    const newNodes = arrayMove(nodes, activeNodeIndex, overNodeIndex);\n\n    const previousNode = newNodes[overNodeIndex - 1];\n    const nextNode = newNodes[overNodeIndex + 1];\n\n    const activeNodeDepthConstraint = getNodeDepthConstraint(activeNode);\n    const dragDepth = getDragDepth(dragOffset);\n    const projectedDepth = (activeNode?.props?.level ?? 0) + dragDepth;\n\n    const maxDepth =\n        activeNodeDepthConstraint !== false ? activeNodeDepthConstraint : calculateMaxDepth(previousNode, nextNode);\n    const minDepth =\n        activeNodeDepthConstraint !== false ? activeNodeDepthConstraint : calculateMinDepth(previousNode, nextNode);\n\n    let depth = projectedDepth || getNodeDepth(nextNode);\n    if (projectedDepth >= maxDepth) {\n        depth = maxDepth;\n    } else if (projectedDepth < minDepth) {\n        depth = minDepth;\n    }\n\n    const getParentId = () => {\n        if (depth === 0 || !previousNode) {\n            return ROOT_ID;\n        }\n\n        if (previousNode.props.parentId && depth === previousNode.props.level) {\n            return previousNode.props.parentId ?? null;\n        }\n\n        if (previousNode.props.level !== undefined && depth > previousNode.props.level) {\n            return previousNode.props.accepts\n                ? previousNode.props.id\n                : previousNode.props.parentId ?? previousNode.props.id;\n        }\n\n        const newParent = newNodes\n            .slice(0, overNodeIndex)\n            .reverse()\n            .find((item) => item.props.level === depth)?.props.parentId;\n\n        return newParent ?? null;\n    };\n\n    const getParent = (parentId: Nullable<string>) => {\n        if (!parentId) {\n            return null;\n        }\n        return nodes.find(({ props }) => props.id === parentId)?.props;\n    };\n\n    const parentId = getParentId();\n    const parent = getParent(parentId);\n\n    // whether we are moving down there is a +1 offset, unless we are in the same parent\n    const correctionDueDragDirection =\n        activeNodeIndex < overNodeIndex && activeNode.props.parentId !== parentId ? 1 : 0;\n\n    const nodesInParent = newNodes.filter(({ props }) => props.parentId === parentId);\n\n    /**\n     * To get the position the item is dropped within its parent (first match wins):\n     * - Get the index of the active item among the parent nodes\n     * - Use the 'over' item to get the position\n     * - If the over element is the parent matched set it to the top\n     * - If the item is going out:\n     *   - try to figure the position by the parent from the next element\n     *   - Or go to the first (going down) or last position (going up)\n     * - if we move the item in or same depth and up it goes to the last position\n     */\n    let dropIndexInParent = nodesInParent.findIndex(({ props }) => props.id === activeId);\n\n    if (dropIndexInParent < 0) {\n        const overNextIndex = nodesInParent.findIndex(({ props }) => props.id === overId);\n        if (overNextIndex >= 0) {\n            dropIndexInParent = overNextIndex;\n        } else if (parentId === overId) {\n            dropIndexInParent = -1;\n        } else if (dragDepth < 0) {\n            const nextNodeNodesInParent = nextNode.props.parentId\n                ? newNodes.filter(({ props }) => props.parentId === nextNode.props.parentId)\n                : [];\n            const nextNodePosition = nextNodeNodesInParent.findIndex(({ props }) => props.id === nextNode.props.id);\n            if (nextNodePosition >= 0) {\n                dropIndexInParent = nextNodePosition + (activeNodeIndex < overNodeIndex ? -1 : 0);\n            } else {\n                dropIndexInParent = activeNodeIndex < overNodeIndex ? nodesInParent.length : -1;\n            }\n        } else if (activeNodeIndex >= overNodeIndex) {\n            dropIndexInParent = nodesInParent.length;\n        }\n    }\n\n    dropIndexInParent = dropIndexInParent + correctionDueDragDirection;\n    const parentDepth = parent?.level ?? 0;\n\n    return {\n        depth,\n        maxDepth,\n        minDepth,\n        parentId: parentId ?? null,\n        type: parent?.type,\n        accepts: parent?.accepts,\n        position: dropIndexInParent >= 0 ? dropIndexInParent : 0,\n        isWithinParent: parentDepth ? depth > parentDepth : false,\n        previousNode: previousNode\n            ? {\n                  id: previousNode.props.id,\n                  depth: getNodeDepth(previousNode),\n                  accepts: previousNode.props.accepts,\n              }\n            : null,\n    };\n};\n"],"names":["getNodeDepth","node","getDragDepth","offset","INDENTATION_WIDTH","getNodeDepthConstraint","calculateMaxDepth","previousNode","nextNode","previousNodeDepth","nextNodeDepth","calculateMinDepth","getProjection","nodes","activeId","overId","dragOffset","overNodeIndex","props","activeNodeIndex","activeNode","newNodes","arrayMove","activeNodeDepthConstraint","dragDepth","projectedDepth","_a","maxDepth","minDepth","depth","getParentId","ROOT_ID","item","getParent","parentId","parent","correctionDueDragDirection","nodesInParent","dropIndexInParent","overNextIndex","nextNodePosition","parentDepth"],"mappings":"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"}
+{"version":3,"file":"projection.es.js","sources":["../../../../src/components/Tree/helpers/projection.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { arrayMove } from '@dnd-kit/sortable';\nimport { type ReactElement } from 'react';\n\nimport { type InternalTreeItemProps } from '../TreeItem';\nimport { INDENTATION_WIDTH, ROOT_ID } from '../helpers';\n\nexport type ProjectionArgs = {\n    nodes: ReactElement<InternalTreeItemProps>[];\n    activeId: string;\n    overId: string;\n    dragOffset: number;\n};\n\nexport type Projection = {\n    depth: number;\n    maxDepth: number;\n    minDepth: number;\n    position: number;\n    type?: string;\n    accepts?: string;\n    parentId: Nullable<string>;\n    isWithinParent: boolean | undefined;\n    previousNode: Nullable<{ id: string; depth: number; accepts?: string }>;\n};\n\nconst getNodeDepth = (node: ReactElement) => {\n    return node ? node.props.level : 0;\n};\n\nconst getDragDepth = (offset: number) => {\n    return Math.round(offset / INDENTATION_WIDTH);\n};\n\nconst getNodeDepthConstraint = (node: ReactElement) => {\n    return (node?.props.levelConstraint ?? null) !== null ? node.props.levelConstraint : false;\n};\n\nconst calculateMaxDepth = (previousNode: ReactElement, nextNode: ReactElement) => {\n    const previousNodeDepth = getNodeDepth(previousNode);\n\n    if (previousNode?.props.accepts) {\n        const nextNodeDepth = getNodeDepth(nextNode);\n        return previousNodeDepth >= nextNodeDepth ? previousNodeDepth + 1 : nextNodeDepth;\n    } else {\n        return previousNodeDepth;\n    }\n};\n\nconst calculateMinDepth = (previousNode: ReactElement, nextNode: ReactElement) => {\n    const nextNodeDepth = getNodeDepth(nextNode);\n\n    if (previousNode?.props.accepts) {\n        return nextNodeDepth;\n    } else {\n        return Math.min(getNodeDepth(previousNode), nextNodeDepth);\n    }\n};\n\nexport const getProjection = ({ nodes, activeId, overId, dragOffset }: ProjectionArgs): Projection => {\n    const overNodeIndex = nodes.findIndex(({ props }) => props.id === overId);\n    const activeNodeIndex = nodes.findIndex(({ props }) => props.id === activeId);\n\n    const activeNode = nodes[activeNodeIndex];\n    const newNodes = arrayMove(nodes, activeNodeIndex, overNodeIndex);\n\n    const previousNode = newNodes[overNodeIndex - 1];\n    const nextNode = newNodes[overNodeIndex + 1];\n\n    const activeNodeDepthConstraint = getNodeDepthConstraint(activeNode);\n    const dragDepth = getDragDepth(dragOffset);\n    const projectedDepth = (activeNode?.props?.level ?? 0) + dragDepth;\n\n    const maxDepth =\n        activeNodeDepthConstraint !== false ? activeNodeDepthConstraint : calculateMaxDepth(previousNode, nextNode);\n    const minDepth =\n        activeNodeDepthConstraint !== false ? activeNodeDepthConstraint : calculateMinDepth(previousNode, nextNode);\n\n    let depth = projectedDepth || getNodeDepth(nextNode);\n    if (projectedDepth >= maxDepth) {\n        depth = maxDepth;\n    } else if (projectedDepth < minDepth) {\n        depth = minDepth;\n    }\n\n    const getParentId = () => {\n        if (depth === 0 || !previousNode) {\n            return ROOT_ID;\n        }\n\n        if (previousNode.props.parentId && depth === previousNode.props.level) {\n            return previousNode.props.parentId ?? null;\n        }\n\n        if (previousNode.props.level !== undefined && depth > previousNode.props.level) {\n            return previousNode.props.accepts\n                ? previousNode.props.id\n                : (previousNode.props.parentId ?? previousNode.props.id);\n        }\n\n        const newParent = newNodes\n            .slice(0, overNodeIndex)\n            .reverse()\n            .find((item) => item.props.level === depth)?.props.parentId;\n\n        return newParent ?? null;\n    };\n\n    const getParent = (parentId: Nullable<string>) => {\n        if (!parentId) {\n            return null;\n        }\n        return nodes.find(({ props }) => props.id === parentId)?.props;\n    };\n\n    const parentId = getParentId();\n    const parent = getParent(parentId);\n\n    // whether we are moving down there is a +1 offset, unless we are in the same parent\n    const correctionDueDragDirection =\n        activeNodeIndex < overNodeIndex && activeNode.props.parentId !== parentId ? 1 : 0;\n\n    const nodesInParent = newNodes.filter(({ props }) => props.parentId === parentId);\n\n    /**\n     * To get the position the item is dropped within its parent (first match wins):\n     * - Get the index of the active item among the parent nodes\n     * - Use the 'over' item to get the position\n     * - If the over element is the parent matched set it to the top\n     * - If the item is going out:\n     *   - try to figure the position by the parent from the next element\n     *   - Or go to the first (going down) or last position (going up)\n     * - if we move the item in or same depth and up it goes to the last position\n     */\n    let dropIndexInParent = nodesInParent.findIndex(({ props }) => props.id === activeId);\n\n    if (dropIndexInParent < 0) {\n        const overNextIndex = nodesInParent.findIndex(({ props }) => props.id === overId);\n        if (overNextIndex >= 0) {\n            dropIndexInParent = overNextIndex;\n        } else if (parentId === overId) {\n            dropIndexInParent = -1;\n        } else if (dragDepth < 0) {\n            const nextNodeNodesInParent = nextNode.props.parentId\n                ? newNodes.filter(({ props }) => props.parentId === nextNode.props.parentId)\n                : [];\n            const nextNodePosition = nextNodeNodesInParent.findIndex(({ props }) => props.id === nextNode.props.id);\n            if (nextNodePosition >= 0) {\n                dropIndexInParent = nextNodePosition + (activeNodeIndex < overNodeIndex ? -1 : 0);\n            } else {\n                dropIndexInParent = activeNodeIndex < overNodeIndex ? nodesInParent.length : -1;\n            }\n        } else if (activeNodeIndex >= overNodeIndex) {\n            dropIndexInParent = nodesInParent.length;\n        }\n    }\n\n    dropIndexInParent = dropIndexInParent + correctionDueDragDirection;\n    const parentDepth = parent?.level ?? 0;\n\n    return {\n        depth,\n        maxDepth,\n        minDepth,\n        parentId: parentId ?? null,\n        type: parent?.type,\n        accepts: parent?.accepts,\n        position: dropIndexInParent >= 0 ? dropIndexInParent : 0,\n        isWithinParent: parentDepth ? depth > parentDepth : false,\n        previousNode: previousNode\n            ? {\n                  id: previousNode.props.id,\n                  depth: getNodeDepth(previousNode),\n                  accepts: previousNode.props.accepts,\n              }\n            : null,\n    };\n};\n"],"names":["getNodeDepth","node","getDragDepth","offset","INDENTATION_WIDTH","getNodeDepthConstraint","calculateMaxDepth","previousNode","nextNode","previousNodeDepth","nextNodeDepth","calculateMinDepth","getProjection","nodes","activeId","overId","dragOffset","overNodeIndex","props","activeNodeIndex","activeNode","newNodes","arrayMove","activeNodeDepthConstraint","dragDepth","projectedDepth","_a","maxDepth","minDepth","depth","getParentId","ROOT_ID","item","getParent","parentId","parent","correctionDueDragDirection","nodesInParent","dropIndexInParent","overNextIndex","nextNodePosition","parentDepth"],"mappings":"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"}

package/dist/components/Tree/helpers/reducer.es.js

@@ -1,4 +1,4 @@
-import a from "../../../node_modules/.pnpm/lodash-es@4.17.21/node_modules/lodash-es/isEqualWith.es.js";
+import { isEqualWith as a } from "lodash-es";
 import { getReactNodeIdsInFlatArray as l, removeReactNodesFromFlatArray as h, getReactNodesInFlatArray as I } from "./nodes.es.js";
 const x = (t, r) => r && (t.key === "Meta" || t.ctrlKey), m = (t, r) => t.findIndex((o) => o.props.id === r), F = (t, r) => t.filter((o) => o.props.parentId === r).map((o) => o.props.id), N = (t, r, o) => {
   const s = l(t, r), e = s.length > 0 ? h(t, s) : t, n = m(e, r);

package/dist/components/Tree/helpers/reducer.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"reducer.es.js","sources":["../../../../src/components/Tree/helpers/reducer.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport isEqualWith from 'lodash-es/isEqualWith';\nimport { type ReactElement } from 'react';\n\nimport { type InternalTreeItemProps } from '../TreeItem';\n\nimport { getReactNodeIdsInFlatArray, getReactNodesInFlatArray, removeReactNodesFromFlatArray } from './nodes';\n\nexport const shouldUpdateTreeState = (event: globalThis.KeyboardEvent, multiselect: boolean) => {\n    return multiselect && (event.key === 'Meta' || event.ctrlKey);\n};\n\nexport const findIndexById = (nodes: ReactElement<InternalTreeItemProps>[], id: string) => {\n    return nodes.findIndex((node) => node.props.id === id);\n};\n\nexport const getNodeChildrenIds = (nodes: ReactElement<InternalTreeItemProps>[], id: string) => {\n    return nodes.filter((node) => node.props.parentId === id).map((node) => node.props.id);\n};\n\nexport const updateNodeWithNewChildren = (\n    nodes: ReactElement<InternalTreeItemProps>[],\n    parentId: string,\n    children: ReactElement[],\n) => {\n    const nodeIds = getReactNodeIdsInFlatArray(nodes, parentId);\n    const cleanNodes = nodeIds.length > 0 ? removeReactNodesFromFlatArray(nodes, nodeIds) : nodes;\n    const parentIndex = findIndexById(cleanNodes, parentId);\n    if (parentIndex === -1) {\n        return nodes;\n    }\n\n    return [...cleanNodes.slice(0, parentIndex + 1), ...children, ...cleanNodes.slice(parentIndex + 1)];\n};\n\nexport const getCurrentChildrenForNewNodesIfExpanded = (\n    currentNodes: ReactElement[],\n    expandedIds: Set<string>,\n    newNodes: ReactElement[],\n) => {\n    const updatedTreeNode: ReactElement[] = [];\n    for (const node of newNodes) {\n        updatedTreeNode.push(node);\n\n        if (!expandedIds.has(node.props.id)) {\n            continue;\n        }\n\n        for (const child of getReactNodesInFlatArray(currentNodes, node.props.id)) {\n            updatedTreeNode.push(child);\n        }\n    }\n\n    return updatedTreeNode;\n};\n\nexport const currentNodesChanged = (\n    currentChildrenIds: string[],\n    currentNodes: ReactElement<InternalTreeItemProps>[],\n    newNodes: ReactElement<InternalTreeItemProps>[],\n) => {\n    for (const nodeId of currentChildrenIds) {\n        const newNode = newNodes.find((n) => n.props.id === nodeId);\n        const newContentComponent = newNode?.props?.contentComponent as Partial<ReactElement>;\n\n        const currentNode = currentNodes.find((n) => n.props.id === nodeId);\n        const currentContentComponent = currentNode?.props?.contentComponent as Partial<ReactElement>;\n\n        if (\n            (!currentContentComponent || !newContentComponent) &&\n            !isEqualWith(currentNode?.props, newNode?.props, isEqualCustomizer)\n        ) {\n            return true;\n        }\n\n        if (!isEqualWith(currentContentComponent?.props, newContentComponent?.props, isEqualCustomizer)) {\n            return true;\n        }\n    }\n    return false;\n};\n\nconst isEqualCustomizer = (nodeProp: unknown, othernodeProp: unknown): boolean | undefined => {\n    if (typeof nodeProp === 'function' || typeof othernodeProp === 'function') {\n        return true;\n    }\n};\n"],"names":["shouldUpdateTreeState","event","multiselect","findIndexById","nodes","id","node","getNodeChildrenIds","updateNodeWithNewChildren","parentId","children","nodeIds","getReactNodeIdsInFlatArray","cleanNodes","removeReactNodesFromFlatArray","parentIndex","getCurrentChildrenForNewNodesIfExpanded","currentNodes","expandedIds","newNodes","updatedTreeNode","child","getReactNodesInFlatArray","currentNodesChanged","currentChildrenIds","nodeId","newNode","n","newContentComponent","_a","currentNode","currentContentComponent","_b","isEqualWith","isEqualCustomizer","nodeProp","othernodeProp"],"mappings":";;AASa,MAAAA,IAAwB,CAACC,GAAiCC,MAC5DA,MAAgBD,EAAM,QAAQ,UAAUA,EAAM,UAG5CE,IAAgB,CAACC,GAA8CC,MACjED,EAAM,UAAU,CAACE,MAASA,EAAK,MAAM,OAAOD,CAAE,GAG5CE,IAAqB,CAACH,GAA8CC,MACtED,EAAM,OAAO,CAACE,MAASA,EAAK,MAAM,aAAaD,CAAE,EAAE,IAAI,CAACC,MAASA,EAAK,MAAM,EAAE,GAG5EE,IAA4B,CACrCJ,GACAK,GACAC,MACC;AACK,QAAAC,IAAUC,EAA2BR,GAAOK,CAAQ,GACpDI,IAAaF,EAAQ,SAAS,IAAIG,EAA8BV,GAAOO,CAAO,IAAIP,GAClFW,IAAcZ,EAAcU,GAAYJ,CAAQ;AACtD,SAAIM,MAAgB,KACTX,IAGJ,CAAC,GAAGS,EAAW,MAAM,GAAGE,IAAc,CAAC,GAAG,GAAGL,GAAU,GAAGG,EAAW,MAAME,IAAc,CAAC,CAAC;AACtG,GAEaC,IAA0C,CACnDC,GACAC,GACAC,MACC;AACD,QAAMC,IAAkC,CAAA;AACxC,aAAWd,KAAQa;AAGf,QAFAC,EAAgB,KAAKd,CAAI,GAErB,EAACY,EAAY,IAAIZ,EAAK,MAAM,EAAE;AAIlC,iBAAWe,KAASC,EAAyBL,GAAcX,EAAK,MAAM,EAAE;AACpE,QAAAc,EAAgB,KAAKC,CAAK;AAI3B,SAAAD;AACX,GAEaG,IAAsB,CAC/BC,GACAP,GACAE,MACC;;AACD,aAAWM,KAAUD,GAAoB;AAC/B,UAAAE,IAAUP,EAAS,KAAK,CAACQ,MAAMA,EAAE,MAAM,OAAOF,CAAM,GACpDG,KAAsBC,IAAAH,KAAA,gBAAAA,EAAS,UAAT,gBAAAG,EAAgB,kBAEtCC,IAAcb,EAAa,KAAK,CAACU,MAAMA,EAAE,MAAM,OAAOF,CAAM,GAC5DM,KAA0BC,IAAAF,KAAA,gBAAAA,EAAa,UAAb,gBAAAE,EAAoB;AASpD,SANK,CAACD,KAA2B,CAACH,MAC9B,CAACK,EAAYH,KAAA,gBAAAA,EAAa,OAAOJ,KAAA,gBAAAA,EAAS,OAAOQ,CAAiB,KAKlE,CAACD,EAAYF,KAAA,gBAAAA,EAAyB,OAAOH,KAAA,gBAAAA,EAAqB,OAAOM,CAAiB;AACnF,aAAA;AAAA,EAEf;AACO,SAAA;AACX,GAEMA,IAAoB,CAACC,GAAmBC,MAAgD;AAC1F,MAAI,OAAOD,KAAa,cAAc,OAAOC,KAAkB;AACpD,WAAA;AAEf;"}
+{"version":3,"file":"reducer.es.js","sources":["../../../../src/components/Tree/helpers/reducer.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { isEqualWith } from 'lodash-es';\nimport { type ReactElement } from 'react';\n\nimport { type InternalTreeItemProps } from '../TreeItem';\n\nimport { getReactNodeIdsInFlatArray, getReactNodesInFlatArray, removeReactNodesFromFlatArray } from './nodes';\n\nexport const shouldUpdateTreeState = (event: globalThis.KeyboardEvent, multiselect: boolean) => {\n    return multiselect && (event.key === 'Meta' || event.ctrlKey);\n};\n\nexport const findIndexById = (nodes: ReactElement<InternalTreeItemProps>[], id: string) => {\n    return nodes.findIndex((node) => node.props.id === id);\n};\n\nexport const getNodeChildrenIds = (nodes: ReactElement<InternalTreeItemProps>[], id: string) => {\n    return nodes.filter((node) => node.props.parentId === id).map((node) => node.props.id);\n};\n\nexport const updateNodeWithNewChildren = (\n    nodes: ReactElement<InternalTreeItemProps>[],\n    parentId: string,\n    children: ReactElement[],\n) => {\n    const nodeIds = getReactNodeIdsInFlatArray(nodes, parentId);\n    const cleanNodes = nodeIds.length > 0 ? removeReactNodesFromFlatArray(nodes, nodeIds) : nodes;\n    const parentIndex = findIndexById(cleanNodes, parentId);\n    if (parentIndex === -1) {\n        return nodes;\n    }\n\n    return [...cleanNodes.slice(0, parentIndex + 1), ...children, ...cleanNodes.slice(parentIndex + 1)];\n};\n\nexport const getCurrentChildrenForNewNodesIfExpanded = (\n    currentNodes: ReactElement[],\n    expandedIds: Set<string>,\n    newNodes: ReactElement[],\n) => {\n    const updatedTreeNode: ReactElement[] = [];\n    for (const node of newNodes) {\n        updatedTreeNode.push(node);\n\n        if (!expandedIds.has(node.props.id)) {\n            continue;\n        }\n\n        for (const child of getReactNodesInFlatArray(currentNodes, node.props.id)) {\n            updatedTreeNode.push(child);\n        }\n    }\n\n    return updatedTreeNode;\n};\n\nexport const currentNodesChanged = (\n    currentChildrenIds: string[],\n    currentNodes: ReactElement<InternalTreeItemProps>[],\n    newNodes: ReactElement<InternalTreeItemProps>[],\n) => {\n    for (const nodeId of currentChildrenIds) {\n        const newNode = newNodes.find((n) => n.props.id === nodeId);\n        const newContentComponent = newNode?.props?.contentComponent as Partial<ReactElement>;\n\n        const currentNode = currentNodes.find((n) => n.props.id === nodeId);\n        const currentContentComponent = currentNode?.props?.contentComponent as Partial<ReactElement>;\n\n        if (\n            (!currentContentComponent || !newContentComponent) &&\n            !isEqualWith(currentNode?.props, newNode?.props, isEqualCustomizer)\n        ) {\n            return true;\n        }\n\n        if (!isEqualWith(currentContentComponent?.props, newContentComponent?.props, isEqualCustomizer)) {\n            return true;\n        }\n    }\n    return false;\n};\n\nconst isEqualCustomizer = (nodeProp: unknown, othernodeProp: unknown): boolean | undefined => {\n    if (typeof nodeProp === 'function' || typeof othernodeProp === 'function') {\n        return true;\n    }\n};\n"],"names":["shouldUpdateTreeState","event","multiselect","findIndexById","nodes","id","node","getNodeChildrenIds","updateNodeWithNewChildren","parentId","children","nodeIds","getReactNodeIdsInFlatArray","cleanNodes","removeReactNodesFromFlatArray","parentIndex","getCurrentChildrenForNewNodesIfExpanded","currentNodes","expandedIds","newNodes","updatedTreeNode","child","getReactNodesInFlatArray","currentNodesChanged","currentChildrenIds","nodeId","newNode","n","newContentComponent","_a","currentNode","currentContentComponent","_b","isEqualWith","isEqualCustomizer","nodeProp","othernodeProp"],"mappings":";;AASa,MAAAA,IAAwB,CAACC,GAAiCC,MAC5DA,MAAgBD,EAAM,QAAQ,UAAUA,EAAM,UAG5CE,IAAgB,CAACC,GAA8CC,MACjED,EAAM,UAAU,CAACE,MAASA,EAAK,MAAM,OAAOD,CAAE,GAG5CE,IAAqB,CAACH,GAA8CC,MACtED,EAAM,OAAO,CAACE,MAASA,EAAK,MAAM,aAAaD,CAAE,EAAE,IAAI,CAACC,MAASA,EAAK,MAAM,EAAE,GAG5EE,IAA4B,CACrCJ,GACAK,GACAC,MACC;AACK,QAAAC,IAAUC,EAA2BR,GAAOK,CAAQ,GACpDI,IAAaF,EAAQ,SAAS,IAAIG,EAA8BV,GAAOO,CAAO,IAAIP,GAClFW,IAAcZ,EAAcU,GAAYJ,CAAQ;AACtD,SAAIM,MAAgB,KACTX,IAGJ,CAAC,GAAGS,EAAW,MAAM,GAAGE,IAAc,CAAC,GAAG,GAAGL,GAAU,GAAGG,EAAW,MAAME,IAAc,CAAC,CAAC;AACtG,GAEaC,IAA0C,CACnDC,GACAC,GACAC,MACC;AACD,QAAMC,IAAkC,CAAA;AACxC,aAAWd,KAAQa;AAGf,QAFAC,EAAgB,KAAKd,CAAI,GAErB,EAACY,EAAY,IAAIZ,EAAK,MAAM,EAAE;AAIlC,iBAAWe,KAASC,EAAyBL,GAAcX,EAAK,MAAM,EAAE;AACpE,QAAAc,EAAgB,KAAKC,CAAK;AAI3B,SAAAD;AACX,GAEaG,IAAsB,CAC/BC,GACAP,GACAE,MACC;;AACD,aAAWM,KAAUD,GAAoB;AAC/B,UAAAE,IAAUP,EAAS,KAAK,CAACQ,MAAMA,EAAE,MAAM,OAAOF,CAAM,GACpDG,KAAsBC,IAAAH,KAAA,gBAAAA,EAAS,UAAT,gBAAAG,EAAgB,kBAEtCC,IAAcb,EAAa,KAAK,CAACU,MAAMA,EAAE,MAAM,OAAOF,CAAM,GAC5DM,KAA0BC,IAAAF,KAAA,gBAAAA,EAAa,UAAb,gBAAAE,EAAoB;AASpD,SANK,CAACD,KAA2B,CAACH,MAC9B,CAACK,EAAYH,KAAA,gBAAAA,EAAa,OAAOJ,KAAA,gBAAAA,EAAS,OAAOQ,CAAiB,KAKlE,CAACD,EAAYF,KAAA,gBAAAA,EAAyB,OAAOH,KAAA,gBAAAA,EAAqB,OAAOM,CAAiB;AACnF,aAAA;AAAA,EAEf;AACO,SAAA;AACX,GAEMA,IAAoB,CAACC,GAAmBC,MAAgD;AAC1F,MAAI,OAAOD,KAAa,cAAc,OAAOC,KAAkB;AACpD,WAAA;AAEf;"}