@neo4j-ndl/react 4.12.5 → 4.13.0

package/lib/cjs/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/cjs/next/tree-view/index.js

@@ -0,0 +1,26 @@
+"use strict";
+/**
+ *
+ *  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/>.
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TreeView = void 0;
+var TreeView_1 = require("./TreeView");
+Object.defineProperty(exports, "TreeView", { enumerable: true, get: function () { return TreeView_1.TreeView; } });
+//# sourceMappingURL=index.js.map

package/lib/cjs/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,uCAAsC;AAA7B,oGAAA,QAAQ,OAAA","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/cjs/next/tree-view/stories/index.js

@@ -0,0 +1,60 @@
+"use strict";
+/**
+ *
+ *  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/>.
+ */
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TreeViewUncontrolledExpansionSrc = exports.TreeViewTooltipSrc = exports.TreeViewTrailingContentSrc = exports.TreeViewSingleSelectSrc = exports.TreeViewNonSelectableFoldersSrc = exports.TreeViewMultiSelectSrc = exports.TreeViewLazyLoadingSrc = exports.TreeViewActionsSrc = exports.TreeViewWithTooltip = exports.TreeViewWithTrailingContent = exports.TreeViewUncontrolledExpansion = exports.TreeViewWithActions = exports.TreeViewSingleSelect = exports.TreeViewNonSelectableFolders = exports.TreeViewMultiSelect = exports.TreeViewLazyLoading = void 0;
+var tree_view_lazy_story_1 = require("./tree-view-lazy.story");
+Object.defineProperty(exports, "TreeViewLazyLoading", { enumerable: true, get: function () { return __importDefault(tree_view_lazy_story_1).default; } });
+var tree_view_multi_story_1 = require("./tree-view-multi.story");
+Object.defineProperty(exports, "TreeViewMultiSelect", { enumerable: true, get: function () { return __importDefault(tree_view_multi_story_1).default; } });
+var tree_view_non_selectable_folders_story_1 = require("./tree-view-non-selectable-folders.story");
+Object.defineProperty(exports, "TreeViewNonSelectableFolders", { enumerable: true, get: function () { return __importDefault(tree_view_non_selectable_folders_story_1).default; } });
+var tree_view_single_story_1 = require("./tree-view-single.story");
+Object.defineProperty(exports, "TreeViewSingleSelect", { enumerable: true, get: function () { return __importDefault(tree_view_single_story_1).default; } });
+var tree_view_actions_story_1 = require("./tree-view-actions.story");
+Object.defineProperty(exports, "TreeViewWithActions", { enumerable: true, get: function () { return __importDefault(tree_view_actions_story_1).default; } });
+var tree_view_uncontrolled_story_1 = require("./tree-view-uncontrolled.story");
+Object.defineProperty(exports, "TreeViewUncontrolledExpansion", { enumerable: true, get: function () { return __importDefault(tree_view_uncontrolled_story_1).default; } });
+var tree_view_trailing_story_1 = require("./tree-view-trailing.story");
+Object.defineProperty(exports, "TreeViewWithTrailingContent", { enumerable: true, get: function () { return __importDefault(tree_view_trailing_story_1).default; } });
+var tree_view_tooltip_story_1 = require("./tree-view-tooltip.story");
+Object.defineProperty(exports, "TreeViewWithTooltip", { enumerable: true, get: function () { return __importDefault(tree_view_tooltip_story_1).default; } });
+const export_stories_utils_1 = require("../../../_common/export-stories-utils");
+const tree_view_actions_story_raw_1 = __importDefault(require("./tree-view-actions.story?raw"));
+const tree_view_lazy_story_raw_1 = __importDefault(require("./tree-view-lazy.story?raw"));
+const tree_view_multi_story_raw_1 = __importDefault(require("./tree-view-multi.story?raw"));
+const tree_view_non_selectable_folders_story_raw_1 = __importDefault(require("./tree-view-non-selectable-folders.story?raw"));
+const tree_view_single_story_raw_1 = __importDefault(require("./tree-view-single.story?raw"));
+const tree_view_tooltip_story_raw_1 = __importDefault(require("./tree-view-tooltip.story?raw"));
+const tree_view_trailing_story_raw_1 = __importDefault(require("./tree-view-trailing.story?raw"));
+const tree_view_uncontrolled_story_raw_1 = __importDefault(require("./tree-view-uncontrolled.story?raw"));
+exports.TreeViewActionsSrc = (0, export_stories_utils_1.removeLicenseHeader)(tree_view_actions_story_raw_1.default);
+exports.TreeViewLazyLoadingSrc = (0, export_stories_utils_1.removeLicenseHeader)(tree_view_lazy_story_raw_1.default);
+exports.TreeViewMultiSelectSrc = (0, export_stories_utils_1.removeLicenseHeader)(tree_view_multi_story_raw_1.default);
+exports.TreeViewNonSelectableFoldersSrc = (0, export_stories_utils_1.removeLicenseHeader)(tree_view_non_selectable_folders_story_raw_1.default);
+exports.TreeViewSingleSelectSrc = (0, export_stories_utils_1.removeLicenseHeader)(tree_view_single_story_raw_1.default);
+exports.TreeViewTrailingContentSrc = (0, export_stories_utils_1.removeLicenseHeader)(tree_view_trailing_story_raw_1.default);
+exports.TreeViewTooltipSrc = (0, export_stories_utils_1.removeLicenseHeader)(tree_view_tooltip_story_raw_1.default);
+exports.TreeViewUncontrolledExpansionSrc = (0, export_stories_utils_1.removeLicenseHeader)(tree_view_uncontrolled_story_raw_1.default);
+//# sourceMappingURL=index.js.map

