@neo4j-ndl/react 4.12.4 → 4.13.0

package/lib/esm/next/tree-view/TreeView.js

@@ -0,0 +1,454 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+/**
+ *
+ *  Copyright (c) "Neo4j"
+ *  Neo4j Sweden AB [http://neo4j.com]
+ *
+ *  This file is part of Neo4j.
+ *
+ *  Neo4j is free software: you can redistribute it and/or modify
+ *  it under the terms of the GNU General Public License as published by
+ *  the Free Software Foundation, either version 3 of the License, or
+ *  (at your option) any later version.
+ *
+ *  This program is distributed in the hope that it will be useful,
+ *  but WITHOUT ANY WARRANTY; without even the implied warranty of
+ *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ *  GNU General Public License for more details.
+ *
+ *  You should have received a copy of the GNU General Public License
+ *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
+ */
+import { useMergeRefs } from '@floating-ui/react';
+import classNames from 'classnames';
+import { Children, cloneElement, createContext, isValidElement, useCallback, useContext, useId, useRef, useState, } from 'react';
+import { useSemicontrolledState } from '../../_common/use-semi-controlled-state';
+import { Checkbox } from '../../checkbox';
+import { CleanIconButton } from '../../clean-icon-button';
+import { ConditionalWrap } from '../../conditional-wrap';
+import { ChevronRightIconOutline, EllipsisHorizontalIconOutline, } from '../../icons';
+import { Menu } from '../../menu';
+import { Skeleton } from '../../skeleton';
+import { Tooltip } from '../../tooltip';
+const noop = () => undefined;
+const TREE_EVENTS = {
+    action: 'treeitem-action',
+    collapse: 'treeitem-collapse',
+    expand: 'treeitem-expand',
+    select: 'treeitem-select',
+};
+const TreeViewContext = createContext({
+    focusedId: null,
+    level: 1,
+    selectionMode: 'single',
+    setFocusedId: noop,
+});
+function getVisibleTreeItems(root) {
+    return Array.from(root.querySelectorAll('[role="treeitem"]:not([role="group"][hidden] [role="treeitem"])')).filter((el) => {
+        let parent = el.parentElement;
+        while (parent && parent !== root) {
+            if (parent.getAttribute('role') === 'group' && parent.hidden) {
+                return false;
+            }
+            parent = parent.parentElement;
+        }
+        return true;
+    });
+}
+function annotateTreeItems(children) {
+    const items = Children.toArray(children);
+    const treeItemCount = items.filter((child) => isValidElement(child) && child.type === Item).length;
+    let posInSet = 0;
+    return Children.map(children, (child) => {
+        if (isValidElement(child) && child.type === Item) {
+            posInSet++;
+            return cloneElement(child, {
+                'aria-posinset': posInSet,
+                'aria-setsize': treeItemCount,
+            });
+        }
+        return child;
+    });
+}
+/**
+ * Root container for a tree view. Renders a `role="tree"` element with full
+ * keyboard navigation (arrow keys, Home/End, Enter/Space) following the
+ * WAI-ARIA TreeView pattern.
+ *
+ * Direct children should be `TreeView.Item` or `TreeView.SkeletonItem`.
+ *
+ * @example
+ * ```tsx
+ * <TreeView ariaLabel="Files">
+ *   <TreeView.Item title="README.md" onSelectedChange={setSelected} isSelected={selected} />
+ * </TreeView>
+ * ```
+ *
+ * @alpha - this component is still in development and may change in the future. It might not have feature parity with the old tree view yet.
+ */
+const Root = (_a) => {
+    var { children, selectionMode = 'single', ariaLabel, ariaLabelledby, className, style, htmlAttributes, ref } = _a, restProps = __rest(_a, ["children", "selectionMode", "ariaLabel", "ariaLabelledby", "className", "style", "htmlAttributes", "ref"]);
+    const treeRef = useRef(null);
+    const mergedRef = useMergeRefs([treeRef, ref]);
+    const [focusedId, setFocusedId] = useState(null);
+    const handleKeyDown = useCallback((e) => {
+        const root = treeRef.current;
+        if (!root) {
+            return;
+        }
+        const items = getVisibleTreeItems(root);
+        if (items.length === 0) {
+            return;
+        }
+        const currentIndex = items.findIndex((el) => el.id === focusedId);
+        let isHandled = true;
+        switch (e.key) {
+            case 'ArrowDown': {
+                const nextIndex = currentIndex < items.length - 1 ? currentIndex + 1 : currentIndex;
+                const nextItem = items[nextIndex];
+                if (nextItem) {
+                    setFocusedId(nextItem.id);
+                    nextItem.focus();
+                }
+                break;
+            }
+            case 'ArrowUp': {
+                const prevIndex = currentIndex > 0 ? currentIndex - 1 : 0;
+                const prevItem = items[prevIndex];
+                if (prevItem) {
+                    setFocusedId(prevItem.id);
+                    prevItem.focus();
+                }
+                break;
+            }
+            case 'ArrowRight': {
+                const current = currentIndex >= 0 ? items[currentIndex] : null;
+                if (!current) {
+                    break;
+                }
+                const isExpanded = current.getAttribute('aria-expanded');
+                if (isExpanded === 'false') {
+                    current.dispatchEvent(new CustomEvent(TREE_EVENTS.expand));
+                }
+                else if (isExpanded === 'true') {
+                    const nextIndex = currentIndex + 1;
+                    if (nextIndex < items.length) {
+                        const nextItem = items[nextIndex];
+                        setFocusedId(nextItem.id);
+                        nextItem.focus();
+                    }
+                }
+                break;
+            }
+            case 'ArrowLeft': {
+                const current = currentIndex >= 0 ? items[currentIndex] : null;
+                if (!current) {
+                    break;
+                }
+                const isExpanded = current.getAttribute('aria-expanded');
+                if (isExpanded === 'true') {
+                    current.dispatchEvent(new CustomEvent(TREE_EVENTS.collapse));
+                }
+                else {
+                    const parentGroup = current.closest('[role="group"]');
+                    if (parentGroup === null || parentGroup === void 0 ? void 0 : parentGroup.id) {
+                        const parentItem = root.querySelector(`[aria-owns="${parentGroup.id}"]`);
+                        if (parentItem) {
+                            setFocusedId(parentItem.id);
+                            parentItem.focus();
+                        }
+                    }
+                }
+                break;
+            }
+            case 'Home': {
+                const first = items[0];
+                if (first) {
+                    setFocusedId(first.id);
+                    first.focus();
+                }
+                break;
+            }
+            case 'End': {
+                const last = items[items.length - 1];
+                if (last) {
+                    setFocusedId(last.id);
+                    last.focus();
+                }
+                break;
+            }
+            case 'Enter':
+            case ' ': {
+                const current = currentIndex >= 0 ? items[currentIndex] : null;
+                if (current) {
+                    current.dispatchEvent(new CustomEvent(TREE_EVENTS.select));
+                }
+                break;
+            }
+            case 'F10': {
+                if (e.shiftKey) {
+                    const current = currentIndex >= 0 ? items[currentIndex] : null;
+                    if (current) {
+                        current.dispatchEvent(new CustomEvent(TREE_EVENTS.action));
+                    }
+                }
+                else {
+                    isHandled = false;
+                }
+                break;
+            }
+            default:
+                isHandled = false;
+        }
+        if (isHandled) {
+            e.preventDefault();
+            e.stopPropagation();
+        }
+    }, [focusedId]);
+    const handleFocus = useCallback((e) => {
+        const root = treeRef.current;
+        if (!root) {
+            return;
+        }
+        if (e.target === root) {
+            const items = getVisibleTreeItems(root);
+            const alreadyFocused = focusedId
+                ? items.find((el) => el.id === focusedId)
+                : null;
+            const target = alreadyFocused !== null && alreadyFocused !== void 0 ? alreadyFocused : items[0];
+            if (target) {
+                setFocusedId(target.id);
+                target.focus();
+            }
+        }
+    }, [focusedId]);
+    const classes = classNames(className, 'ndl-tree-view-new');
+    return (_jsx(TreeViewContext.Provider, { value: { focusedId, level: 1, selectionMode, setFocusedId }, children: _jsx("div", Object.assign({ ref: mergedRef, role: "tree", "aria-multiselectable": selectionMode === 'multiple' || undefined, tabIndex: 0, className: classes, onKeyDown: handleKeyDown, onFocus: handleFocus, "aria-label": ariaLabel !== null && ariaLabel !== void 0 ? ariaLabel : undefined, "aria-labelledby": ariaLabelledby, style: style }, htmlAttributes, restProps, { children: annotateTreeItems(children) })) }));
+};
+/**
+ * A single item within a `TreeView`. Renders a `role="treeitem"` element that
+ * supports selection, expansion, leading/trailing visuals, and an action menu.
+ *
+ * The `title` prop provides the item's label content. Nesting `TreeView.Item`
+ * elements as `children` creates a hierarchical tree structure.
+ *
+ * Supports both controlled (`isExpanded`) and uncontrolled (`defaultExpanded`)
+ * expansion, as well as lazy loading via `hasChildren` + `isLoading`.
+ *
+ * @example
+ * ```tsx
+ * <TreeView.Item
+ *   title="src"
+ *   leadingVisual={<FolderIcon />}
+ *   isSelected={selected}
+ *   onSelectedChange={setSelected}
+ * >
+ *   <TreeView.Item title="index.ts" />
+ * </TreeView.Item>
+ * ```
+ */
+const Item = (_a) => {
+    var { actionMenuItems, children, defaultExpanded = false, hasChildren: hasChildrenProp, isDisabled, isExpanded: isExpandedProp, isIndeterminate, isLoading, isSelected, leadingVisual, title, tooltipContent, tooltipProps, trailingContent, onExpandedChange, onSelectedChange, actionMenuProps, className, style, htmlAttributes, ref } = _a, restProps = __rest(_a, ["actionMenuItems", "children", "defaultExpanded", "hasChildren", "isDisabled", "isExpanded", "isIndeterminate", "isLoading", "isSelected", "leadingVisual", "title", "tooltipContent", "tooltipProps", "trailingContent", "onExpandedChange", "onSelectedChange", "actionMenuProps", "className", "style", "htmlAttributes", "ref"]);
+    const generatedId = useId();
+    const itemId = `ndl-treeitem-${generatedId}`;
+    const titleId = `ndl-treeitem-title-${generatedId}`;
+    const groupId = `ndl-treegroup-${generatedId}`;
+    const itemRef = useRef(null);
+    const actionButtonRef = useRef(null);
+    const didOpenViaKeyboard = useRef(false);
+    const [isMenuOpen, setIsMenuOpen] = useState(false);
+    const { focusedId, level, selectionMode, setFocusedId } = useContext(TreeViewContext);
+    const isControlledExpansion = isExpandedProp !== undefined;
+    const [isExpanded, setIsExpanded] = useSemicontrolledState({
+        isControlled: isControlledExpansion,
+        onChange: onExpandedChange,
+        state: isExpandedProp !== null && isExpandedProp !== void 0 ? isExpandedProp : defaultExpanded,
+    });
+    const hasChildren = hasChildrenProp !== null && hasChildrenProp !== void 0 ? hasChildrenProp : Children.count(children) > 0;
+    const isSelectable = onSelectedChange !== undefined;
+    const isMultiple = selectionMode === 'multiple';
+    const toggleExpanded = useCallback(() => {
+        if (isDisabled) {
+            return;
+        }
+        if (hasChildren) {
+            setIsExpanded(!isExpanded);
+        }
+    }, [isDisabled, hasChildren, setIsExpanded, isExpanded]);
+    const handleSelect = useCallback(() => {
+        if (isDisabled) {
+            return;
+        }
+        onSelectedChange === null || onSelectedChange === void 0 ? void 0 : onSelectedChange(!isSelected);
+    }, [isDisabled, isSelected, onSelectedChange]);
+    const handleClick = useCallback(() => {
+        if (isDisabled) {
+            return;
+        }
+        setFocusedId(itemId);
+        if (isSelectable) {
+            handleSelect();
+        }
+        else {
+            toggleExpanded();
+        }
+    }, [
+        isDisabled,
+        setFocusedId,
+        itemId,
+        isSelectable,
+        handleSelect,
+        toggleExpanded,
+    ]);
+    const handleChevronClick = useCallback((e) => {
+        e.stopPropagation();
+        if (isDisabled) {
+            return;
+        }
+        setFocusedId(itemId);
+        toggleExpanded();
+    }, [isDisabled, setFocusedId, itemId, toggleExpanded]);
+    const handleMenuClose = useCallback(() => {
+        var _a;
+        setIsMenuOpen(false);
+        if (didOpenViaKeyboard.current) {
+            (_a = itemRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+            didOpenViaKeyboard.current = false;
+        }
+    }, []);
+    const handleCustomEvents = useCallback((e) => {
+        if (e.type === TREE_EVENTS.expand) {
+            e.stopPropagation();
+            if (hasChildren && !isExpanded && !isDisabled) {
+                setIsExpanded(true);
+            }
+        }
+        else if (e.type === TREE_EVENTS.collapse) {
+            e.stopPropagation();
+            if (hasChildren && isExpanded && !isDisabled) {
+                setIsExpanded(false);
+            }
+        }
+        else if (e.type === TREE_EVENTS.select) {
+            e.stopPropagation();
+            if (isSelectable) {
+                handleSelect();
+            }
+            else {
+                toggleExpanded();
+            }
+        }
+        else if (e.type === TREE_EVENTS.action) {
+            e.stopPropagation();
+            if (actionMenuItems && !isDisabled) {
+                didOpenViaKeyboard.current = true;
+                setIsMenuOpen(true);
+            }
+        }
+    }, [
+        actionMenuItems,
+        hasChildren,
+        isExpanded,
+        isDisabled,
+        isSelectable,
+        setIsExpanded,
+        handleSelect,
+        toggleExpanded,
+    ]);
+    const callbackRef = useCallback((node) => {
+        const prev = itemRef.current;
+        if (prev) {
+            prev.removeEventListener(TREE_EVENTS.expand, handleCustomEvents);
+            prev.removeEventListener(TREE_EVENTS.collapse, handleCustomEvents);
+            prev.removeEventListener(TREE_EVENTS.select, handleCustomEvents);
+            prev.removeEventListener(TREE_EVENTS.action, handleCustomEvents);
+        }
+        itemRef.current = node;
+        if (node) {
+            node.addEventListener(TREE_EVENTS.expand, handleCustomEvents);
+            node.addEventListener(TREE_EVENTS.collapse, handleCustomEvents);
+            node.addEventListener(TREE_EVENTS.select, handleCustomEvents);
+            node.addEventListener(TREE_EVENTS.action, handleCustomEvents);
+        }
+    }, [handleCustomEvents]);
+    const mergedRef = useMergeRefs([callbackRef, ref]);
+    const isFocused = focusedId === itemId;
+    const selectionAriaProps = (() => {
+        if (!isSelectable) {
+            return {};
+        }
+        if (isMultiple) {
+            return {
+                'aria-checked': isIndeterminate
+                    ? 'mixed'
+                    : (isSelected !== null && isSelected !== void 0 ? isSelected : false),
+            };
+        }
+        return { 'aria-selected': isSelected !== null && isSelected !== void 0 ? isSelected : false };
+    })();
+    const itemElement = (
+    // eslint-disable-next-line jsx-a11y/click-events-have-key-events -- keyboard handled on tree root; aria-selected/aria-checked applied via spread
+    _jsx("div", Object.assign({ ref: mergedRef, id: itemId, 
+        // eslint-disable-next-line jsx-a11y/role-has-required-aria-props -- aria-selected/aria-checked applied conditionally via spread
+        role: "treeitem" }, selectionAriaProps, { "aria-expanded": hasChildren ? isExpanded : undefined, "aria-owns": hasChildren ? groupId : undefined, "aria-disabled": isDisabled || undefined, "aria-busy": isLoading || undefined, "aria-keyshortcuts": actionMenuItems ? 'Shift+F10' : undefined, "aria-labelledby": titleId, "aria-level": level, tabIndex: isFocused ? 0 : -1, className: classNames('ndl-tree-view-new-item', className, {
+            'ndl-tree-view-new-item--disabled': isDisabled,
+            'ndl-tree-view-new-item--parent': hasChildren,
+            'ndl-tree-view-new-item--selected': isSelected && isSelectable,
+        }), style: Object.assign({ '--tree-level': level - 1 }, style), onClick: (e) => {
+            e.stopPropagation();
+            handleClick();
+        } }, htmlAttributes, restProps, { children: _jsxs("div", { className: classNames('ndl-tree-view-new-item-content', {
+                'ndl-tree-view-new-item-content--parent': hasChildren,
+            }), children: [hasChildren && (
+                // eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions -- keyboard handled on tree root
+                _jsx("span", { className: "ndl-tree-view-new-chevron", "aria-disabled": isDisabled, onClick: handleChevronClick, children: _jsx(ChevronRightIconOutline, { className: classNames('ndl-tree-view-new-chevron-icon', {
+                            'ndl-tree-view-new-chevron-icon--open': isExpanded,
+                        }) }) })), leadingVisual && (_jsx("div", { className: "ndl-tree-view-new-item-content-leading-visual", children: leadingVisual })), isMultiple && isSelectable && (_jsx("div", { className: "ndl-tree-view-new-checkbox", inert: true, children: _jsx(Checkbox, { style: { borderWidth: '1.5px' }, ariaLabel: "Select", isChecked: isSelected, isIndeterminate: isIndeterminate, isDisabled: isDisabled, onChange: noop }) })), _jsx("div", { id: titleId, className: "ndl-tree-view-new-item-content-title", children: title }), trailingContent && (_jsx("div", { className: "ndl-tree-view-new-item-content-trailing-content", children: trailingContent })), actionMenuItems && (_jsxs("div", { className: classNames('ndl-tree-view-new-action', {
+                        'ndl-tree-view-new-action--visible': isMenuOpen,
+                    }), children: [_jsx(CleanIconButton, { ref: actionButtonRef, size: "small", description: null, isDisabled: isDisabled, style: { height: '24px', width: '24px' }, htmlAttributes: {
+                                'aria-expanded': isMenuOpen || undefined,
+                                'aria-haspopup': 'menu',
+                                'aria-label': 'Actions',
+                                onClick: (e) => {
+                                    e.stopPropagation();
+                                    didOpenViaKeyboard.current = false;
+                                    setIsMenuOpen((prev) => !prev);
+                                },
+                                tabIndex: -1,
+                            }, children: _jsx(EllipsisHorizontalIconOutline, {}) }), _jsx(Menu, Object.assign({ isOpen: isMenuOpen, anchorRef: actionButtonRef, onClose: handleMenuClose }, actionMenuProps, { children: actionMenuItems }))] }))] }) })));
+    return (_jsxs(_Fragment, { children: [_jsx(ConditionalWrap, { shouldWrap: tooltipContent !== undefined && tooltipContent !== null, wrap: (children) => (_jsxs(Tooltip, Object.assign({ type: "simple", hoverDelay: { close: 0, open: 500 }, isDisabled: isMenuOpen, followCursor: true }, tooltipProps === null || tooltipProps === void 0 ? void 0 : tooltipProps.root, { children: [_jsx(Tooltip.Trigger, Object.assign({ hasButtonWrapper: true }, tooltipProps === null || tooltipProps === void 0 ? void 0 : tooltipProps.trigger, { children: children })), _jsx(Tooltip.Content, Object.assign({}, tooltipProps === null || tooltipProps === void 0 ? void 0 : tooltipProps.content, { children: tooltipContent }))] }))), children: itemElement }), hasChildren && (_jsx(TreeViewContext.Provider, { value: { focusedId, level: level + 1, selectionMode, setFocusedId }, children: _jsx("div", { role: "group", id: groupId, hidden: !isExpanded, style: { '--tree-level': level - 1 }, children: annotateTreeItems(children) }) }))] }));
+};
+/**
+ * A skeleton placeholder for tree items that are being loaded. Renders one or
+ * more `Skeleton` rows at the current nesting depth. The element is
+ * `aria-hidden` since it is purely a visual indicator and not interactive.
+ *
+ * Typically used inside a `TreeView.Item` that has `isLoading` set, to give
+ * the user a visual hint that child items are being fetched.
+ *
+ * @example
+ * ```tsx
+ * <TreeView.Item title="Lazy folder" hasChildren isLoading={isLoading} isExpanded>
+ *   {isLoading && <TreeView.SkeletonItem rows={3} />}
+ * </TreeView.Item>
+ * ```
+ */
+const SkeletonItem = (_a) => {
+    var { rows = 1, className, style, htmlAttributes, ref } = _a, restProps = __rest(_a, ["rows", "className", "style", "htmlAttributes", "ref"]);
+    const { level } = useContext(TreeViewContext);
+    return (_jsx("div", Object.assign({ ref: ref, "aria-hidden": "true", className: classNames('ndl-tree-view-new-skeleton', className), style: Object.assign({ '--tree-level': level - 1 }, style) }, htmlAttributes, restProps, { children: Array.from({ length: rows }, (_, i) => (_jsx(Skeleton, { height: "18px", width: "100%" }, i))) })));
+};
+const TreeView = Object.assign(Root, { Item, SkeletonItem });
+export { TreeView };
+//# sourceMappingURL=TreeView.js.map

package/lib/esm/next/tree-view/TreeView.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TreeView.js","sourceRoot":"","sources":["../../../../src/next/tree-view/TreeView.tsx"],"names":[],"mappings":"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","sourcesContent":["/**\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\n\nimport { useMergeRefs } from '@floating-ui/react';\nimport classNames from 'classnames';\nimport {\n  Children,\n  cloneElement,\n  createContext,\n  isValidElement,\n  useCallback,\n  useContext,\n  useId,\n  useRef,\n  useState,\n} from 'react';\n\nimport { type CommonProps, type TooltipObjectProps } from '../../_common/types';\nimport { useSemicontrolledState } from '../../_common/use-semi-controlled-state';\nimport { Checkbox } from '../../checkbox';\nimport { CleanIconButton } from '../../clean-icon-button';\nimport { ConditionalWrap } from '../../conditional-wrap';\nimport {\n  ChevronRightIconOutline,\n  EllipsisHorizontalIconOutline,\n} from '../../icons';\nimport { Menu } from '../../menu';\nimport { Skeleton } from '../../skeleton';\nimport { Tooltip } from '../../tooltip';\n\ntype SelectionMode = 'single' | 'multiple';\n\ntype TreeViewContextValue = {\n  focusedId: string | null;\n  level: number;\n  selectionMode: SelectionMode;\n  setFocusedId: (id: string | null) => void;\n};\n\nconst noop = () => undefined;\n\nconst TREE_EVENTS = {\n  action: 'treeitem-action',\n  collapse: 'treeitem-collapse',\n  expand: 'treeitem-expand',\n  select: 'treeitem-select',\n} as const;\n\nconst TreeViewContext = createContext<TreeViewContextValue>({\n  focusedId: null,\n  level: 1,\n  selectionMode: 'single',\n  setFocusedId: noop,\n});\n\nfunction getVisibleTreeItems(root: HTMLElement): HTMLElement[] {\n  return Array.from(\n    root.querySelectorAll<HTMLElement>(\n      '[role=\"treeitem\"]:not([role=\"group\"][hidden] [role=\"treeitem\"])',\n    ),\n  ).filter((el) => {\n    let parent = el.parentElement;\n    while (parent && parent !== root) {\n      if (parent.getAttribute('role') === 'group' && parent.hidden) {\n        return false;\n      }\n      parent = parent.parentElement;\n    }\n    return true;\n  });\n}\n\nfunction annotateTreeItems(children: React.ReactNode): React.ReactNode {\n  const items = Children.toArray(children);\n  const treeItemCount = items.filter(\n    (child): child is React.ReactElement =>\n      isValidElement(child) && child.type === Item,\n  ).length;\n\n  let posInSet = 0;\n  return Children.map(children, (child) => {\n    if (isValidElement(child) && child.type === Item) {\n      posInSet++;\n      return cloneElement(\n        child as React.ReactElement<React.HTMLAttributes<HTMLElement>>,\n        {\n          'aria-posinset': posInSet,\n          'aria-setsize': treeItemCount,\n        },\n      );\n    }\n    return child;\n  });\n}\n\ntype RootProps = {\n  /** The aria-label for the tree. Required for accessibility, unless using ariaLabelledby. Pass null to omit. */\n  ariaLabel: string | null;\n  /** The aria-labelledby for the tree. Pass a string of space-separated IDs of elements that label the tree. */\n  ariaLabelledby?: string;\n  /** The children of the tree. Should be TreeView.Item components or TreeView.SkeletonItem components only. */\n  children?: React.ReactNode;\n  /** Selection mode for the tree. Defaults to \"single\". */\n  selectionMode?: SelectionMode;\n};\n\n/**\n * Root container for a tree view. Renders a `role=\"tree\"` element with full\n * keyboard navigation (arrow keys, Home/End, Enter/Space) following the\n * WAI-ARIA TreeView pattern.\n *\n * Direct children should be `TreeView.Item` or `TreeView.SkeletonItem`.\n *\n * @example\n * ```tsx\n * <TreeView ariaLabel=\"Files\">\n *   <TreeView.Item title=\"README.md\" onSelectedChange={setSelected} isSelected={selected} />\n * </TreeView>\n * ```\n *\n * @alpha - this component is still in development and may change in the future. It might not have feature parity with the old tree view yet.\n */\nconst Root = ({\n  children,\n  selectionMode = 'single',\n  ariaLabel,\n  ariaLabelledby,\n  className,\n  style,\n  htmlAttributes,\n  ref,\n  ...restProps\n}: CommonProps<'div', RootProps>) => {\n  const treeRef = useRef<HTMLDivElement>(null);\n  const mergedRef = useMergeRefs([treeRef, ref]);\n  const [focusedId, setFocusedId] = useState<string | null>(null);\n\n  const handleKeyDown = useCallback(\n    (e: React.KeyboardEvent<HTMLDivElement>) => {\n      const root = treeRef.current;\n      if (!root) {\n        return;\n      }\n\n      const items = getVisibleTreeItems(root);\n      if (items.length === 0) {\n        return;\n      }\n\n      const currentIndex = items.findIndex((el) => el.id === focusedId);\n      let isHandled = true;\n\n      switch (e.key) {\n        case 'ArrowDown': {\n          const nextIndex =\n            currentIndex < items.length - 1 ? currentIndex + 1 : currentIndex;\n          const nextItem = items[nextIndex];\n          if (nextItem) {\n            setFocusedId(nextItem.id);\n            nextItem.focus();\n          }\n          break;\n        }\n        case 'ArrowUp': {\n          const prevIndex = currentIndex > 0 ? currentIndex - 1 : 0;\n          const prevItem = items[prevIndex];\n          if (prevItem) {\n            setFocusedId(prevItem.id);\n            prevItem.focus();\n          }\n          break;\n        }\n        case 'ArrowRight': {\n          const current = currentIndex >= 0 ? items[currentIndex] : null;\n          if (!current) {\n            break;\n          }\n          const isExpanded = current.getAttribute('aria-expanded');\n          if (isExpanded === 'false') {\n            current.dispatchEvent(new CustomEvent(TREE_EVENTS.expand));\n          } else if (isExpanded === 'true') {\n            const nextIndex = currentIndex + 1;\n            if (nextIndex < items.length) {\n              const nextItem = items[nextIndex];\n              setFocusedId(nextItem.id);\n              nextItem.focus();\n            }\n          }\n          break;\n        }\n        case 'ArrowLeft': {\n          const current = currentIndex >= 0 ? items[currentIndex] : null;\n          if (!current) {\n            break;\n          }\n          const isExpanded = current.getAttribute('aria-expanded');\n          if (isExpanded === 'true') {\n            current.dispatchEvent(new CustomEvent(TREE_EVENTS.collapse));\n          } else {\n            const parentGroup = current.closest('[role=\"group\"]');\n            if (parentGroup?.id) {\n              const parentItem = root.querySelector<HTMLElement>(\n                `[aria-owns=\"${parentGroup.id}\"]`,\n              );\n              if (parentItem) {\n                setFocusedId(parentItem.id);\n                parentItem.focus();\n              }\n            }\n          }\n          break;\n        }\n        case 'Home': {\n          const first = items[0];\n          if (first) {\n            setFocusedId(first.id);\n            first.focus();\n          }\n          break;\n        }\n        case 'End': {\n          const last = items[items.length - 1];\n          if (last) {\n            setFocusedId(last.id);\n            last.focus();\n          }\n          break;\n        }\n        case 'Enter':\n        case ' ': {\n          const current = currentIndex >= 0 ? items[currentIndex] : null;\n          if (current) {\n            current.dispatchEvent(new CustomEvent(TREE_EVENTS.select));\n          }\n          break;\n        }\n        case 'F10': {\n          if (e.shiftKey) {\n            const current = currentIndex >= 0 ? items[currentIndex] : null;\n            if (current) {\n              current.dispatchEvent(new CustomEvent(TREE_EVENTS.action));\n            }\n          } else {\n            isHandled = false;\n          }\n          break;\n        }\n        default:\n          isHandled = false;\n      }\n\n      if (isHandled) {\n        e.preventDefault();\n        e.stopPropagation();\n      }\n    },\n    [focusedId],\n  );\n\n  const handleFocus = useCallback(\n    (e: React.FocusEvent<HTMLDivElement>) => {\n      const root = treeRef.current;\n      if (!root) {\n        return;\n      }\n\n      if (e.target === root) {\n        const items = getVisibleTreeItems(root);\n        const alreadyFocused = focusedId\n          ? items.find((el) => el.id === focusedId)\n          : null;\n        const target = alreadyFocused ?? items[0];\n        if (target) {\n          setFocusedId(target.id);\n          target.focus();\n        }\n      }\n    },\n    [focusedId],\n  );\n\n  const classes = classNames(className, 'ndl-tree-view-new');\n\n  return (\n    <TreeViewContext.Provider\n      value={{ focusedId, level: 1, selectionMode, setFocusedId }}\n    >\n      <div\n        ref={mergedRef}\n        role=\"tree\"\n        aria-multiselectable={selectionMode === 'multiple' || undefined}\n        tabIndex={0}\n        className={classes}\n        onKeyDown={handleKeyDown}\n        onFocus={handleFocus}\n        aria-label={ariaLabel ?? undefined}\n        aria-labelledby={ariaLabelledby}\n        style={style}\n        {...htmlAttributes}\n        {...restProps}\n      >\n        {annotateTreeItems(children)}\n      </div>\n    </TreeViewContext.Provider>\n  );\n};\n\ntype ItemProps = {\n  /** Nested TreeView.Item or TreeView.SkeletonItem elements rendered as sub-items in a collapsible group. */\n  children?: React.ReactNode;\n  /** The label content displayed in the item row. */\n  title?: React.ReactNode;\n  /** Default expansion for uncontrolled items */\n  defaultExpanded?: boolean;\n  /** Whether the item has children. Decides if the item should render a chevron for expansion. Needed for lazy loading. */\n  hasChildren?: boolean;\n  /** Whether the item is disabled */\n  isDisabled?: boolean;\n  /** Whether the item is expanded. Makes the item controlled. */\n  isExpanded?: boolean;\n  /** Whether the item is in an indeterminate state. Only meaningful in multi-select mode for parent nodes. */\n  isIndeterminate?: boolean;\n  /** Whether the item is loading. Applies aria-busy=\"true\" to the item. */\n  isLoading?: boolean;\n  /** Whether the item is selected */\n  isSelected?: boolean;\n  /** Leading visual for the item. */\n  leadingVisual?: React.ReactNode;\n  /** Trailing content for the item. Shown after the children but before the action menu. */\n  trailingContent?: React.ReactNode;\n  /** ReactNode containing Menu.Item elements to render in an action menu. When provided, an action button is rendered. */\n  actionMenuItems?: React.ReactNode;\n  /** Props forwarded to the Menu sub-components (anchorRef, onClose). */\n  actionMenuProps?: React.ComponentProps<typeof Menu>;\n  /** Content rendered inside the tooltip. When provided, the item is wrapped in a Tooltip. */\n  tooltipContent?: React.ReactNode;\n  /** Props forwarded to the Tooltip sub-components (root, trigger, content). */\n  tooltipProps?: TooltipObjectProps;\n  /** Callback called when the item is expanded/collapsed. */\n  onExpandedChange?: (isExpanded: boolean) => void;\n  /** Callback called when the item is selected/deselected. */\n  onSelectedChange?: (isSelected: boolean) => void;\n};\n\n/**\n * A single item within a `TreeView`. Renders a `role=\"treeitem\"` element that\n * supports selection, expansion, leading/trailing visuals, and an action menu.\n *\n * The `title` prop provides the item's label content. Nesting `TreeView.Item`\n * elements as `children` creates a hierarchical tree structure.\n *\n * Supports both controlled (`isExpanded`) and uncontrolled (`defaultExpanded`)\n * expansion, as well as lazy loading via `hasChildren` + `isLoading`.\n *\n * @example\n * ```tsx\n * <TreeView.Item\n *   title=\"src\"\n *   leadingVisual={<FolderIcon />}\n *   isSelected={selected}\n *   onSelectedChange={setSelected}\n * >\n *   <TreeView.Item title=\"index.ts\" />\n * </TreeView.Item>\n * ```\n */\nconst Item = ({\n  actionMenuItems,\n  children,\n  defaultExpanded = false,\n  hasChildren: hasChildrenProp,\n  isDisabled,\n  isExpanded: isExpandedProp,\n  isIndeterminate,\n  isLoading,\n  isSelected,\n  leadingVisual,\n  title,\n  tooltipContent,\n  tooltipProps,\n  trailingContent,\n  onExpandedChange,\n  onSelectedChange,\n  actionMenuProps,\n  className,\n  style,\n  htmlAttributes,\n  ref,\n  ...restProps\n}: CommonProps<'div', ItemProps>) => {\n  const generatedId = useId();\n  const itemId = `ndl-treeitem-${generatedId}`;\n  const titleId = `ndl-treeitem-title-${generatedId}`;\n  const groupId = `ndl-treegroup-${generatedId}`;\n  const itemRef = useRef<HTMLDivElement>(null);\n  const actionButtonRef = useRef<HTMLButtonElement>(null);\n  const didOpenViaKeyboard = useRef(false);\n  const [isMenuOpen, setIsMenuOpen] = useState(false);\n  const { focusedId, level, selectionMode, setFocusedId } =\n    useContext(TreeViewContext);\n\n  const isControlledExpansion = isExpandedProp !== undefined;\n  const [isExpanded, setIsExpanded] = useSemicontrolledState({\n    isControlled: isControlledExpansion,\n    onChange: onExpandedChange,\n    state: isExpandedProp ?? defaultExpanded,\n  });\n\n  const hasChildren = hasChildrenProp ?? Children.count(children) > 0;\n  const isSelectable = onSelectedChange !== undefined;\n  const isMultiple = selectionMode === 'multiple';\n\n  const toggleExpanded = useCallback(() => {\n    if (isDisabled) {\n      return;\n    }\n    if (hasChildren) {\n      setIsExpanded(!isExpanded);\n    }\n  }, [isDisabled, hasChildren, setIsExpanded, isExpanded]);\n\n  const handleSelect = useCallback(() => {\n    if (isDisabled) {\n      return;\n    }\n    onSelectedChange?.(!isSelected);\n  }, [isDisabled, isSelected, onSelectedChange]);\n\n  const handleClick = useCallback(() => {\n    if (isDisabled) {\n      return;\n    }\n    setFocusedId(itemId);\n    if (isSelectable) {\n      handleSelect();\n    } else {\n      toggleExpanded();\n    }\n  }, [\n    isDisabled,\n    setFocusedId,\n    itemId,\n    isSelectable,\n    handleSelect,\n    toggleExpanded,\n  ]);\n\n  const handleChevronClick = useCallback(\n    (e: React.MouseEvent) => {\n      e.stopPropagation();\n      if (isDisabled) {\n        return;\n      }\n      setFocusedId(itemId);\n      toggleExpanded();\n    },\n    [isDisabled, setFocusedId, itemId, toggleExpanded],\n  );\n\n  const handleMenuClose = useCallback(() => {\n    setIsMenuOpen(false);\n    if (didOpenViaKeyboard.current) {\n      itemRef.current?.focus();\n      didOpenViaKeyboard.current = false;\n    }\n  }, []);\n\n  const handleCustomEvents = useCallback(\n    (e: Event) => {\n      if (e.type === TREE_EVENTS.expand) {\n        e.stopPropagation();\n        if (hasChildren && !isExpanded && !isDisabled) {\n          setIsExpanded(true);\n        }\n      } else if (e.type === TREE_EVENTS.collapse) {\n        e.stopPropagation();\n        if (hasChildren && isExpanded && !isDisabled) {\n          setIsExpanded(false);\n        }\n      } else if (e.type === TREE_EVENTS.select) {\n        e.stopPropagation();\n        if (isSelectable) {\n          handleSelect();\n        } else {\n          toggleExpanded();\n        }\n      } else if (e.type === TREE_EVENTS.action) {\n        e.stopPropagation();\n        if (actionMenuItems && !isDisabled) {\n          didOpenViaKeyboard.current = true;\n          setIsMenuOpen(true);\n        }\n      }\n    },\n    [\n      actionMenuItems,\n      hasChildren,\n      isExpanded,\n      isDisabled,\n      isSelectable,\n      setIsExpanded,\n      handleSelect,\n      toggleExpanded,\n    ],\n  );\n\n  const callbackRef = useCallback(\n    (node: HTMLDivElement | null) => {\n      const prev = itemRef.current;\n      if (prev) {\n        prev.removeEventListener(TREE_EVENTS.expand, handleCustomEvents);\n        prev.removeEventListener(TREE_EVENTS.collapse, handleCustomEvents);\n        prev.removeEventListener(TREE_EVENTS.select, handleCustomEvents);\n        prev.removeEventListener(TREE_EVENTS.action, handleCustomEvents);\n      }\n      (itemRef as React.MutableRefObject<HTMLDivElement | null>).current = node;\n      if (node) {\n        node.addEventListener(TREE_EVENTS.expand, handleCustomEvents);\n        node.addEventListener(TREE_EVENTS.collapse, handleCustomEvents);\n        node.addEventListener(TREE_EVENTS.select, handleCustomEvents);\n        node.addEventListener(TREE_EVENTS.action, handleCustomEvents);\n      }\n    },\n    [handleCustomEvents],\n  );\n\n  const mergedRef = useMergeRefs([callbackRef, ref]);\n\n  const isFocused = focusedId === itemId;\n\n  const selectionAriaProps = (() => {\n    if (!isSelectable) {\n      return {};\n    }\n    if (isMultiple) {\n      return {\n        'aria-checked': isIndeterminate\n          ? ('mixed' as const)\n          : (isSelected ?? false),\n      };\n    }\n    return { 'aria-selected': isSelected ?? false };\n  })();\n\n  const itemElement = (\n    // eslint-disable-next-line jsx-a11y/click-events-have-key-events -- keyboard handled on tree root; aria-selected/aria-checked applied via spread\n    <div\n      ref={mergedRef}\n      id={itemId}\n      // eslint-disable-next-line jsx-a11y/role-has-required-aria-props -- aria-selected/aria-checked applied conditionally via spread\n      role=\"treeitem\"\n      {...selectionAriaProps}\n      aria-expanded={hasChildren ? isExpanded : undefined}\n      aria-owns={hasChildren ? groupId : undefined}\n      aria-disabled={isDisabled || undefined}\n      aria-busy={isLoading || undefined}\n      aria-keyshortcuts={actionMenuItems ? 'Shift+F10' : undefined}\n      aria-labelledby={titleId}\n      aria-level={level}\n      tabIndex={isFocused ? 0 : -1}\n      className={classNames('ndl-tree-view-new-item', className, {\n        'ndl-tree-view-new-item--disabled': isDisabled,\n        'ndl-tree-view-new-item--parent': hasChildren,\n        'ndl-tree-view-new-item--selected': isSelected && isSelectable,\n      })}\n      style={{ '--tree-level': level - 1, ...style } as React.CSSProperties}\n      onClick={(e) => {\n        e.stopPropagation();\n        handleClick();\n      }}\n      {...htmlAttributes}\n      {...restProps}\n    >\n      <div\n        className={classNames('ndl-tree-view-new-item-content', {\n          'ndl-tree-view-new-item-content--parent': hasChildren,\n        })}\n      >\n        {hasChildren && (\n          // eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions -- keyboard handled on tree root\n          <span\n            className=\"ndl-tree-view-new-chevron\"\n            aria-disabled={isDisabled}\n            onClick={handleChevronClick}\n          >\n            <ChevronRightIconOutline\n              className={classNames('ndl-tree-view-new-chevron-icon', {\n                'ndl-tree-view-new-chevron-icon--open': isExpanded,\n              })}\n            />\n          </span>\n        )}\n        {leadingVisual && (\n          <div className=\"ndl-tree-view-new-item-content-leading-visual\">\n            {leadingVisual}\n          </div>\n        )}\n        {isMultiple && isSelectable && (\n          <div className=\"ndl-tree-view-new-checkbox\" inert>\n            <Checkbox\n              style={{ borderWidth: '1.5px' }}\n              ariaLabel=\"Select\"\n              isChecked={isSelected}\n              isIndeterminate={isIndeterminate}\n              isDisabled={isDisabled}\n              onChange={noop}\n            />\n          </div>\n        )}\n        <div id={titleId} className=\"ndl-tree-view-new-item-content-title\">\n          {title}\n        </div>\n        {trailingContent && (\n          <div className=\"ndl-tree-view-new-item-content-trailing-content\">\n            {trailingContent}\n          </div>\n        )}\n        {actionMenuItems && (\n          <div\n            className={classNames('ndl-tree-view-new-action', {\n              'ndl-tree-view-new-action--visible': isMenuOpen,\n            })}\n          >\n            <CleanIconButton\n              ref={actionButtonRef}\n              size=\"small\"\n              description={null}\n              isDisabled={isDisabled}\n              style={{ height: '24px', width: '24px' }}\n              htmlAttributes={{\n                'aria-expanded': isMenuOpen || undefined,\n                'aria-haspopup': 'menu',\n                'aria-label': 'Actions',\n                onClick: (e: React.MouseEvent) => {\n                  e.stopPropagation();\n                  didOpenViaKeyboard.current = false;\n                  setIsMenuOpen((prev) => !prev);\n                },\n                tabIndex: -1,\n              }}\n            >\n              <EllipsisHorizontalIconOutline />\n            </CleanIconButton>\n            <Menu\n              isOpen={isMenuOpen}\n              anchorRef={actionButtonRef}\n              onClose={handleMenuClose}\n              {...actionMenuProps}\n            >\n              {actionMenuItems}\n            </Menu>\n          </div>\n        )}\n      </div>\n    </div>\n  );\n\n  return (\n    <>\n      <ConditionalWrap\n        shouldWrap={tooltipContent !== undefined && tooltipContent !== null}\n        wrap={(children) => (\n          <Tooltip\n            type=\"simple\"\n            hoverDelay={{ close: 0, open: 500 }}\n            isDisabled={isMenuOpen}\n            followCursor={true}\n            {...tooltipProps?.root}\n          >\n            <Tooltip.Trigger hasButtonWrapper {...tooltipProps?.trigger}>\n              {children}\n            </Tooltip.Trigger>\n            <Tooltip.Content {...tooltipProps?.content}>\n              {tooltipContent}\n            </Tooltip.Content>\n          </Tooltip>\n        )}\n      >\n        {itemElement}\n      </ConditionalWrap>\n      {hasChildren && (\n        <TreeViewContext.Provider\n          value={{ focusedId, level: level + 1, selectionMode, setFocusedId }}\n        >\n          <div\n            role=\"group\"\n            id={groupId}\n            hidden={!isExpanded}\n            style={{ '--tree-level': level - 1 } as React.CSSProperties}\n          >\n            {annotateTreeItems(children)}\n          </div>\n        </TreeViewContext.Provider>\n      )}\n    </>\n  );\n};\n\ntype SkeletonItemProps = {\n  /** The number of rows to render. */\n  rows?: number;\n};\n\n/**\n * A skeleton placeholder for tree items that are being loaded. Renders one or\n * more `Skeleton` rows at the current nesting depth. The element is\n * `aria-hidden` since it is purely a visual indicator and not interactive.\n *\n * Typically used inside a `TreeView.Item` that has `isLoading` set, to give\n * the user a visual hint that child items are being fetched.\n *\n * @example\n * ```tsx\n * <TreeView.Item title=\"Lazy folder\" hasChildren isLoading={isLoading} isExpanded>\n *   {isLoading && <TreeView.SkeletonItem rows={3} />}\n * </TreeView.Item>\n * ```\n */\nconst SkeletonItem = ({\n  rows = 1,\n  className,\n  style,\n  htmlAttributes,\n  ref,\n  ...restProps\n}: CommonProps<'div', SkeletonItemProps>) => {\n  const { level } = useContext(TreeViewContext);\n  return (\n    <div\n      ref={ref}\n      aria-hidden=\"true\"\n      className={classNames('ndl-tree-view-new-skeleton', className)}\n      style={{ '--tree-level': level - 1, ...style } as React.CSSProperties}\n      {...htmlAttributes}\n      {...restProps}\n    >\n      {Array.from({ length: rows }, (_, i) => (\n        <Skeleton key={i} height=\"18px\" width=\"100%\" />\n      ))}\n    </div>\n  );\n};\n\nconst TreeView = Object.assign(Root, { Item, SkeletonItem });\nexport { TreeView };\n"]}