package/lib/cjs/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,+DAAwE;AAA/D,4IAAA,OAAO,OAAuB;AACvC,iEAAyE;AAAhE,6IAAA,OAAO,OAAuB;AACvC,mGAAmG;AAA1F,uKAAA,OAAO,OAAgC;AAChD,mEAA2E;AAAlE,+IAAA,OAAO,OAAwB;AACxC,qEAA2E;AAAlE,+IAAA,OAAO,OAAuB;AACvC,+EAA0F;AAAjF,8JAAA,OAAO,OAAiC;AACjD,uEAAoF;AAA3E,wJAAA,OAAO,OAA+B;AAC/C,qEAA2E;AAAlE,+IAAA,OAAO,OAAuB;AAEvC,gFAA4E;AAC5E,gGAAkE;AAClE,0FAAmE;AACnE,4FAAoE;AACpE,8HAA8F;AAC9F,8FAAsE;AACtE,gGAAkE;AAClE,kGAA2E;AAC3E,0GAAqF;AAExE,QAAA,kBAAkB,GAAG,IAAA,0CAAmB,EAAC,qCAAqB,CAAC,CAAC;AAChE,QAAA,sBAAsB,GAAG,IAAA,0CAAmB,EACvD,kCAAyB,CAC1B,CAAC;AACW,QAAA,sBAAsB,GAAG,IAAA,0CAAmB,EACvD,mCAAyB,CAC1B,CAAC;AACW,QAAA,+BAA+B,GAAG,IAAA,0CAAmB,EAChE,oDAAkC,CACnC,CAAC;AACW,QAAA,uBAAuB,GAAG,IAAA,0CAAmB,EACxD,oCAA0B,CAC3B,CAAC;AACW,QAAA,0BAA0B,GAAG,IAAA,0CAAmB,EAC3D,sCAA6B,CAC9B,CAAC;AACW,QAAA,kBAAkB,GAAG,IAAA,0CAAmB,EAAC,qCAAqB,CAAC,CAAC;AAChE,QAAA,gCAAgC,GAAG,IAAA,0CAAmB,EACjE,0CAAmC,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"]}

package/lib/cjs/next/tree-view/stories/tree-view-actions.story.js

@@ -0,0 +1,36 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("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/>.
+ */
+require("@neo4j-ndl/base/lib/neo4j-ds-styles.css");
+const react_1 = require("@neo4j-ndl/react");
+const icons_1 = require("@neo4j-ndl/react/icons");
+const next_1 = require("@neo4j-ndl/react/next");
+const react_2 = require("react");
+const Component = () => {
+    const [expanded, setExpanded] = (0, react_2.useState)({});
+    const [selected, setSelected] = (0, react_2.useState)(null);
+    const toggle = (key) => setExpanded((prev) => (Object.assign(Object.assign({}, prev), { [key]: !prev[key] })));
+    return ((0, jsx_runtime_1.jsxs)(next_1.TreeView, { ariaLabel: "Project files", children: [(0, jsx_runtime_1.jsxs)(next_1.TreeView.Item, { title: "src", hasChildren: true, isExpanded: expanded['src'], onExpandedChange: () => toggle('src'), isSelected: selected === 'src', onSelectedChange: () => setSelected('src'), leadingVisual: (0, jsx_runtime_1.jsx)(icons_1.FolderIconSolid, {}), actionMenuItems: (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(react_1.Menu.Item, { title: "New File", onClick: () => alert('New file in src') }), (0, jsx_runtime_1.jsx)(react_1.Menu.Item, { title: "Rename", onClick: () => alert('Rename src') }), (0, jsx_runtime_1.jsx)(react_1.Menu.Item, { title: "Delete", onClick: () => alert('Delete src') })] }), children: [(0, jsx_runtime_1.jsx)(next_1.TreeView.Item, { title: "index.ts", isSelected: selected === 'index', onSelectedChange: () => setSelected('index'), leadingVisual: (0, jsx_runtime_1.jsx)(icons_1.DocumentIconOutline, {}), actionMenuItems: (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(react_1.Menu.Item, { title: "Open", onClick: () => alert('Open index.ts') }), (0, jsx_runtime_1.jsx)(react_1.Menu.Item, { title: "Rename", onClick: () => alert('Rename index.ts') }), (0, jsx_runtime_1.jsx)(react_1.Menu.Item, { title: "Delete", onClick: () => alert('Delete index.ts') })] }) }), (0, jsx_runtime_1.jsx)(next_1.TreeView.Item, { title: "utils.ts", isSelected: selected === 'utils', onSelectedChange: () => setSelected('utils'), leadingVisual: (0, jsx_runtime_1.jsx)(icons_1.DocumentIconOutline, {}), actionMenuItems: (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(react_1.Menu.Item, { title: "Open", onClick: () => alert('Open utils.ts') }), (0, jsx_runtime_1.jsx)(react_1.Menu.Item, { title: "Rename", onClick: () => alert('Rename utils.ts') }), (0, jsx_runtime_1.jsx)(react_1.Menu.Item, { title: "Delete", onClick: () => alert('Delete utils.ts') })] }) })] }), (0, jsx_runtime_1.jsxs)(next_1.TreeView.Item, { title: "tests", hasChildren: true, isExpanded: expanded['tests'], onExpandedChange: () => toggle('tests'), isSelected: selected === 'tests', onSelectedChange: () => setSelected('tests'), leadingVisual: (0, jsx_runtime_1.jsx)(icons_1.FolderIconSolid, {}), actionMenuItems: (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(react_1.Menu.Item, { title: "Run Tests", onClick: () => alert('Run all tests') }), (0, jsx_runtime_1.jsx)(react_1.Menu.Item, { title: "New Test", onClick: () => alert('New test in tests') }), (0, jsx_runtime_1.jsx)(react_1.Menu.Item, { title: "Delete", onClick: () => alert('Delete tests') })] }), children: [(0, jsx_runtime_1.jsx)(next_1.TreeView.Item, { title: "index.test.ts", isSelected: selected === 'index-test', onSelectedChange: () => setSelected('index-test'), leadingVisual: (0, jsx_runtime_1.jsx)(icons_1.DocumentIconOutline, {}), actionMenuItems: (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(react_1.Menu.Item, { title: "Run", onClick: () => alert('Run index.test.ts') }), (0, jsx_runtime_1.jsx)(react_1.Menu.Item, { title: "Rename", onClick: () => alert('Rename index.test.ts') }), (0, jsx_runtime_1.jsx)(react_1.Menu.Item, { title: "Delete", onClick: () => alert('Delete index.test.ts') })] }) }), (0, jsx_runtime_1.jsx)(next_1.TreeView.Item, { title: "utils.test.ts", isSelected: selected === 'utils-test', onSelectedChange: () => setSelected('utils-test'), leadingVisual: (0, jsx_runtime_1.jsx)(icons_1.DocumentIconOutline, {}), actionMenuItems: (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(react_1.Menu.Item, { title: "Run", onClick: () => alert('Run utils.test.ts') }), (0, jsx_runtime_1.jsx)(react_1.Menu.Item, { title: "Rename", onClick: () => alert('Rename utils.test.ts') }), (0, jsx_runtime_1.jsx)(react_1.Menu.Item, { title: "Delete", onClick: () => alert('Delete utils.test.ts') })] }) })] }), (0, jsx_runtime_1.jsx)(next_1.TreeView.Item, { title: "README.md", isSelected: selected === 'readme', onSelectedChange: () => setSelected('readme'), leadingVisual: (0, jsx_runtime_1.jsx)(icons_1.DocumentIconOutline, {}), actionMenuItems: (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(react_1.Menu.Item, { title: "Open", onClick: () => alert('Open README.md') }), (0, jsx_runtime_1.jsx)(react_1.Menu.Item, { title: "Rename", onClick: () => alert('Rename README.md') }), (0, jsx_runtime_1.jsx)(react_1.Menu.Item, { title: "Delete", onClick: () => alert('Delete README.md') })] }) })] }));
+};
+exports.default = Component;
+//# sourceMappingURL=tree-view-actions.story.js.map

package/lib/cjs/next/tree-view/stories/tree-view-actions.story.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tree-view-actions.story.js","sourceRoot":"","sources":["../../../../../src/next/tree-view/stories/tree-view-actions.story.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 '@neo4j-ndl/base/lib/neo4j-ds-styles.css';\n\nimport { Menu } from '@neo4j-ndl/react';\nimport { DocumentIconOutline, FolderIconSolid } from '@neo4j-ndl/react/icons';\nimport { TreeView } from '@neo4j-ndl/react/next';\nimport { useState } from 'react';\n\nconst Component = () => {\n  const [expanded, setExpanded] = useState<Record<string, boolean>>({});\n  const [selected, setSelected] = useState<string | null>(null);\n\n  const toggle = (key: string) =>\n    setExpanded((prev) => ({ ...prev, [key]: !prev[key] }));\n\n  return (\n    <TreeView ariaLabel=\"Project files\">\n      <TreeView.Item\n        title=\"src\"\n        hasChildren\n        isExpanded={expanded['src']}\n        onExpandedChange={() => toggle('src')}\n        isSelected={selected === 'src'}\n        onSelectedChange={() => setSelected('src')}\n        leadingVisual={<FolderIconSolid />}\n        actionMenuItems={\n          <>\n            <Menu.Item\n              title=\"New File\"\n              onClick={() => alert('New file in src')}\n            />\n            <Menu.Item title=\"Rename\" onClick={() => alert('Rename src')} />\n            <Menu.Item title=\"Delete\" onClick={() => alert('Delete src')} />\n          </>\n        }\n      >\n        <TreeView.Item\n          title=\"index.ts\"\n          isSelected={selected === 'index'}\n          onSelectedChange={() => setSelected('index')}\n          leadingVisual={<DocumentIconOutline />}\n          actionMenuItems={\n            <>\n              <Menu.Item title=\"Open\" onClick={() => alert('Open index.ts')} />\n              <Menu.Item\n                title=\"Rename\"\n                onClick={() => alert('Rename index.ts')}\n              />\n              <Menu.Item\n                title=\"Delete\"\n                onClick={() => alert('Delete index.ts')}\n              />\n            </>\n          }\n        />\n        <TreeView.Item\n          title=\"utils.ts\"\n          isSelected={selected === 'utils'}\n          onSelectedChange={() => setSelected('utils')}\n          leadingVisual={<DocumentIconOutline />}\n          actionMenuItems={\n            <>\n              <Menu.Item title=\"Open\" onClick={() => alert('Open utils.ts')} />\n              <Menu.Item\n                title=\"Rename\"\n                onClick={() => alert('Rename utils.ts')}\n              />\n              <Menu.Item\n                title=\"Delete\"\n                onClick={() => alert('Delete utils.ts')}\n              />\n            </>\n          }\n        />\n      </TreeView.Item>\n      <TreeView.Item\n        title=\"tests\"\n        hasChildren\n        isExpanded={expanded['tests']}\n        onExpandedChange={() => toggle('tests')}\n        isSelected={selected === 'tests'}\n        onSelectedChange={() => setSelected('tests')}\n        leadingVisual={<FolderIconSolid />}\n        actionMenuItems={\n          <>\n            <Menu.Item\n              title=\"Run Tests\"\n              onClick={() => alert('Run all tests')}\n            />\n            <Menu.Item\n              title=\"New Test\"\n              onClick={() => alert('New test in tests')}\n            />\n            <Menu.Item title=\"Delete\" onClick={() => alert('Delete tests')} />\n          </>\n        }\n      >\n        <TreeView.Item\n          title=\"index.test.ts\"\n          isSelected={selected === 'index-test'}\n          onSelectedChange={() => setSelected('index-test')}\n          leadingVisual={<DocumentIconOutline />}\n          actionMenuItems={\n            <>\n              <Menu.Item\n                title=\"Run\"\n                onClick={() => alert('Run index.test.ts')}\n              />\n              <Menu.Item\n                title=\"Rename\"\n                onClick={() => alert('Rename index.test.ts')}\n              />\n              <Menu.Item\n                title=\"Delete\"\n                onClick={() => alert('Delete index.test.ts')}\n              />\n            </>\n          }\n        />\n        <TreeView.Item\n          title=\"utils.test.ts\"\n          isSelected={selected === 'utils-test'}\n          onSelectedChange={() => setSelected('utils-test')}\n          leadingVisual={<DocumentIconOutline />}\n          actionMenuItems={\n            <>\n              <Menu.Item\n                title=\"Run\"\n                onClick={() => alert('Run utils.test.ts')}\n              />\n              <Menu.Item\n                title=\"Rename\"\n                onClick={() => alert('Rename utils.test.ts')}\n              />\n              <Menu.Item\n                title=\"Delete\"\n                onClick={() => alert('Delete utils.test.ts')}\n              />\n            </>\n          }\n        />\n      </TreeView.Item>\n      <TreeView.Item\n        title=\"README.md\"\n        isSelected={selected === 'readme'}\n        onSelectedChange={() => setSelected('readme')}\n        leadingVisual={<DocumentIconOutline />}\n        actionMenuItems={\n          <>\n            <Menu.Item title=\"Open\" onClick={() => alert('Open README.md')} />\n            <Menu.Item\n              title=\"Rename\"\n              onClick={() => alert('Rename README.md')}\n            />\n            <Menu.Item\n              title=\"Delete\"\n              onClick={() => alert('Delete README.md')}\n            />\n          </>\n        }\n      />\n    </TreeView>\n  );\n};\n\nexport default Component;\n"]}

package/lib/cjs/next/tree-view/stories/tree-view-lazy.story.js