package/lib/esm/next/tree-view/index.js

@@ -0,0 +1,22 @@
+/**
+ *
+ *  Copyright (c) "Neo4j"
+ *  Neo4j Sweden AB [http://neo4j.com]
+ *
+ *  This file is part of Neo4j.
+ *
+ *  Neo4j is free software: you can redistribute it and/or modify
+ *  it under the terms of the GNU General Public License as published by
+ *  the Free Software Foundation, either version 3 of the License, or
+ *  (at your option) any later version.
+ *
+ *  This program is distributed in the hope that it will be useful,
+ *  but WITHOUT ANY WARRANTY; without even the implied warranty of
+ *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ *  GNU General Public License for more details.
+ *
+ *  You should have received a copy of the GNU General Public License
+ *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
+ */
+export { TreeView } from './TreeView';
+//# sourceMappingURL=index.js.map

package/lib/esm/next/tree-view/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/next/tree-view/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC","sourcesContent":["/**\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\n\nexport { TreeView } from './TreeView';\n"]}

package/lib/esm/next/tree-view/stories/index.js

@@ -0,0 +1,46 @@
+/**
+ *
+ *  Copyright (c) "Neo4j"
+ *  Neo4j Sweden AB [http://neo4j.com]
+ *
+ *  This file is part of Neo4j.
+ *
+ *  Neo4j is free software: you can redistribute it and/or modify
+ *  it under the terms of the GNU General Public License as published by
+ *  the Free Software Foundation, either version 3 of the License, or
+ *  (at your option) any later version.
+ *
+ *  This program is distributed in the hope that it will be useful,
+ *  but WITHOUT ANY WARRANTY; without even the implied warranty of
+ *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ *  GNU General Public License for more details.
+ *
+ *  You should have received a copy of the GNU General Public License
+ *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
+ */
+export { default as TreeViewLazyLoading } from './tree-view-lazy.story';
+export { default as TreeViewMultiSelect } from './tree-view-multi.story';
+export { default as TreeViewNonSelectableFolders } from './tree-view-non-selectable-folders.story';
+export { default as TreeViewSingleSelect } from './tree-view-single.story';
+export { default as TreeViewWithActions } from './tree-view-actions.story';
+export { default as TreeViewUncontrolledExpansion } from './tree-view-uncontrolled.story';
+export { default as TreeViewWithTrailingContent } from './tree-view-trailing.story';
+export { default as TreeViewWithTooltip } from './tree-view-tooltip.story';
+import { removeLicenseHeader } from '../../../_common/export-stories-utils';
+import TreeViewActionsSrcRaw from './tree-view-actions.story?raw';
+import TreeViewLazyLoadingSrcRaw from './tree-view-lazy.story?raw';
+import TreeViewMultiSelectSrcRaw from './tree-view-multi.story?raw';
+import TreeViewNonSelectableFoldersSrcRaw from './tree-view-non-selectable-folders.story?raw';
+import TreeViewSingleSelectSrcRaw from './tree-view-single.story?raw';
+import TreeViewTooltipSrcRaw from './tree-view-tooltip.story?raw';
+import TreeViewTrailingContentSrcRaw from './tree-view-trailing.story?raw';
+import TreeViewUncontrolledExpansionSrcRaw from './tree-view-uncontrolled.story?raw';
+export const TreeViewActionsSrc = removeLicenseHeader(TreeViewActionsSrcRaw);
+export const TreeViewLazyLoadingSrc = removeLicenseHeader(TreeViewLazyLoadingSrcRaw);
+export const TreeViewMultiSelectSrc = removeLicenseHeader(TreeViewMultiSelectSrcRaw);
+export const TreeViewNonSelectableFoldersSrc = removeLicenseHeader(TreeViewNonSelectableFoldersSrcRaw);
+export const TreeViewSingleSelectSrc = removeLicenseHeader(TreeViewSingleSelectSrcRaw);
+export const TreeViewTrailingContentSrc = removeLicenseHeader(TreeViewTrailingContentSrcRaw);
+export const TreeViewTooltipSrc = removeLicenseHeader(TreeViewTooltipSrcRaw);
+export const TreeViewUncontrolledExpansionSrc = removeLicenseHeader(TreeViewUncontrolledExpansionSrcRaw);
+//# sourceMappingURL=index.js.map

package/lib/esm/next/tree-view/stories/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/next/tree-view/stories/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AACxE,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AACzE,OAAO,EAAE,OAAO,IAAI,4BAA4B,EAAE,MAAM,0CAA0C,CAAC;AACnG,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,0BAA0B,CAAC;AAC3E,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,2BAA2B,CAAC;AAC3E,OAAO,EAAE,OAAO,IAAI,6BAA6B,EAAE,MAAM,gCAAgC,CAAC;AAC1F,OAAO,EAAE,OAAO,IAAI,2BAA2B,EAAE,MAAM,4BAA4B,CAAC;AACpF,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,2BAA2B,CAAC;AAE3E,OAAO,EAAE,mBAAmB,EAAE,MAAM,uCAAuC,CAAC;AAC5E,OAAO,qBAAqB,MAAM,+BAA+B,CAAC;AAClE,OAAO,yBAAyB,MAAM,4BAA4B,CAAC;AACnE,OAAO,yBAAyB,MAAM,6BAA6B,CAAC;AACpE,OAAO,kCAAkC,MAAM,8CAA8C,CAAC;AAC9F,OAAO,0BAA0B,MAAM,8BAA8B,CAAC;AACtE,OAAO,qBAAqB,MAAM,+BAA+B,CAAC;AAClE,OAAO,6BAA6B,MAAM,gCAAgC,CAAC;AAC3E,OAAO,mCAAmC,MAAM,oCAAoC,CAAC;AAErF,MAAM,CAAC,MAAM,kBAAkB,GAAG,mBAAmB,CAAC,qBAAqB,CAAC,CAAC;AAC7E,MAAM,CAAC,MAAM,sBAAsB,GAAG,mBAAmB,CACvD,yBAAyB,CAC1B,CAAC;AACF,MAAM,CAAC,MAAM,sBAAsB,GAAG,mBAAmB,CACvD,yBAAyB,CAC1B,CAAC;AACF,MAAM,CAAC,MAAM,+BAA+B,GAAG,mBAAmB,CAChE,kCAAkC,CACnC,CAAC;AACF,MAAM,CAAC,MAAM,uBAAuB,GAAG,mBAAmB,CACxD,0BAA0B,CAC3B,CAAC;AACF,MAAM,CAAC,MAAM,0BAA0B,GAAG,mBAAmB,CAC3D,6BAA6B,CAC9B,CAAC;AACF,MAAM,CAAC,MAAM,kBAAkB,GAAG,mBAAmB,CAAC,qBAAqB,CAAC,CAAC;AAC7E,MAAM,CAAC,MAAM,gCAAgC,GAAG,mBAAmB,CACjE,mCAAmC,CACpC,CAAC","sourcesContent":["/**\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\n\nexport { default as TreeViewLazyLoading } from './tree-view-lazy.story';\nexport { default as TreeViewMultiSelect } from './tree-view-multi.story';\nexport { default as TreeViewNonSelectableFolders } from './tree-view-non-selectable-folders.story';\nexport { default as TreeViewSingleSelect } from './tree-view-single.story';\nexport { default as TreeViewWithActions } from './tree-view-actions.story';\nexport { default as TreeViewUncontrolledExpansion } from './tree-view-uncontrolled.story';\nexport { default as TreeViewWithTrailingContent } from './tree-view-trailing.story';\nexport { default as TreeViewWithTooltip } from './tree-view-tooltip.story';\n\nimport { removeLicenseHeader } from '../../../_common/export-stories-utils';\nimport TreeViewActionsSrcRaw from './tree-view-actions.story?raw';\nimport TreeViewLazyLoadingSrcRaw from './tree-view-lazy.story?raw';\nimport TreeViewMultiSelectSrcRaw from './tree-view-multi.story?raw';\nimport TreeViewNonSelectableFoldersSrcRaw from './tree-view-non-selectable-folders.story?raw';\nimport TreeViewSingleSelectSrcRaw from './tree-view-single.story?raw';\nimport TreeViewTooltipSrcRaw from './tree-view-tooltip.story?raw';\nimport TreeViewTrailingContentSrcRaw from './tree-view-trailing.story?raw';\nimport TreeViewUncontrolledExpansionSrcRaw from './tree-view-uncontrolled.story?raw';\n\nexport const TreeViewActionsSrc = removeLicenseHeader(TreeViewActionsSrcRaw);\nexport const TreeViewLazyLoadingSrc = removeLicenseHeader(\n  TreeViewLazyLoadingSrcRaw,\n);\nexport const TreeViewMultiSelectSrc = removeLicenseHeader(\n  TreeViewMultiSelectSrcRaw,\n);\nexport const TreeViewNonSelectableFoldersSrc = removeLicenseHeader(\n  TreeViewNonSelectableFoldersSrcRaw,\n);\nexport const TreeViewSingleSelectSrc = removeLicenseHeader(\n  TreeViewSingleSelectSrcRaw,\n);\nexport const TreeViewTrailingContentSrc = removeLicenseHeader(\n  TreeViewTrailingContentSrcRaw,\n);\nexport const TreeViewTooltipSrc = removeLicenseHeader(TreeViewTooltipSrcRaw);\nexport const TreeViewUncontrolledExpansionSrc = removeLicenseHeader(\n  TreeViewUncontrolledExpansionSrcRaw,\n);\n"]}