@@ -0,0 +1,149 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("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/>.
+ */
+require("@neo4j-ndl/base/lib/neo4j-ds-styles.css");
+const icons_1 = require("@neo4j-ndl/react/icons");
+const next_1 = require("@neo4j-ndl/react/next");
+const react_1 = require("react");
+const TREE_DATA = [
+    {
+        children: [
+            {
+                children: [
+                    { id: 'app-tsx', label: 'App.tsx' },
+                    { id: 'index-tsx', label: 'index.tsx' },
+                    { id: 'styles-css', label: 'styles.css' },
+                ],
+                id: 'frontend',
+                label: 'Frontend',
+            },
+            {
+                children: [
+                    { id: 'server-ts', label: 'server.ts' },
+                    { id: 'routes-ts', label: 'routes.ts' },
+                ],
+                id: 'backend',
+                label: 'Backend',
+            },
+            { id: 'readme-md', label: 'README.md' },
+        ],
+        id: 'projects',
+        label: 'Projects',
+    },
+    {
+        children: [
+            {
+                children: [
+                    { id: 'beach-jpg', label: 'beach.jpg' },
+                    { id: 'sunset-jpg', label: 'sunset.jpg' },
+                ],
+                id: 'vacation',
+                label: 'Vacation',
+            },
+            { id: 'profile-png', label: 'profile.png' },
+        ],
+        id: 'photos',
+        label: 'Photos',
+    },
+    {
+        children: [
+            { id: 'resume-pdf', label: 'resume.pdf' },
+            { id: 'cover-letter-pdf', label: 'cover-letter.pdf' },
+            { id: 'notes-txt', label: 'notes.txt' },
+        ],
+        id: 'documents',
+        label: 'Documents',
+    },
+    {
+        children: [
+            {
+                children: [
+                    { id: 'chill-m3u', label: 'chill.m3u' },
+                    { id: 'workout-m3u', label: 'workout.m3u' },
+                ],
+                id: 'playlists',
+                label: 'Playlists',
+            },
+            { id: 'favorites-m3u', label: 'favorites.m3u' },
+        ],
+        id: 'music',
+        label: 'Music',
+    },
+    { id: 'todo-txt', label: 'TODO.txt' },
+];
+const LOAD_DELAY_MS = 600;
+function iconForNode(node) {
+    if (node.children) {
+        return (0, jsx_runtime_1.jsx)(icons_1.FolderIconSolid, {});
+    }
+    if (/\.(jpg|jpeg|png|gif|svg)$/i.test(node.label)) {
+        return (0, jsx_runtime_1.jsx)(icons_1.PhotoIconOutline, {});
+    }
+    return (0, jsx_runtime_1.jsx)(icons_1.DocumentIconOutline, {});
+}
+const INITIAL_NODE_STATE = {
+    hasLoaded: false,
+    isExpanded: false,
+    isLoading: false,
+};
+function useTreeState() {
+    const [nodeStates, setNodeStates] = (0, react_1.useState)({});
+    const [selectedId, setSelectedId] = (0, react_1.useState)(null);
+    const timers = (0, react_1.useRef)({});
+    const getNodeState = (0, react_1.useCallback)((id) => { var _a; return (_a = nodeStates[id]) !== null && _a !== void 0 ? _a : INITIAL_NODE_STATE; }, [nodeStates]);
+    const handleExpand = (0, react_1.useCallback)((id, expanded) => {
+        setNodeStates((prev) => {
+            var _a;
+            const current = (_a = prev[id]) !== null && _a !== void 0 ? _a : INITIAL_NODE_STATE;
+            if (expanded && !current.hasLoaded) {
+                if (timers.current[id]) {
+                    clearTimeout(timers.current[id]);
+                }
+                timers.current[id] = setTimeout(() => {
+                    setNodeStates((p) => (Object.assign(Object.assign({}, p), { [id]: { hasLoaded: true, isExpanded: true, isLoading: false } })));
+                    delete timers.current[id];
+                }, LOAD_DELAY_MS);
+                return Object.assign(Object.assign({}, prev), { [id]: { hasLoaded: false, isExpanded: true, isLoading: true } });
+            }
+            return Object.assign(Object.assign({}, prev), { [id]: Object.assign(Object.assign({}, current), { isExpanded: expanded }) });
+        });
+    }, []);
+    const handleSelect = (0, react_1.useCallback)((id) => setSelectedId((prev) => (prev === id ? null : id)), []);
+    return { getNodeState, handleExpand, handleSelect, selectedId };
+}
+function renderNode(node, ctx) {
+    const hasChildren = node.children !== undefined &&
+        node.children !== null &&
+        node.children.length > 0;
+    const state = ctx.getNodeState(node.id);
+    return ((0, jsx_runtime_1.jsxs)(next_1.TreeView.Item, { title: node.label, hasChildren: hasChildren, isExpanded: state.isExpanded, isLoading: state.isLoading, isSelected: ctx.selectedId === node.id, leadingVisual: iconForNode(node), onExpandedChange: (expanded) => ctx.handleExpand(node.id, expanded), onSelectedChange: () => ctx.handleSelect(node.id), children: [hasChildren && state.isLoading && !state.hasLoaded && ((0, jsx_runtime_1.jsx)(next_1.TreeView.SkeletonItem, { rows: 2 })), hasChildren &&
+                state.hasLoaded &&
+                node.children.map((child) => renderNode(child, ctx))] }, node.id));
+}
+const Component = () => {
+    const { getNodeState, selectedId, handleExpand, handleSelect } = useTreeState();
+    const ctx = (0, react_1.useMemo)(() => ({ getNodeState, handleExpand, handleSelect, selectedId }), [getNodeState, selectedId, handleExpand, handleSelect]);
+    return ((0, jsx_runtime_1.jsx)(next_1.TreeView, { ariaLabel: "Lazy-loaded file explorer", children: TREE_DATA.map((node) => renderNode(node, ctx)) }));
+};
+exports.default = Component;
+//# sourceMappingURL=tree-view-lazy.story.js.map

package/lib/cjs/next/tree-view/stories/tree-view-lazy.story.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tree-view-lazy.story.js","sourceRoot":"","sources":["../../../../../src/next/tree-view/stories/tree-view-lazy.story.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 '@neo4j-ndl/base/lib/neo4j-ds-styles.css';\n\nimport {\n  DocumentIconOutline,\n  FolderIconSolid,\n  PhotoIconOutline,\n} from '@neo4j-ndl/react/icons';\nimport { TreeView } from '@neo4j-ndl/react/next';\nimport { useCallback, useMemo, useRef, useState } from 'react';\n\ntype TreeNode = {\n  id: string;\n  label: string;\n  children?: TreeNode[];\n};\n\nconst TREE_DATA: TreeNode[] = [\n  {\n    children: [\n      {\n        children: [\n          { id: 'app-tsx', label: 'App.tsx' },\n          { id: 'index-tsx', label: 'index.tsx' },\n          { id: 'styles-css', label: 'styles.css' },\n        ],\n        id: 'frontend',\n        label: 'Frontend',\n      },\n      {\n        children: [\n          { id: 'server-ts', label: 'server.ts' },\n          { id: 'routes-ts', label: 'routes.ts' },\n        ],\n        id: 'backend',\n        label: 'Backend',\n      },\n      { id: 'readme-md', label: 'README.md' },\n    ],\n    id: 'projects',\n    label: 'Projects',\n  },\n  {\n    children: [\n      {\n        children: [\n          { id: 'beach-jpg', label: 'beach.jpg' },\n          { id: 'sunset-jpg', label: 'sunset.jpg' },\n        ],\n        id: 'vacation',\n        label: 'Vacation',\n      },\n      { id: 'profile-png', label: 'profile.png' },\n    ],\n    id: 'photos',\n    label: 'Photos',\n  },\n  {\n    children: [\n      { id: 'resume-pdf', label: 'resume.pdf' },\n      { id: 'cover-letter-pdf', label: 'cover-letter.pdf' },\n      { id: 'notes-txt', label: 'notes.txt' },\n    ],\n    id: 'documents',\n    label: 'Documents',\n  },\n  {\n    children: [\n      {\n        children: [\n          { id: 'chill-m3u', label: 'chill.m3u' },\n          { id: 'workout-m3u', label: 'workout.m3u' },\n        ],\n        id: 'playlists',\n        label: 'Playlists',\n      },\n      { id: 'favorites-m3u', label: 'favorites.m3u' },\n    ],\n    id: 'music',\n    label: 'Music',\n  },\n  { id: 'todo-txt', label: 'TODO.txt' },\n];\n\nconst LOAD_DELAY_MS = 600;\n\nfunction iconForNode(node: TreeNode) {\n  if (node.children) {\n    return <FolderIconSolid />;\n  }\n  if (/\\.(jpg|jpeg|png|gif|svg)$/i.test(node.label)) {\n    return <PhotoIconOutline />;\n  }\n  return <DocumentIconOutline />;\n}\n\ntype NodeState = {\n  isExpanded: boolean;\n  isLoading: boolean;\n  hasLoaded: boolean;\n};\n\nconst INITIAL_NODE_STATE: NodeState = {\n  hasLoaded: false,\n  isExpanded: false,\n  isLoading: false,\n};\n\nfunction useTreeState() {\n  const [nodeStates, setNodeStates] = useState<Record<string, NodeState>>({});\n  const [selectedId, setSelectedId] = useState<string | null>(null);\n  const timers = useRef<Record<string, ReturnType<typeof setTimeout>>>({});\n\n  const getNodeState = useCallback(\n    (id: string): NodeState => nodeStates[id] ?? INITIAL_NODE_STATE,\n    [nodeStates],\n  );\n\n  const handleExpand = useCallback((id: string, expanded: boolean) => {\n    setNodeStates((prev) => {\n      const current = prev[id] ?? INITIAL_NODE_STATE;\n      if (expanded && !current.hasLoaded) {\n        if (timers.current[id]) {\n          clearTimeout(timers.current[id]);\n        }\n        timers.current[id] = setTimeout(() => {\n          setNodeStates((p) => ({\n            ...p,\n            [id]: { hasLoaded: true, isExpanded: true, isLoading: false },\n          }));\n          delete timers.current[id];\n        }, LOAD_DELAY_MS);\n        return {\n          ...prev,\n          [id]: { hasLoaded: false, isExpanded: true, isLoading: true },\n        };\n      }\n      return { ...prev, [id]: { ...current, isExpanded: expanded } };\n    });\n  }, []);\n\n  const handleSelect = useCallback(\n    (id: string) => setSelectedId((prev) => (prev === id ? null : id)),\n    [],\n  );\n\n  return { getNodeState, handleExpand, handleSelect, selectedId };\n}\n\ntype RenderContext = {\n  getNodeState: (id: string) => NodeState;\n  selectedId: string | null;\n  handleExpand: (id: string, expanded: boolean) => void;\n  handleSelect: (id: string) => void;\n};\n\nfunction renderNode(node: TreeNode, ctx: RenderContext) {\n  const hasChildren =\n    node.children !== undefined &&\n    node.children !== null &&\n    node.children.length > 0;\n  const state = ctx.getNodeState(node.id);\n\n  return (\n    <TreeView.Item\n      key={node.id}\n      title={node.label}\n      hasChildren={hasChildren}\n      isExpanded={state.isExpanded}\n      isLoading={state.isLoading}\n      isSelected={ctx.selectedId === node.id}\n      leadingVisual={iconForNode(node)}\n      onExpandedChange={(expanded: boolean) =>\n        ctx.handleExpand(node.id, expanded)\n      }\n      onSelectedChange={() => ctx.handleSelect(node.id)}\n    >\n      {hasChildren && state.isLoading && !state.hasLoaded && (\n        <TreeView.SkeletonItem rows={2} />\n      )}\n      {hasChildren &&\n        state.hasLoaded &&\n        node.children!.map((child) => renderNode(child, ctx))}\n    </TreeView.Item>\n  );\n}\n\nconst Component = () => {\n  const { getNodeState, selectedId, handleExpand, handleSelect } =\n    useTreeState();\n\n  const ctx = useMemo<RenderContext>(\n    () => ({ getNodeState, handleExpand, handleSelect, selectedId }),\n    [getNodeState, selectedId, handleExpand, handleSelect],\n  );\n\n  return (\n    <TreeView ariaLabel=\"Lazy-loaded file explorer\">\n      {TREE_DATA.map((node) => renderNode(node, ctx))}\n    </TreeView>\n  );\n};\n\nexport default Component;\n"]}

package/lib/cjs/next/tree-view/stories/tree-view-multi.story.js

@@ -0,0 +1,73 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("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/>.
+ */
+require("@neo4j-ndl/base/lib/neo4j-ds-styles.css");
+const icons_1 = require("@neo4j-ndl/react/icons");
+const next_1 = require("@neo4j-ndl/react/next");
+const react_1 = require("react");
+const WORK_CHILDREN = ['report', 'presentation'];
+const DOC_CHILDREN = ['work', 'resume'];
+const IMAGE_CHILDREN = ['photo', 'screenshot'];
+const DISABLED_KEYS = new Set(['presentation']);
+function getParentChecked(checked, childKeys) {
+    const enabledKeys = childKeys.filter((k) => !DISABLED_KEYS.has(k));
+    if (enabledKeys.length === 0) {
+        return { isChecked: false, isIndeterminate: false };
+    }
+    const checkedCount = enabledKeys.filter((k) => checked[k]).length;
+    if (checkedCount === 0) {
+        return { isChecked: false, isIndeterminate: false };
+    }
+    if (checkedCount === enabledKeys.length) {
+        return { isChecked: true, isIndeterminate: false };
+    }
+    return { isChecked: false, isIndeterminate: true };
+}
+const Component = () => {
+    const [expanded, setExpanded] = (0, react_1.useState)({});
+    const [checked, setChecked] = (0, react_1.useState)({});
+    const toggle = (key) => setExpanded((prev) => (Object.assign(Object.assign({}, prev), { [key]: !prev[key] })));
+    const toggleCheck = (0, react_1.useCallback)((key) => {
+        setChecked((prev) => (Object.assign(Object.assign({}, prev), { [key]: !prev[key] })));
+    }, []);
+    const toggleParent = (0, react_1.useCallback)((childKeys) => {
+        const enabledKeys = childKeys.filter((k) => !DISABLED_KEYS.has(k));
+        const isAllChecked = enabledKeys.every((k) => checked[k]);
+        setChecked((prev) => {
+            const next = Object.assign({}, prev);
+            for (const k of enabledKeys) {
+                next[k] = !isAllChecked;
+            }
+            return next;
+        });
+    }, [checked]);
+    const docState = getParentChecked(checked, [
+        ...DOC_CHILDREN,
+        ...WORK_CHILDREN,
+    ]);
+    const workState = getParentChecked(checked, WORK_CHILDREN);
+    const imageState = getParentChecked(checked, IMAGE_CHILDREN);
+    return ((0, jsx_runtime_1.jsxs)(next_1.TreeView, { ariaLabel: "File explorer", selectionMode: "multiple", children: [(0, jsx_runtime_1.jsxs)(next_1.TreeView.Item, { title: "Documents", hasChildren: true, isExpanded: expanded['documents'], onExpandedChange: () => toggle('documents'), isSelected: docState.isChecked, isIndeterminate: docState.isIndeterminate, onSelectedChange: () => toggleParent([...DOC_CHILDREN, ...WORK_CHILDREN]), leadingVisual: (0, jsx_runtime_1.jsx)(icons_1.FolderIconSolid, {}), children: [(0, jsx_runtime_1.jsxs)(next_1.TreeView.Item, { title: "Work", hasChildren: true, isExpanded: expanded['work'], onExpandedChange: () => toggle('work'), isSelected: workState.isChecked, isIndeterminate: workState.isIndeterminate, onSelectedChange: () => toggleParent(WORK_CHILDREN), leadingVisual: (0, jsx_runtime_1.jsx)(icons_1.FolderIconSolid, {}), children: [(0, jsx_runtime_1.jsx)(next_1.TreeView.Item, { title: "Report.pdf", isSelected: !!checked['report'], onSelectedChange: () => toggleCheck('report'), leadingVisual: (0, jsx_runtime_1.jsx)(icons_1.DocumentIconOutline, {}) }), (0, jsx_runtime_1.jsx)(next_1.TreeView.Item, { title: "Presentation.pptx", isDisabled: true, onSelectedChange: () => null, leadingVisual: (0, jsx_runtime_1.jsx)(icons_1.DocumentIconOutline, {}) })] }), (0, jsx_runtime_1.jsx)(next_1.TreeView.Item, { title: "Resume.pdf", isSelected: !!checked['resume'], onSelectedChange: () => toggleCheck('resume'), leadingVisual: (0, jsx_runtime_1.jsx)(icons_1.DocumentIconOutline, {}) })] }), (0, jsx_runtime_1.jsxs)(next_1.TreeView.Item, { title: "Images", hasChildren: true, isExpanded: expanded['images'], onExpandedChange: () => toggle('images'), isSelected: imageState.isChecked, isIndeterminate: imageState.isIndeterminate, onSelectedChange: () => toggleParent(IMAGE_CHILDREN), leadingVisual: (0, jsx_runtime_1.jsx)(icons_1.FolderIconSolid, {}), children: [(0, jsx_runtime_1.jsx)(next_1.TreeView.Item, { title: "Photo.jpg", isSelected: !!checked['photo'], onSelectedChange: () => toggleCheck('photo'), leadingVisual: (0, jsx_runtime_1.jsx)(icons_1.PhotoIconOutline, {}) }), (0, jsx_runtime_1.jsx)(next_1.TreeView.Item, { title: "Screenshot.png", isSelected: !!checked['screenshot'], onSelectedChange: () => toggleCheck('screenshot'), leadingVisual: (0, jsx_runtime_1.jsx)(icons_1.PhotoIconOutline, {}) })] })] }));
+};
+exports.default = Component;
+//# sourceMappingURL=tree-view-multi.story.js.map

package/lib/cjs/next/tree-view/stories/tree-view-multi.story.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tree-view-multi.story.js","sourceRoot":"","sources":["../../../../../src/next/tree-view/stories/tree-view-multi.story.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 '@neo4j-ndl/base/lib/neo4j-ds-styles.css';\n\nimport {\n  DocumentIconOutline,\n  FolderIconSolid,\n  PhotoIconOutline,\n} from '@neo4j-ndl/react/icons';\nimport { TreeView } from '@neo4j-ndl/react/next';\nimport { useCallback, useState } from 'react';\n\ntype CheckedState = Record<string, boolean>;\n\nconst WORK_CHILDREN = ['report', 'presentation'] as const;\nconst DOC_CHILDREN = ['work', 'resume'] as const;\nconst IMAGE_CHILDREN = ['photo', 'screenshot'] as const;\nconst DISABLED_KEYS = new Set(['presentation']);\n\nfunction getParentChecked(\n  checked: CheckedState,\n  childKeys: readonly string[],\n): { isChecked: boolean; isIndeterminate: boolean } {\n  const enabledKeys = childKeys.filter((k) => !DISABLED_KEYS.has(k));\n  if (enabledKeys.length === 0) {\n    return { isChecked: false, isIndeterminate: false };\n  }\n  const checkedCount = enabledKeys.filter((k) => checked[k]).length;\n  if (checkedCount === 0) {\n    return { isChecked: false, isIndeterminate: false };\n  }\n  if (checkedCount === enabledKeys.length) {\n    return { isChecked: true, isIndeterminate: false };\n  }\n  return { isChecked: false, isIndeterminate: true };\n}\n\nconst Component = () => {\n  const [expanded, setExpanded] = useState<Record<string, boolean>>({});\n  const [checked, setChecked] = useState<CheckedState>({});\n\n  const toggle = (key: string) =>\n    setExpanded((prev) => ({ ...prev, [key]: !prev[key] }));\n\n  const toggleCheck = useCallback((key: string) => {\n    setChecked((prev) => ({ ...prev, [key]: !prev[key] }));\n  }, []);\n\n  const toggleParent = useCallback(\n    (childKeys: readonly string[]) => {\n      const enabledKeys = childKeys.filter((k) => !DISABLED_KEYS.has(k));\n      const isAllChecked = enabledKeys.every((k) => checked[k]);\n      setChecked((prev) => {\n        const next = { ...prev };\n        for (const k of enabledKeys) {\n          next[k] = !isAllChecked;\n        }\n        return next;\n      });\n    },\n    [checked],\n  );\n\n  const docState = getParentChecked(checked, [\n    ...DOC_CHILDREN,\n    ...WORK_CHILDREN,\n  ]);\n  const workState = getParentChecked(checked, WORK_CHILDREN);\n  const imageState = getParentChecked(checked, IMAGE_CHILDREN);\n\n  return (\n    <TreeView ariaLabel=\"File explorer\" selectionMode=\"multiple\">\n      <TreeView.Item\n        title=\"Documents\"\n        hasChildren\n        isExpanded={expanded['documents']}\n        onExpandedChange={() => toggle('documents')}\n        isSelected={docState.isChecked}\n        isIndeterminate={docState.isIndeterminate}\n        onSelectedChange={() =>\n          toggleParent([...DOC_CHILDREN, ...WORK_CHILDREN])\n        }\n        leadingVisual={<FolderIconSolid />}\n      >\n        <TreeView.Item\n          title=\"Work\"\n          hasChildren\n          isExpanded={expanded['work']}\n          onExpandedChange={() => toggle('work')}\n          isSelected={workState.isChecked}\n          isIndeterminate={workState.isIndeterminate}\n          onSelectedChange={() => toggleParent(WORK_CHILDREN)}\n          leadingVisual={<FolderIconSolid />}\n        >\n          <TreeView.Item\n            title=\"Report.pdf\"\n            isSelected={!!checked['report']}\n            onSelectedChange={() => toggleCheck('report')}\n            leadingVisual={<DocumentIconOutline />}\n          />\n          <TreeView.Item\n            title=\"Presentation.pptx\"\n            isDisabled\n            onSelectedChange={() => null}\n            leadingVisual={<DocumentIconOutline />}\n          />\n        </TreeView.Item>\n        <TreeView.Item\n          title=\"Resume.pdf\"\n          isSelected={!!checked['resume']}\n          onSelectedChange={() => toggleCheck('resume')}\n          leadingVisual={<DocumentIconOutline />}\n        />\n      </TreeView.Item>\n      <TreeView.Item\n        title=\"Images\"\n        hasChildren\n        isExpanded={expanded['images']}\n        onExpandedChange={() => toggle('images')}\n        isSelected={imageState.isChecked}\n        isIndeterminate={imageState.isIndeterminate}\n        onSelectedChange={() => toggleParent(IMAGE_CHILDREN)}\n        leadingVisual={<FolderIconSolid />}\n      >\n        <TreeView.Item\n          title=\"Photo.jpg\"\n          isSelected={!!checked['photo']}\n          onSelectedChange={() => toggleCheck('photo')}\n          leadingVisual={<PhotoIconOutline />}\n        />\n        <TreeView.Item\n          title=\"Screenshot.png\"\n          isSelected={!!checked['screenshot']}\n          onSelectedChange={() => toggleCheck('screenshot')}\n          leadingVisual={<PhotoIconOutline />}\n        />\n      </TreeView.Item>\n    </TreeView>\n  );\n};\n\nexport default Component;\n"]}

package/lib/cjs/next/tree-view/stories/tree-view-non-selectable-folders.story.js

@@ -0,0 +1,35 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("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/>.
+ */
+require("@neo4j-ndl/base/lib/neo4j-ds-styles.css");
+const icons_1 = require("@neo4j-ndl/react/icons");
+const next_1 = require("@neo4j-ndl/react/next");
+const react_1 = require("react");
+const Component = () => {
+    const [expanded, setExpanded] = (0, react_1.useState)({});
+    const [selected, setSelected] = (0, react_1.useState)(null);
+    const toggle = (key) => setExpanded((prev) => (Object.assign(Object.assign({}, prev), { [key]: !prev[key] })));
+    return ((0, jsx_runtime_1.jsxs)(next_1.TreeView, { ariaLabel: "File explorer", children: [(0, jsx_runtime_1.jsxs)(next_1.TreeView.Item, { title: "Documents", hasChildren: true, isExpanded: expanded['documents'], onExpandedChange: () => toggle('documents'), leadingVisual: (0, jsx_runtime_1.jsx)(icons_1.FolderIconSolid, {}), children: [(0, jsx_runtime_1.jsxs)(next_1.TreeView.Item, { title: "Work", hasChildren: true, isExpanded: expanded['work'], onExpandedChange: () => toggle('work'), leadingVisual: (0, jsx_runtime_1.jsx)(icons_1.FolderIconSolid, {}), children: [(0, jsx_runtime_1.jsx)(next_1.TreeView.Item, { title: "Report.pdf", isSelected: selected === 'report', onSelectedChange: () => setSelected('report'), leadingVisual: (0, jsx_runtime_1.jsx)(icons_1.DocumentIconOutline, {}) }), (0, jsx_runtime_1.jsx)(next_1.TreeView.Item, { title: "Presentation.pptx", isSelected: selected === 'presentation', onSelectedChange: () => setSelected('presentation'), leadingVisual: (0, jsx_runtime_1.jsx)(icons_1.DocumentIconOutline, {}) })] }), (0, jsx_runtime_1.jsx)(next_1.TreeView.Item, { title: "Resume.pdf", isSelected: selected === 'resume', onSelectedChange: () => setSelected('resume'), leadingVisual: (0, jsx_runtime_1.jsx)(icons_1.DocumentIconOutline, {}) })] }), (0, jsx_runtime_1.jsxs)(next_1.TreeView.Item, { title: "Images", hasChildren: true, isExpanded: expanded['images'], onExpandedChange: () => toggle('images'), leadingVisual: (0, jsx_runtime_1.jsx)(icons_1.FolderIconSolid, {}), children: [(0, jsx_runtime_1.jsx)(next_1.TreeView.Item, { title: "Photo.jpg", isSelected: selected === 'photo', onSelectedChange: () => setSelected('photo'), leadingVisual: (0, jsx_runtime_1.jsx)(icons_1.DocumentIconOutline, {}) }), (0, jsx_runtime_1.jsx)(next_1.TreeView.Item, { title: "Screenshot.png", isSelected: selected === 'screenshot', onSelectedChange: () => setSelected('screenshot'), leadingVisual: (0, jsx_runtime_1.jsx)(icons_1.DocumentIconOutline, {}) })] })] }));
+};
+exports.default = Component;
+//# sourceMappingURL=tree-view-non-selectable-folders.story.js.map

package/lib/cjs/next/tree-view/stories/tree-view-non-selectable-folders.story.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tree-view-non-selectable-folders.story.js","sourceRoot":"","sources":["../../../../../src/next/tree-view/stories/tree-view-non-selectable-folders.story.tsx"],"names":[],"mappings":";;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,mDAAiD;AAEjD,kDAA8E;AAC9E,gDAAiD;AACjD,iCAAiC;AAEjC,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,IAAA,gBAAQ,EAA0B,EAAE,CAAC,CAAC;IACtE,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,IAAA,gBAAQ,EAAgB,IAAI,CAAC,CAAC;IAE9D,MAAM,MAAM,GAAG,CAAC,GAAW,EAAE,EAAE,CAC7B,WAAW,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,iCAAM,IAAI,KAAE,CAAC,GAAG,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG,CAAC,IAAG,CAAC,CAAC;IAE1D,OAAO,CACL,wBAAC,eAAQ,IAAC,SAAS,EAAC,eAAe,aACjC,wBAAC,eAAQ,CAAC,IAAI,IACZ,KAAK,EAAC,WAAW,EACjB,WAAW,QACX,UAAU,EAAE,QAAQ,CAAC,WAAW,CAAC,EACjC,gBAAgB,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,WAAW,CAAC,EAC3C,aAAa,EAAE,uBAAC,uBAAe,KAAG,aAElC,wBAAC,eAAQ,CAAC,IAAI,IACZ,KAAK,EAAC,MAAM,EACZ,WAAW,QACX,UAAU,EAAE,QAAQ,CAAC,MAAM,CAAC,EAC5B,gBAAgB,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,MAAM,CAAC,EACtC,aAAa,EAAE,uBAAC,uBAAe,KAAG,aAElC,uBAAC,eAAQ,CAAC,IAAI,IACZ,KAAK,EAAC,YAAY,EAClB,UAAU,EAAE,QAAQ,KAAK,QAAQ,EACjC,gBAAgB,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,QAAQ,CAAC,EAC7C,aAAa,EAAE,uBAAC,2BAAmB,KAAG,GACtC,EACF,uBAAC,eAAQ,CAAC,IAAI,IACZ,KAAK,EAAC,mBAAmB,EACzB,UAAU,EAAE,QAAQ,KAAK,cAAc,EACvC,gBAAgB,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,cAAc,CAAC,EACnD,aAAa,EAAE,uBAAC,2BAAmB,KAAG,GACtC,IACY,EAChB,uBAAC,eAAQ,CAAC,IAAI,IACZ,KAAK,EAAC,YAAY,EAClB,UAAU,EAAE,QAAQ,KAAK,QAAQ,EACjC,gBAAgB,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,QAAQ,CAAC,EAC7C,aAAa,EAAE,uBAAC,2BAAmB,KAAG,GACtC,IACY,EAChB,wBAAC,eAAQ,CAAC,IAAI,IACZ,KAAK,EAAC,QAAQ,EACd,WAAW,QACX,UAAU,EAAE,QAAQ,CAAC,QAAQ,CAAC,EAC9B,gBAAgB,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,QAAQ,CAAC,EACxC,aAAa,EAAE,uBAAC,uBAAe,KAAG,aAElC,uBAAC,eAAQ,CAAC,IAAI,IACZ,KAAK,EAAC,WAAW,EACjB,UAAU,EAAE,QAAQ,KAAK,OAAO,EAChC,gBAAgB,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,OAAO,CAAC,EAC5C,aAAa,EAAE,uBAAC,2BAAmB,KAAG,GACtC,EACF,uBAAC,eAAQ,CAAC,IAAI,IACZ,KAAK,EAAC,gBAAgB,EACtB,UAAU,EAAE,QAAQ,KAAK,YAAY,EACrC,gBAAgB,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,YAAY,CAAC,EACjD,aAAa,EAAE,uBAAC,2BAAmB,KAAG,GACtC,IACY,IACP,CACZ,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,SAAS,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\nimport '@neo4j-ndl/base/lib/neo4j-ds-styles.css';\n\nimport { DocumentIconOutline, FolderIconSolid } from '@neo4j-ndl/react/icons';\nimport { TreeView } from '@neo4j-ndl/react/next';\nimport { useState } from 'react';\n\nconst Component = () => {\n  const [expanded, setExpanded] = useState<Record<string, boolean>>({});\n  const [selected, setSelected] = useState<string | null>(null);\n\n  const toggle = (key: string) =>\n    setExpanded((prev) => ({ ...prev, [key]: !prev[key] }));\n\n  return (\n    <TreeView ariaLabel=\"File explorer\">\n      <TreeView.Item\n        title=\"Documents\"\n        hasChildren\n        isExpanded={expanded['documents']}\n        onExpandedChange={() => toggle('documents')}\n        leadingVisual={<FolderIconSolid />}\n      >\n        <TreeView.Item\n          title=\"Work\"\n          hasChildren\n          isExpanded={expanded['work']}\n          onExpandedChange={() => toggle('work')}\n          leadingVisual={<FolderIconSolid />}\n        >\n          <TreeView.Item\n            title=\"Report.pdf\"\n            isSelected={selected === 'report'}\n            onSelectedChange={() => setSelected('report')}\n            leadingVisual={<DocumentIconOutline />}\n          />\n          <TreeView.Item\n            title=\"Presentation.pptx\"\n            isSelected={selected === 'presentation'}\n            onSelectedChange={() => setSelected('presentation')}\n            leadingVisual={<DocumentIconOutline />}\n          />\n        </TreeView.Item>\n        <TreeView.Item\n          title=\"Resume.pdf\"\n          isSelected={selected === 'resume'}\n          onSelectedChange={() => setSelected('resume')}\n          leadingVisual={<DocumentIconOutline />}\n        />\n      </TreeView.Item>\n      <TreeView.Item\n        title=\"Images\"\n        hasChildren\n        isExpanded={expanded['images']}\n        onExpandedChange={() => toggle('images')}\n        leadingVisual={<FolderIconSolid />}\n      >\n        <TreeView.Item\n          title=\"Photo.jpg\"\n          isSelected={selected === 'photo'}\n          onSelectedChange={() => setSelected('photo')}\n          leadingVisual={<DocumentIconOutline />}\n        />\n        <TreeView.Item\n          title=\"Screenshot.png\"\n          isSelected={selected === 'screenshot'}\n          onSelectedChange={() => setSelected('screenshot')}\n          leadingVisual={<DocumentIconOutline />}\n        />\n      </TreeView.Item>\n    </TreeView>\n  );\n};\n\nexport default Component;\n"]}