@itwin/components-react 4.13.3 → 4.14.0

package/lib/esm/components-react/tree/controlled/component/TreeRenderer.js.map

@@ -1 +1 @@
-{"version":3,"file":"TreeRenderer.js","sourceRoot":"","sources":["../../../../../../src/components-react/tree/controlled/component/TreeRenderer.tsx"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module Tree\n */\n\nimport \"./ControlledTree.scss\";\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport type {\n  ListChildComponentProps,\n  ListOnItemsRenderedProps,\n} from \"react-window\";\nimport { areEqual, VariableSizeList } from \"react-window\";\nimport { concat, timer } from \"rxjs\";\nimport { assert } from \"@itwin/core-bentley\";\nimport { Tree as CoreTree, TreeNodePlaceholder } from \"@itwin/core-react\";\nimport { createContextWithMandatoryProvider } from \"../../../common/UseContextWithMandatoryProvider\";\nimport type { HighlightableTreeProps } from \"../../HighlightingEngine\";\nimport { HighlightingEngine } from \"../../HighlightingEngine\";\nimport type { TreeActions } from \"../TreeActions\";\nimport type {\n  TreeModelNode,\n  TreeModelNodePlaceholder,\n  VisibleTreeNodes,\n} from \"../TreeModel\";\nimport {\n  isTreeModelNode,\n  isTreeModelNodePlaceholder,\n  isTreeModelRootNode,\n} from \"../TreeModel\";\nimport type { ITreeNodeLoader } from \"../TreeNodeLoader\";\nimport type { TreeNodeRendererProps } from \"./TreeNodeRenderer\";\nimport { TreeNodeRenderer } from \"./TreeNodeRenderer\";\nimport { toRxjsObservable } from \"../Observable\";\n\nconst NODE_LOAD_DELAY = 500;\n\n/**\n * Data structure that describes range of rendered items in the tree.\n * @public\n */\nexport interface RenderedItemsRange {\n  overscanStartIndex: number;\n  overscanStopIndex: number;\n  visibleStartIndex: number;\n  visibleStopIndex: number;\n}\n\n/**\n * Properties for [[TreeRenderer]] component.\n * @public\n */\nexport interface TreeRendererProps {\n  treeActions: TreeActions;\n  nodeLoader: ITreeNodeLoader;\n\n  /** Callback that is used to determine node height. */\n  nodeHeight: (\n    node: TreeModelNode | TreeModelNodePlaceholder,\n    index: number\n  ) => number;\n\n  /** Flat list of nodes to be rendered. */\n  visibleNodes: VisibleTreeNodes;\n\n  /** Callback to render custom node.  */\n  nodeRenderer?: (props: TreeNodeRendererProps) => React.ReactNode;\n\n  /** Properties used to highlight nodes and scroll to active match while filtering. */\n  nodeHighlightingProps?: HighlightableTreeProps;\n\n  /** Callback that is called when rendered items range changes. */\n  onItemsRendered?: (renderedItems: RenderedItemsRange) => void;\n\n  /**\n   * Callback used when an editor closes\n   * @internal\n   */\n  onNodeEditorClosed?: () => void;\n\n  /** Width of the tree area. */\n  width: number;\n\n  /** Height of the tree area. */\n  height: number;\n}\n\n/**\n * Attributes found on TreeRenderer component\n * @public\n */\nexport interface TreeRendererAttributes {\n  /**\n   * Scroll to the specified node.\n   * @param nodeId Id of the target node to scroll to.\n   * @param alignment Controls scrolling behavior. See [react-window](https://github.com/bvaughn/react-window) documentation\n   * on `scrollToItem` for details.\n   */\n  scrollToNode(nodeId: string, alignment?: Alignment): void;\n}\n\ntype Alignment = \"auto\" | \"smart\" | \"center\" | \"end\" | \"start\";\n\n/** [[TreeRenderer]] context that is provided to each rendered node. */\ninterface TreeRendererContext {\n  /** Callback to render custom node. */\n  nodeRenderer: (props: TreeNodeRendererProps) => React.ReactNode;\n\n  treeActions: TreeActions;\n  nodeLoader: ITreeNodeLoader;\n\n  /** Flat list of nodes to be rendered. */\n  visibleNodes: VisibleTreeNodes;\n\n  /** Engine used to created node highlighting properties. */\n  highlightingEngine?: HighlightingEngine;\n\n  /** Callback used detect when label is rendered. It is used by TreeRenderer for scrolling to active match. */\n  onLabelRendered?: (node: TreeModelNode) => void;\n\n  /** Callback used when an editor closes */\n  onNodeEditorClosed?: () => void;\n}\n\n/** [[TreeRenderer]] context provider, consumer and custom hook. */\nconst [\n  /** Context of [[TreeRenderer]] provider. */\n  TreeRendererContextProvider,\n\n  /** Context of [[TreeRenderer]] consumer. */\n  _TreeRendererContextConsumer,\n\n  /** Custom hook to use [[TreeRenderer]] context. */\n  useTreeRendererContext,\n] = createContextWithMandatoryProvider<TreeRendererContext>(\n  \"TreeRendererContext\"\n);\n\n/**\n * Default tree rendering component.\n * @public\n */\nexport class TreeRenderer\n  extends React.Component<TreeRendererProps>\n  implements TreeRendererAttributes\n{\n  private _ref = React.createRef<TreeRendererAttributes>();\n\n  /** @inheritdoc */\n  public scrollToNode(nodeId: string, alignment?: Alignment) {\n    // istanbul ignore else\n    if (this._ref.current) this._ref.current.scrollToNode(nodeId, alignment);\n  }\n\n  public override render() {\n    return <TreeRendererInner ref={this._ref} {...this.props} />;\n  }\n}\n\n// eslint-disable-next-line react/display-name\nconst TreeRendererInner = React.forwardRef<\n  TreeRendererAttributes,\n  TreeRendererProps\n>((props, ref) => {\n  const variableSizeListRef = React.useRef<VariableSizeList>(null);\n  useTreeRendererAttributes(ref, variableSizeListRef, props.visibleNodes);\n\n  const previousVisibleNodes = usePrevious(props.visibleNodes);\n  const previousNodeHeight = usePrevious(props.nodeHeight);\n  if (\n    (previousVisibleNodes !== undefined &&\n      previousVisibleNodes !== props.visibleNodes) ||\n    (previousNodeHeight !== undefined &&\n      previousNodeHeight !== props.nodeHeight)\n  ) {\n    /* istanbul ignore else */\n    if (variableSizeListRef.current) {\n      variableSizeListRef.current.resetAfterIndex(0, false);\n    }\n  }\n\n  const coreTreeRef = React.useRef<CoreTree>(null);\n  const onLabelRendered = useScrollToActiveMatch(\n    coreTreeRef,\n    props.nodeHighlightingProps\n  );\n  const highlightingEngine = React.useMemo(\n    () =>\n      props.nodeHighlightingProps &&\n      new HighlightingEngine(props.nodeHighlightingProps),\n    [props.nodeHighlightingProps]\n  );\n\n  const rendererContext = React.useMemo<TreeRendererContext>(\n    () => ({\n      nodeRenderer: props.nodeRenderer\n        ? props.nodeRenderer\n        : (nodeProps) => <TreeNodeRenderer {...nodeProps} />,\n      treeActions: props.treeActions,\n      nodeLoader: props.nodeLoader,\n      visibleNodes: props.visibleNodes,\n      onLabelRendered,\n      highlightingEngine,\n      onNodeEditorClosed: () => {\n        setFocusToSelected(coreTreeRef);\n        props.onNodeEditorClosed && props.onNodeEditorClosed();\n      },\n    }),\n    [props, onLabelRendered, highlightingEngine]\n  );\n\n  const itemKey = React.useCallback(\n    (index: number) => getNodeKey(props.visibleNodes.getAtIndex(index)!),\n    [props.visibleNodes]\n  );\n\n  const { nodeHeight, visibleNodes } = props;\n  const itemSize = React.useCallback(\n    (index: number) => nodeHeight(visibleNodes.getAtIndex(index)!, index),\n    [nodeHeight, visibleNodes]\n  );\n\n  const { nodeHighlightingProps } = props;\n  React.useEffect(() => {\n    const highlightedNodeId = getHighlightedNodeId(nodeHighlightingProps);\n    if (!highlightedNodeId) return;\n\n    let index = 0;\n    for (const node of visibleNodes) {\n      if (isTreeModelNode(node) && node.id === highlightedNodeId) break;\n\n      index++;\n    }\n\n    assert(variableSizeListRef.current !== null);\n    variableSizeListRef.current.scrollToItem(index);\n  }, [nodeHighlightingProps]); // eslint-disable-line react-hooks/exhaustive-deps\n\n  const handleKeyDown = React.useCallback(\n    (e: React.KeyboardEvent) => {\n      props.treeActions.onTreeKeyDown(e);\n    },\n    [props.treeActions]\n  );\n\n  const handleKeyUp = React.useCallback(\n    (e: React.KeyboardEvent) => {\n      props.treeActions.onTreeKeyUp(e);\n    },\n    [props.treeActions]\n  );\n\n  const onItemsRendered = props.onItemsRendered;\n  const handleRenderedItemsChange = React.useCallback(\n    (onItemsRenderedProps: ListOnItemsRenderedProps) => {\n      onItemsRendered && onItemsRendered({ ...onItemsRenderedProps });\n    },\n    [onItemsRendered]\n  );\n\n  return (\n    <TreeRendererContextProvider value={rendererContext}>\n      <CoreTree\n        ref={coreTreeRef}\n        className={classnames(\n          \"components-controlledTree\",\n          \"components-smallEditor-host\"\n        )}\n        onKeyDown={handleKeyDown}\n        onKeyUp={handleKeyUp}\n      >\n        <VariableSizeList\n          ref={variableSizeListRef}\n          className={\"ReactWindow__VariableSizeList\"}\n          width={props.width}\n          height={props.height}\n          itemCount={props.visibleNodes.getNumNodes()}\n          itemSize={itemSize}\n          estimatedItemSize={25}\n          overscanCount={10}\n          itemKey={itemKey}\n          onItemsRendered={handleRenderedItemsChange}\n        >\n          {Node}\n        </VariableSizeList>\n      </CoreTree>\n    </TreeRendererContextProvider>\n  );\n});\n\nfunction getNodeKey(node: TreeModelNode | TreeModelNodePlaceholder): string {\n  if (isTreeModelNode(node)) {\n    return node.id;\n  }\n  return `${node.parentId || \"\"}-${node.childIndex}`;\n}\n\nconst Node = React.memo<React.FC<ListChildComponentProps>>(function Node(\n  props: ListChildComponentProps\n) {\n  const { index, style } = props;\n\n  const {\n    nodeRenderer,\n    visibleNodes,\n    treeActions,\n    nodeLoader,\n    onLabelRendered,\n    highlightingEngine,\n    onNodeEditorClosed,\n  } = useTreeRendererContext(Node);\n  const node = visibleNodes.getAtIndex(index)!;\n\n  useNodeLoading(node, visibleNodes, nodeLoader);\n\n  // Mark selected node's wrapper to make detecting consecutively selected nodes with css selectors possible\n  const className = classnames(\"node-wrapper\", {\n    \"is-selected\": isTreeModelNode(node) && node.isSelected,\n  });\n\n  const isEditing = React.useRef(false);\n  React.useEffect(() => {\n    if (!isTreeModelNode(node)) return;\n\n    if (!isEditing.current && node.editingInfo) {\n      isEditing.current = true;\n    } else if (isEditing.current && node.editingInfo === undefined) {\n      isEditing.current = false;\n      /* istanbul ignore else */\n      if (onNodeEditorClosed) onNodeEditorClosed();\n    }\n  }, [node, onNodeEditorClosed]);\n\n  return (\n    <div className={className} style={style}>\n      {React.useMemo(() => {\n        if (isTreeModelNode(node)) {\n          const nodeHighlightProps = highlightingEngine\n            ? highlightingEngine.createRenderProps(node)\n            : undefined;\n          return nodeRenderer({\n            node,\n            treeActions,\n            onLabelRendered,\n            nodeHighlightProps,\n          });\n        }\n\n        return <TreeNodePlaceholder level={node.depth} />;\n      }, [\n        node,\n        treeActions,\n        nodeRenderer,\n        onLabelRendered,\n        highlightingEngine,\n      ])}\n    </div>\n  );\n},\nareEqual);\n\nfunction useNodeLoading(\n  node: TreeModelNode | TreeModelNodePlaceholder,\n  visibleNodes: VisibleTreeNodes,\n  nodeLoader: ITreeNodeLoader\n): void {\n  React.useEffect(\n    () => {\n      if (!isTreeModelNodePlaceholder(node)) {\n        return;\n      }\n\n      const treeModel = visibleNodes.getModel();\n      const parentNode = node.parentId\n        ? treeModel.getNode(node.parentId)\n        : treeModel.getRootNode();\n      if (!isTreeModelNode(parentNode) && !isTreeModelRootNode(parentNode)) {\n        return;\n      }\n\n      const subscription = concat(\n        timer(NODE_LOAD_DELAY),\n        toRxjsObservable(nodeLoader.loadNode(parentNode, node.childIndex))\n      ).subscribe();\n      return () => subscription.unsubscribe();\n    },\n    // Mounted node component never changes its node key, thus it's safe to run this effect only once for every\n    // nodeLoader change.\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [nodeLoader]\n  );\n}\n\nfunction useTreeRendererAttributes(\n  ref: React.Ref<TreeRendererAttributes>,\n  variableSizeListRef: React.RefObject<VariableSizeList>,\n  visibleNodes: VisibleTreeNodes\n) {\n  const visibleNodesRef = React.useRef(visibleNodes);\n  visibleNodesRef.current = visibleNodes;\n  React.useImperativeHandle(\n    ref,\n    () => ({\n      scrollToNode: (nodeId, alignment) => {\n        assert(variableSizeListRef.current !== null);\n        variableSizeListRef.current.scrollToItem(\n          visibleNodesRef.current.getIndexOfNode(nodeId),\n          alignment\n        );\n      },\n    }),\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    []\n  );\n}\n\nfunction usePrevious<T>(value: T): T | undefined {\n  const ref = React.useRef<T>();\n\n  React.useEffect(() => {\n    ref.current = value;\n  }, [value]);\n\n  return ref.current;\n}\n\nfunction getHighlightedNodeId(highlightableTreeProps?: HighlightableTreeProps) {\n  return highlightableTreeProps && highlightableTreeProps.activeMatch\n    ? highlightableTreeProps.activeMatch.nodeId\n    : undefined;\n}\n\nfunction useScrollToActiveMatch(\n  treeRef: React.RefObject<CoreTree>,\n  highlightableTreeProps?: HighlightableTreeProps\n) {\n  const scrollToActive = React.useRef(false);\n  React.useEffect(() => {\n    scrollToActive.current = true;\n  }, [highlightableTreeProps]);\n\n  const onLabelRendered = React.useCallback(\n    (node: TreeModelNode) => {\n      const highlightedNodeId = getHighlightedNodeId(highlightableTreeProps);\n      if (\n        !treeRef.current ||\n        !scrollToActive.current ||\n        !highlightedNodeId ||\n        highlightedNodeId !== node.id\n      )\n        return;\n\n      scrollToActive.current = false;\n      const scrollTo = [\n        ...treeRef.current.getElementsByClassName(\n          HighlightingEngine.ACTIVE_CLASS_NAME\n        ),\n      ];\n      // istanbul ignore else\n      if (scrollTo.length > 0 && scrollTo[0].scrollIntoView !== undefined)\n        scrollTo[0].scrollIntoView({\n          behavior: \"auto\",\n          block: \"nearest\",\n          inline: \"end\",\n        });\n    },\n    [highlightableTreeProps, treeRef]\n  );\n\n  return onLabelRendered;\n}\n\nfunction setFocusToSelected(treeRef: React.RefObject<CoreTree>) {\n  /* istanbul ignore else */\n  if (treeRef.current)\n    treeRef.current.setFocusByClassName(\".core-tree-node.is-selected\");\n}\n"]}
+{"version":3,"file":"TreeRenderer.js","sourceRoot":"","sources":["../../../../../../src/components-react/tree/controlled/component/TreeRenderer.tsx"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module Tree\n */\n\nimport \"./ControlledTree.scss\";\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport type {\n  ListChildComponentProps,\n  ListOnItemsRenderedProps,\n} from \"react-window\";\nimport { areEqual, VariableSizeList } from \"react-window\";\nimport { concat, timer } from \"rxjs\";\nimport { assert } from \"@itwin/core-bentley\";\nimport { Tree as CoreTree, TreeNodePlaceholder } from \"@itwin/core-react\";\nimport { createContextWithMandatoryProvider } from \"../../../common/UseContextWithMandatoryProvider\";\nimport type { HighlightableTreeProps } from \"../../HighlightingEngine\";\nimport { HighlightingEngine } from \"../../HighlightingEngine\";\nimport type { TreeActions } from \"../TreeActions\";\nimport type {\n  TreeModelNode,\n  TreeModelNodePlaceholder,\n  VisibleTreeNodes,\n} from \"../TreeModel\";\nimport {\n  isTreeModelNode,\n  isTreeModelNodePlaceholder,\n  isTreeModelRootNode,\n} from \"../TreeModel\";\nimport type { ITreeNodeLoader } from \"../TreeNodeLoader\";\nimport type { TreeNodeRendererProps } from \"./TreeNodeRenderer\";\nimport { TreeNodeRenderer } from \"./TreeNodeRenderer\";\nimport { toRxjsObservable } from \"../Observable\";\n\nconst NODE_LOAD_DELAY = 500;\n\n/**\n * Data structure that describes range of rendered items in the tree.\n * @public\n */\nexport interface RenderedItemsRange {\n  overscanStartIndex: number;\n  overscanStopIndex: number;\n  visibleStartIndex: number;\n  visibleStopIndex: number;\n}\n\n/**\n * Properties for [[TreeRenderer]] component.\n * @public\n */\nexport interface TreeRendererProps {\n  treeActions: TreeActions;\n  nodeLoader: ITreeNodeLoader;\n\n  /** Callback that is used to determine node height. */\n  nodeHeight: (\n    node: TreeModelNode | TreeModelNodePlaceholder,\n    index: number\n  ) => number;\n\n  /** Flat list of nodes to be rendered. */\n  visibleNodes: VisibleTreeNodes;\n\n  /** Callback to render custom node.  */\n  nodeRenderer?: (props: TreeNodeRendererProps) => React.ReactNode;\n\n  /** Properties used to highlight nodes and scroll to active match while filtering. */\n  nodeHighlightingProps?: HighlightableTreeProps;\n\n  /** Callback that is called when rendered items range changes. */\n  onItemsRendered?: (renderedItems: RenderedItemsRange) => void;\n\n  /**\n   * Callback used when an editor closes\n   * @internal\n   */\n  onNodeEditorClosed?: () => void;\n\n  /** Width of the tree area. */\n  width: number;\n\n  /** Height of the tree area. */\n  height: number;\n}\n\n/**\n * Attributes found on TreeRenderer component\n * @public\n */\nexport interface TreeRendererAttributes {\n  /**\n   * Scroll to the specified node.\n   * @param nodeId Id of the target node to scroll to.\n   * @param alignment Controls scrolling behavior. See [react-window](https://github.com/bvaughn/react-window) documentation\n   * on `scrollToItem` for details.\n   */\n  scrollToNode(nodeId: string, alignment?: Alignment): void;\n}\n\ntype Alignment = \"auto\" | \"smart\" | \"center\" | \"end\" | \"start\";\n\n/** [[TreeRenderer]] context that is provided to each rendered node. */\ninterface TreeRendererContext {\n  /** Callback to render custom node. */\n  nodeRenderer: (props: TreeNodeRendererProps) => React.ReactNode;\n\n  treeActions: TreeActions;\n  nodeLoader: ITreeNodeLoader;\n\n  /** Flat list of nodes to be rendered. */\n  visibleNodes: VisibleTreeNodes;\n\n  /** Engine used to created node highlighting properties. */\n  highlightingEngine?: HighlightingEngine;\n\n  /** Callback used detect when label is rendered. It is used by TreeRenderer for scrolling to active match. */\n  onLabelRendered?: (node: TreeModelNode) => void;\n\n  /** Callback used when an editor closes */\n  onNodeEditorClosed?: () => void;\n}\n\n/** [[TreeRenderer]] context provider, consumer and custom hook. */\nconst [\n  /** Context of [[TreeRenderer]] provider. */\n  TreeRendererContextProvider,\n\n  /** Context of [[TreeRenderer]] consumer. */\n  _TreeRendererContextConsumer,\n\n  /** Custom hook to use [[TreeRenderer]] context. */\n  useTreeRendererContext,\n] = createContextWithMandatoryProvider<TreeRendererContext>(\n  \"TreeRendererContext\"\n);\n\n/**\n * Default tree rendering component.\n * @public\n */\nexport class TreeRenderer\n  extends React.Component<TreeRendererProps>\n  implements TreeRendererAttributes\n{\n  private _ref = React.createRef<TreeRendererAttributes>();\n\n  /** @inheritdoc */\n  public scrollToNode(nodeId: string, alignment?: Alignment) {\n    if (this._ref.current) this._ref.current.scrollToNode(nodeId, alignment);\n  }\n\n  public override render() {\n    return <TreeRendererInner ref={this._ref} {...this.props} />;\n  }\n}\n\n// eslint-disable-next-line react/display-name\nconst TreeRendererInner = React.forwardRef<\n  TreeRendererAttributes,\n  TreeRendererProps\n>((props, ref) => {\n  const variableSizeListRef = React.useRef<VariableSizeList>(null);\n  useTreeRendererAttributes(ref, variableSizeListRef, props.visibleNodes);\n\n  const previousVisibleNodes = usePrevious(props.visibleNodes);\n  const previousNodeHeight = usePrevious(props.nodeHeight);\n  if (\n    (previousVisibleNodes !== undefined &&\n      previousVisibleNodes !== props.visibleNodes) ||\n    (previousNodeHeight !== undefined &&\n      previousNodeHeight !== props.nodeHeight)\n  ) {\n    if (variableSizeListRef.current) {\n      variableSizeListRef.current.resetAfterIndex(0, false);\n    }\n  }\n\n  const coreTreeRef = React.useRef<CoreTree>(null);\n  const onLabelRendered = useScrollToActiveMatch(\n    coreTreeRef,\n    props.nodeHighlightingProps\n  );\n  const highlightingEngine = React.useMemo(\n    () =>\n      props.nodeHighlightingProps &&\n      new HighlightingEngine(props.nodeHighlightingProps),\n    [props.nodeHighlightingProps]\n  );\n\n  const rendererContext = React.useMemo<TreeRendererContext>(\n    () => ({\n      nodeRenderer: props.nodeRenderer\n        ? props.nodeRenderer\n        : (nodeProps) => <TreeNodeRenderer {...nodeProps} />,\n      treeActions: props.treeActions,\n      nodeLoader: props.nodeLoader,\n      visibleNodes: props.visibleNodes,\n      onLabelRendered,\n      highlightingEngine,\n      onNodeEditorClosed: () => {\n        setFocusToSelected(coreTreeRef);\n        props.onNodeEditorClosed && props.onNodeEditorClosed();\n      },\n    }),\n    [props, onLabelRendered, highlightingEngine]\n  );\n\n  const itemKey = React.useCallback(\n    (index: number) => getNodeKey(props.visibleNodes.getAtIndex(index)!),\n    [props.visibleNodes]\n  );\n\n  const { nodeHeight, visibleNodes } = props;\n  const itemSize = React.useCallback(\n    (index: number) => nodeHeight(visibleNodes.getAtIndex(index)!, index),\n    [nodeHeight, visibleNodes]\n  );\n\n  const { nodeHighlightingProps } = props;\n  React.useEffect(() => {\n    const highlightedNodeId = getHighlightedNodeId(nodeHighlightingProps);\n    if (!highlightedNodeId) return;\n\n    let index = 0;\n    for (const node of visibleNodes) {\n      if (isTreeModelNode(node) && node.id === highlightedNodeId) break;\n\n      index++;\n    }\n\n    assert(variableSizeListRef.current !== null);\n    variableSizeListRef.current.scrollToItem(index);\n  }, [nodeHighlightingProps]); // eslint-disable-line react-hooks/exhaustive-deps\n\n  const handleKeyDown = React.useCallback(\n    (e: React.KeyboardEvent) => {\n      props.treeActions.onTreeKeyDown(e);\n    },\n    [props.treeActions]\n  );\n\n  const handleKeyUp = React.useCallback(\n    (e: React.KeyboardEvent) => {\n      props.treeActions.onTreeKeyUp(e);\n    },\n    [props.treeActions]\n  );\n\n  const onItemsRendered = props.onItemsRendered;\n  const handleRenderedItemsChange = React.useCallback(\n    (onItemsRenderedProps: ListOnItemsRenderedProps) => {\n      onItemsRendered && onItemsRendered({ ...onItemsRenderedProps });\n    },\n    [onItemsRendered]\n  );\n\n  return (\n    <TreeRendererContextProvider value={rendererContext}>\n      <CoreTree\n        ref={coreTreeRef}\n        className={classnames(\n          \"components-controlledTree\",\n          \"components-smallEditor-host\"\n        )}\n        onKeyDown={handleKeyDown}\n        onKeyUp={handleKeyUp}\n      >\n        <VariableSizeList\n          ref={variableSizeListRef}\n          className={\"ReactWindow__VariableSizeList\"}\n          width={props.width}\n          height={props.height}\n          itemCount={props.visibleNodes.getNumNodes()}\n          itemSize={itemSize}\n          estimatedItemSize={25}\n          overscanCount={10}\n          itemKey={itemKey}\n          onItemsRendered={handleRenderedItemsChange}\n        >\n          {Node}\n        </VariableSizeList>\n      </CoreTree>\n    </TreeRendererContextProvider>\n  );\n});\n\nfunction getNodeKey(node: TreeModelNode | TreeModelNodePlaceholder): string {\n  if (isTreeModelNode(node)) {\n    return node.id;\n  }\n  return `${node.parentId || \"\"}-${node.childIndex}`;\n}\n\nconst Node = React.memo<React.FC<ListChildComponentProps>>(function Node(\n  props: ListChildComponentProps\n) {\n  const { index, style } = props;\n\n  const {\n    nodeRenderer,\n    visibleNodes,\n    treeActions,\n    nodeLoader,\n    onLabelRendered,\n    highlightingEngine,\n    onNodeEditorClosed,\n  } = useTreeRendererContext(Node);\n  const node = visibleNodes.getAtIndex(index)!;\n\n  useNodeLoading(node, visibleNodes, nodeLoader);\n\n  // Mark selected node's wrapper to make detecting consecutively selected nodes with css selectors possible\n  const className = classnames(\"node-wrapper\", {\n    \"is-selected\": isTreeModelNode(node) && node.isSelected,\n  });\n\n  const isEditing = React.useRef(false);\n  React.useEffect(() => {\n    if (!isTreeModelNode(node)) return;\n\n    if (!isEditing.current && node.editingInfo) {\n      isEditing.current = true;\n    } else if (isEditing.current && node.editingInfo === undefined) {\n      isEditing.current = false;\n\n      if (onNodeEditorClosed) onNodeEditorClosed();\n    }\n  }, [node, onNodeEditorClosed]);\n\n  return (\n    <div className={className} style={style}>\n      {React.useMemo(() => {\n        if (isTreeModelNode(node)) {\n          const nodeHighlightProps = highlightingEngine\n            ? highlightingEngine.createRenderProps(node)\n            : undefined;\n          return nodeRenderer({\n            node,\n            treeActions,\n            onLabelRendered,\n            nodeHighlightProps,\n          });\n        }\n\n        return <TreeNodePlaceholder level={node.depth} />;\n      }, [\n        node,\n        treeActions,\n        nodeRenderer,\n        onLabelRendered,\n        highlightingEngine,\n      ])}\n    </div>\n  );\n},\nareEqual);\n\nfunction useNodeLoading(\n  node: TreeModelNode | TreeModelNodePlaceholder,\n  visibleNodes: VisibleTreeNodes,\n  nodeLoader: ITreeNodeLoader\n): void {\n  React.useEffect(\n    () => {\n      if (!isTreeModelNodePlaceholder(node)) {\n        return;\n      }\n\n      const treeModel = visibleNodes.getModel();\n      const parentNode = node.parentId\n        ? treeModel.getNode(node.parentId)\n        : treeModel.getRootNode();\n      if (!isTreeModelNode(parentNode) && !isTreeModelRootNode(parentNode)) {\n        return;\n      }\n\n      const subscription = concat(\n        timer(NODE_LOAD_DELAY),\n        toRxjsObservable(nodeLoader.loadNode(parentNode, node.childIndex))\n      ).subscribe();\n      return () => subscription.unsubscribe();\n    },\n    // Mounted node component never changes its node key, thus it's safe to run this effect only once for every\n    // nodeLoader change.\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [nodeLoader]\n  );\n}\n\nfunction useTreeRendererAttributes(\n  ref: React.Ref<TreeRendererAttributes>,\n  variableSizeListRef: React.RefObject<VariableSizeList>,\n  visibleNodes: VisibleTreeNodes\n) {\n  const visibleNodesRef = React.useRef(visibleNodes);\n  visibleNodesRef.current = visibleNodes;\n  React.useImperativeHandle(\n    ref,\n    () => ({\n      scrollToNode: (nodeId, alignment) => {\n        assert(variableSizeListRef.current !== null);\n        variableSizeListRef.current.scrollToItem(\n          visibleNodesRef.current.getIndexOfNode(nodeId),\n          alignment\n        );\n      },\n    }),\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    []\n  );\n}\n\nfunction usePrevious<T>(value: T): T | undefined {\n  const ref = React.useRef<T>();\n\n  React.useEffect(() => {\n    ref.current = value;\n  }, [value]);\n\n  return ref.current;\n}\n\nfunction getHighlightedNodeId(highlightableTreeProps?: HighlightableTreeProps) {\n  return highlightableTreeProps && highlightableTreeProps.activeMatch\n    ? highlightableTreeProps.activeMatch.nodeId\n    : undefined;\n}\n\nfunction useScrollToActiveMatch(\n  treeRef: React.RefObject<CoreTree>,\n  highlightableTreeProps?: HighlightableTreeProps\n) {\n  const scrollToActive = React.useRef(false);\n  React.useEffect(() => {\n    scrollToActive.current = true;\n  }, [highlightableTreeProps]);\n\n  const onLabelRendered = React.useCallback(\n    (node: TreeModelNode) => {\n      const highlightedNodeId = getHighlightedNodeId(highlightableTreeProps);\n      if (\n        !treeRef.current ||\n        !scrollToActive.current ||\n        !highlightedNodeId ||\n        highlightedNodeId !== node.id\n      )\n        return;\n\n      scrollToActive.current = false;\n      const scrollTo = [\n        ...treeRef.current.getElementsByClassName(\n          HighlightingEngine.ACTIVE_CLASS_NAME\n        ),\n      ];\n      if (scrollTo.length > 0 && scrollTo[0].scrollIntoView !== undefined)\n        scrollTo[0].scrollIntoView({\n          behavior: \"auto\",\n          block: \"nearest\",\n          inline: \"end\",\n        });\n    },\n    [highlightableTreeProps, treeRef]\n  );\n\n  return onLabelRendered;\n}\n\nfunction setFocusToSelected(treeRef: React.RefObject<CoreTree>) {\n  if (treeRef.current)\n    treeRef.current.setFocusByClassName(\".core-tree-node.is-selected\");\n}\n"]}

package/lib/esm/components-react/tree/controlled/internal/TreeModelMutator.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TreeModelMutator.d.ts","sourceRoot":"","sources":["../../../../../../src/components-react/tree/controlled/internal/TreeModelMutator.ts"],"names":[],"mappings":"AAIA;;GAEG;AAGH,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAC3D,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAChD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,eAAe,CAAC;AACzD,OAAO,KAAK,EAAE,aAAa,EAA4B,MAAM,cAAc,CAAC;AAC5E,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAC1D,OAAO,KAAK,EAAE,eAAe,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;AAE7E;;;;;GAKG;AACH,qBAAa,gBAAgB;IAC3B,OAAO,CAAC,YAAY,CAAkB;IACtC,OAAO,CAAC,WAAW,CAAkB;IACrC,OAAO,CAAC,iCAAiC,CAAU;gBAGjD,WAAW,EAAE,eAAe,EAC5B,UAAU,EAAE,eAAe,EAC3B,gCAAgC,EAAE,OAAO;IAO3C,IAAW,WAAW,oBAErB;IAEM,UAAU,CAAC,MAAM,EAAE,MAAM,GAAG,UAAU,CAAC,kBAAkB,CAAC;IAsB1D,YAAY,CAAC,MAAM,EAAE,MAAM;IAc3B,eAAe,CACpB,aAAa,EAAE,YAAY,EAAE,EAC7B,eAAe,EAAE,YAAY,EAAE;IAmB1B,gBAAgB,CAAC,aAAa,EAAE,YAAY,EAAE;IAe9C,kBAAkB;IAQlB,iBAAiB,CAAC,YAAY,EAAE,mBAAmB,EAAE;IAWrD,eAAe,CACpB,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,CAAC,IAAI,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,KAAK,IAAI;IAY3D,OAAO,CAAC,qBAAqB;CAoB9B"}
+{"version":3,"file":"TreeModelMutator.d.ts","sourceRoot":"","sources":["../../../../../../src/components-react/tree/controlled/internal/TreeModelMutator.ts"],"names":[],"mappings":"AAIA;;GAEG;AAGH,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAC3D,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAChD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,eAAe,CAAC;AACzD,OAAO,KAAK,EAAE,aAAa,EAA4B,MAAM,cAAc,CAAC;AAC5E,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAC1D,OAAO,KAAK,EAAE,eAAe,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;AAE7E;;;;;GAKG;AACH,qBAAa,gBAAgB;IAC3B,OAAO,CAAC,YAAY,CAAkB;IACtC,OAAO,CAAC,WAAW,CAAkB;IACrC,OAAO,CAAC,iCAAiC,CAAU;gBAGjD,WAAW,EAAE,eAAe,EAC5B,UAAU,EAAE,eAAe,EAC3B,gCAAgC,EAAE,OAAO;IAO3C,IAAW,WAAW,oBAErB;IAEM,UAAU,CAAC,MAAM,EAAE,MAAM,GAAG,UAAU,CAAC,kBAAkB,CAAC;IAsB1D,YAAY,CAAC,MAAM,EAAE,MAAM;IAc3B,eAAe,CACpB,aAAa,EAAE,YAAY,EAAE,EAC7B,eAAe,EAAE,YAAY,EAAE;IAmB1B,gBAAgB,CAAC,aAAa,EAAE,YAAY,EAAE;IAe9C,kBAAkB;IAQlB,iBAAiB,CAAC,YAAY,EAAE,mBAAmB,EAAE;IAWrD,eAAe,CACpB,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,CAAC,IAAI,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,KAAK,IAAI;IAY3D,OAAO,CAAC,qBAAqB;CAmB9B"}

package/lib/esm/components-react/tree/controlled/internal/TreeModelMutator.js

@@ -111,7 +111,6 @@ export class TreeModelMutator {
         const closeEditing = () => {
             this._modelSource.modifyModel((model) => {
                 const node = model.getNode(nodeId);
-                // istanbul ignore if
                 if (!node)
                     return;
                 node.editingInfo = undefined;

package/lib/esm/components-react/tree/controlled/internal/TreeModelMutator.js.map

@@ -1 +1 @@
-{"version":3,"file":"TreeModelMutator.js","sourceRoot":"","sources":["../../../../../../src/components-react/tree/controlled/internal/TreeModelMutator.ts"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module Tree\n */\n\nimport { EMPTY } from \"rxjs\";\nimport type { TreeNodeItem } from \"../../TreeDataProvider\";\nimport type { Observable } from \"../Observable\";\nimport type { CheckboxStateChange } from \"../TreeEvents\";\nimport type { TreeModelNode, TreeModelNodeEditingInfo } from \"../TreeModel\";\nimport type { TreeModelSource } from \"../TreeModelSource\";\nimport type { ITreeNodeLoader, TreeNodeLoadResult } from \"../TreeNodeLoader\";\n\n/**\n * Provides basic tree manipulation implementation for various cases like\n * expand/collapse node, modify/replace/clear selection. It is used by default\n * tree event handler to modify model when events occur.\n * @internal\n */\nexport class TreeModelMutator {\n  private _modelSource: TreeModelSource;\n  private _nodeLoader: ITreeNodeLoader;\n  private _collapsedChildrenDisposalEnabled: boolean;\n\n  constructor(\n    modelSource: TreeModelSource,\n    nodeLoader: ITreeNodeLoader,\n    collapsedChildrenDisposalEnabled: boolean\n  ) {\n    this._modelSource = modelSource;\n    this._nodeLoader = nodeLoader;\n    this._collapsedChildrenDisposalEnabled = collapsedChildrenDisposalEnabled;\n  }\n\n  public get modelSource() {\n    return this._modelSource;\n  }\n\n  public expandNode(nodeId: string): Observable<TreeNodeLoadResult> {\n    let needToLoadChildren = false;\n    this._modelSource.modifyModel((model) => {\n      const node = model.getNode(nodeId);\n      if (node === undefined || node.isExpanded) {\n        return;\n      }\n\n      needToLoadChildren = node.numChildren === undefined;\n\n      node.isExpanded = true;\n      if (needToLoadChildren) {\n        node.isLoading = true;\n      }\n    });\n\n    const expandedNode = this._modelSource.getModel().getNode(nodeId);\n    return needToLoadChildren && expandedNode\n      ? this._nodeLoader.loadNode(expandedNode, 0)\n      : EMPTY;\n  }\n\n  public collapseNode(nodeId: string) {\n    this._modelSource.modifyModel((model) => {\n      const node = model.getNode(nodeId);\n      if (node === undefined || !node.isExpanded) {\n        return;\n      }\n\n      node.isExpanded = false;\n      if (this._collapsedChildrenDisposalEnabled) {\n        model.clearChildren(node.id);\n      }\n    });\n  }\n\n  public modifySelection(\n    nodesToSelect: TreeNodeItem[],\n    nodesToDeselect: TreeNodeItem[]\n  ) {\n    this._modelSource.modifyModel((model) => {\n      for (const nodeItem of nodesToSelect) {\n        const node = model.getNode(nodeItem.id);\n        if (node !== undefined) {\n          node.isSelected = true;\n        }\n      }\n\n      for (const nodeItem of nodesToDeselect) {\n        const node = model.getNode(nodeItem.id);\n        if (node !== undefined) {\n          node.isSelected = false;\n        }\n      }\n    });\n  }\n\n  public replaceSelection(nodesToSelect: TreeNodeItem[]) {\n    this._modelSource.modifyModel((model) => {\n      for (const node of model.iterateTreeModelNodes()) {\n        node.isSelected = false;\n      }\n\n      for (const nodeItem of nodesToSelect) {\n        const node = model.getNode(nodeItem.id);\n        if (node !== undefined) {\n          node.isSelected = true;\n        }\n      }\n    });\n  }\n\n  public clearNodeSelection() {\n    this._modelSource.modifyModel((model) => {\n      for (const node of model.iterateTreeModelNodes()) {\n        node.isSelected = false;\n      }\n    });\n  }\n\n  public setCheckboxStates(stateChanges: CheckboxStateChange[]) {\n    this._modelSource.modifyModel((model) => {\n      for (const { nodeItem, newState } of stateChanges) {\n        const node = model.getNode(nodeItem.id);\n        if (node !== undefined) {\n          node.checkbox.state = newState;\n        }\n      }\n    });\n  }\n\n  public activateEditing(\n    nodeId: string,\n    onCommit: (node: TreeModelNode, newValue: string) => void\n  ) {\n    this._modelSource.modifyModel((model) => {\n      const node = model.getNode(nodeId);\n      if (!node) return;\n\n      if (node.item.isEditable) {\n        node.editingInfo = this.createNodeEditingInfo(nodeId, onCommit);\n      }\n    });\n  }\n\n  private createNodeEditingInfo(\n    nodeId: string,\n    onCommit: (node: TreeModelNode, newValue: string) => void\n  ): TreeModelNodeEditingInfo {\n    const closeEditing = () => {\n      this._modelSource.modifyModel((model) => {\n        const node = model.getNode(nodeId);\n        // istanbul ignore if\n        if (!node) return;\n        node.editingInfo = undefined;\n      });\n    };\n\n    const onEditCommitted = (node: TreeModelNode, newValue: string) => {\n      onCommit(node, newValue);\n      closeEditing();\n    };\n\n    return { onCommit: onEditCommitted, onCancel: closeEditing };\n  }\n}\n"]}
+{"version":3,"file":"TreeModelMutator.js","sourceRoot":"","sources":["../../../../../../src/components-react/tree/controlled/internal/TreeModelMutator.ts"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module Tree\n */\n\nimport { EMPTY } from \"rxjs\";\nimport type { TreeNodeItem } from \"../../TreeDataProvider\";\nimport type { Observable } from \"../Observable\";\nimport type { CheckboxStateChange } from \"../TreeEvents\";\nimport type { TreeModelNode, TreeModelNodeEditingInfo } from \"../TreeModel\";\nimport type { TreeModelSource } from \"../TreeModelSource\";\nimport type { ITreeNodeLoader, TreeNodeLoadResult } from \"../TreeNodeLoader\";\n\n/**\n * Provides basic tree manipulation implementation for various cases like\n * expand/collapse node, modify/replace/clear selection. It is used by default\n * tree event handler to modify model when events occur.\n * @internal\n */\nexport class TreeModelMutator {\n  private _modelSource: TreeModelSource;\n  private _nodeLoader: ITreeNodeLoader;\n  private _collapsedChildrenDisposalEnabled: boolean;\n\n  constructor(\n    modelSource: TreeModelSource,\n    nodeLoader: ITreeNodeLoader,\n    collapsedChildrenDisposalEnabled: boolean\n  ) {\n    this._modelSource = modelSource;\n    this._nodeLoader = nodeLoader;\n    this._collapsedChildrenDisposalEnabled = collapsedChildrenDisposalEnabled;\n  }\n\n  public get modelSource() {\n    return this._modelSource;\n  }\n\n  public expandNode(nodeId: string): Observable<TreeNodeLoadResult> {\n    let needToLoadChildren = false;\n    this._modelSource.modifyModel((model) => {\n      const node = model.getNode(nodeId);\n      if (node === undefined || node.isExpanded) {\n        return;\n      }\n\n      needToLoadChildren = node.numChildren === undefined;\n\n      node.isExpanded = true;\n      if (needToLoadChildren) {\n        node.isLoading = true;\n      }\n    });\n\n    const expandedNode = this._modelSource.getModel().getNode(nodeId);\n    return needToLoadChildren && expandedNode\n      ? this._nodeLoader.loadNode(expandedNode, 0)\n      : EMPTY;\n  }\n\n  public collapseNode(nodeId: string) {\n    this._modelSource.modifyModel((model) => {\n      const node = model.getNode(nodeId);\n      if (node === undefined || !node.isExpanded) {\n        return;\n      }\n\n      node.isExpanded = false;\n      if (this._collapsedChildrenDisposalEnabled) {\n        model.clearChildren(node.id);\n      }\n    });\n  }\n\n  public modifySelection(\n    nodesToSelect: TreeNodeItem[],\n    nodesToDeselect: TreeNodeItem[]\n  ) {\n    this._modelSource.modifyModel((model) => {\n      for (const nodeItem of nodesToSelect) {\n        const node = model.getNode(nodeItem.id);\n        if (node !== undefined) {\n          node.isSelected = true;\n        }\n      }\n\n      for (const nodeItem of nodesToDeselect) {\n        const node = model.getNode(nodeItem.id);\n        if (node !== undefined) {\n          node.isSelected = false;\n        }\n      }\n    });\n  }\n\n  public replaceSelection(nodesToSelect: TreeNodeItem[]) {\n    this._modelSource.modifyModel((model) => {\n      for (const node of model.iterateTreeModelNodes()) {\n        node.isSelected = false;\n      }\n\n      for (const nodeItem of nodesToSelect) {\n        const node = model.getNode(nodeItem.id);\n        if (node !== undefined) {\n          node.isSelected = true;\n        }\n      }\n    });\n  }\n\n  public clearNodeSelection() {\n    this._modelSource.modifyModel((model) => {\n      for (const node of model.iterateTreeModelNodes()) {\n        node.isSelected = false;\n      }\n    });\n  }\n\n  public setCheckboxStates(stateChanges: CheckboxStateChange[]) {\n    this._modelSource.modifyModel((model) => {\n      for (const { nodeItem, newState } of stateChanges) {\n        const node = model.getNode(nodeItem.id);\n        if (node !== undefined) {\n          node.checkbox.state = newState;\n        }\n      }\n    });\n  }\n\n  public activateEditing(\n    nodeId: string,\n    onCommit: (node: TreeModelNode, newValue: string) => void\n  ) {\n    this._modelSource.modifyModel((model) => {\n      const node = model.getNode(nodeId);\n      if (!node) return;\n\n      if (node.item.isEditable) {\n        node.editingInfo = this.createNodeEditingInfo(nodeId, onCommit);\n      }\n    });\n  }\n\n  private createNodeEditingInfo(\n    nodeId: string,\n    onCommit: (node: TreeModelNode, newValue: string) => void\n  ): TreeModelNodeEditingInfo {\n    const closeEditing = () => {\n      this._modelSource.modifyModel((model) => {\n        const node = model.getNode(nodeId);\n        if (!node) return;\n        node.editingInfo = undefined;\n      });\n    };\n\n    const onEditCommitted = (node: TreeModelNode, newValue: string) => {\n      onCommit(node, newValue);\n      closeEditing();\n    };\n\n    return { onCommit: onEditCommitted, onCancel: closeEditing };\n  }\n}\n"]}

package/lib/esm/components-react/tree/controlled/internal/TreeSelectionManager.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TreeSelectionManager.d.ts","sourceRoot":"","sources":["../../../../../../src/components-react/tree/controlled/internal/TreeSelectionManager.ts"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,MAAM,CAAC;AAEvC,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAMhD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,0CAA0C,CAAC;AAC9E,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAClD,OAAO,KAAK,EAAiB,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAQpE,gBAAgB;AAChB,MAAM,WAAW,yBAAyB;IACxC,eAAe,EAAE,mBAAmB,GAAG,cAAc,CAAC;CACvD;AAED,gBAAgB;AAChB,MAAM,WAAW,0BAA0B;IACzC,aAAa,EAAE,mBAAmB,GAAG,cAAc,CAAC;IACpD,eAAe,EAAE,mBAAmB,CAAC;CACtC;AAED,gBAAgB;AAChB,MAAM,WAAW,uBAAuB;IACtC,gBAAgB,EAAE,UAAU,CAAC,0BAA0B,CAAC,CAAC;CAC1D;AAED,gBAAgB;AAChB,MAAM,MAAM,mBAAmB,GAAG,MAAM,EAAE,CAAC;AAE3C,gBAAgB;AAChB,MAAM,WAAW,cAAc;IAC7B,IAAI,EAAE,MAAM,CAAC;IACb,EAAE,EAAE,MAAM,CAAC;CACZ;AAED,gBAAgB;AAChB,wBAAgB,gBAAgB,CAAC,SAAS,EAAE,GAAG,GAAG,SAAS,IAAI,cAAc,CAM5E;AAED,gBAAgB;AAChB,qBAAa,oBACX,YACE,IAAI,CAAC,WAAW,EAAE,eAAe,GAAG,iBAAiB,GAAG,iBAAiB,CAAC;IAE5E,OAAO,CAAC,iBAAiB,CAA8B;IACvD,OAAO,CAAC,uBAAuB,CAAC,CAAsC;IACtE,OAAO,CAAC,aAAa,CAA+C;IAEpE,OAAO,CAAC,gBAAgB,CAAyB;IAE1C,kBAAkB,wCAA+C;IACjE,mBAAmB,uCAA8C;IACjE,eAAe,qCAA4C;gBAGhE,aAAa,EAAE,aAAa,EAC5B,eAAe,EAAE,MAAM,gBAAgB;IAoEzC,OAAO,CAAC,qBAAqB;IAWtB,aAAa,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,CAAC,UAAU;IAOrD,eAAe,CAAC,MAAM,EAAE,MAAM;IAoB9B,eAAe,CAAC,MAAM,EAAE,MAAM;IAIrC,OAAO,CAAC,uBAAuB;IAgDxB,aAAa,CAAC,KAAK,EAAE,KAAK,CAAC,aAAa,EAAE,OAAO,EAAE,WAAW,GAAG,IAAI;IAIrE,WAAW,CAAC,KAAK,EAAE,KAAK,CAAC,aAAa,EAAE,OAAO,EAAE,WAAW,GAAG,IAAI;IAI1E,OAAO,CAAC,gBAAgB,CA+DtB;CACH"}
+{"version":3,"file":"TreeSelectionManager.d.ts","sourceRoot":"","sources":["../../../../../../src/components-react/tree/controlled/internal/TreeSelectionManager.ts"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,MAAM,CAAC;AAEvC,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAMhD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,0CAA0C,CAAC;AAC9E,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAClD,OAAO,KAAK,EAAiB,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAQpE,gBAAgB;AAChB,MAAM,WAAW,yBAAyB;IACxC,eAAe,EAAE,mBAAmB,GAAG,cAAc,CAAC;CACvD;AAED,gBAAgB;AAChB,MAAM,WAAW,0BAA0B;IACzC,aAAa,EAAE,mBAAmB,GAAG,cAAc,CAAC;IACpD,eAAe,EAAE,mBAAmB,CAAC;CACtC;AAED,gBAAgB;AAChB,MAAM,WAAW,uBAAuB;IACtC,gBAAgB,EAAE,UAAU,CAAC,0BAA0B,CAAC,CAAC;CAC1D;AAED,gBAAgB;AAChB,MAAM,MAAM,mBAAmB,GAAG,MAAM,EAAE,CAAC;AAE3C,gBAAgB;AAChB,MAAM,WAAW,cAAc;IAC7B,IAAI,EAAE,MAAM,CAAC;IACb,EAAE,EAAE,MAAM,CAAC;CACZ;AAED,gBAAgB;AAChB,wBAAgB,gBAAgB,CAAC,SAAS,EAAE,GAAG,GAAG,SAAS,IAAI,cAAc,CAM5E;AAED,gBAAgB;AAChB,qBAAa,oBACX,YACE,IAAI,CAAC,WAAW,EAAE,eAAe,GAAG,iBAAiB,GAAG,iBAAiB,CAAC;IAE5E,OAAO,CAAC,iBAAiB,CAA8B;IACvD,OAAO,CAAC,uBAAuB,CAAC,CAAsC;IACtE,OAAO,CAAC,aAAa,CAA+C;IAEpE,OAAO,CAAC,gBAAgB,CAAyB;IAE1C,kBAAkB,wCAA+C;IACjE,mBAAmB,uCAA8C;IACjE,eAAe,qCAA4C;gBAGhE,aAAa,EAAE,aAAa,EAC5B,eAAe,EAAE,MAAM,gBAAgB;IAoEzC,OAAO,CAAC,qBAAqB;IAQtB,aAAa,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,CAAC,UAAU;IAOrD,eAAe,CAAC,MAAM,EAAE,MAAM;IAoB9B,eAAe,CAAC,MAAM,EAAE,MAAM;IAIrC,OAAO,CAAC,uBAAuB;IAgDxB,aAAa,CAAC,KAAK,EAAE,KAAK,CAAC,aAAa,EAAE,OAAO,EAAE,WAAW,GAAG,IAAI;IAIrE,WAAW,CAAC,KAAK,EAAE,KAAK,CAAC,aAAa,EAAE,OAAO,EAAE,WAAW,GAAG,IAAI;IAI1E,OAAO,CAAC,gBAAgB,CA6DtB;CACH"}

package/lib/esm/components-react/tree/controlled/internal/TreeSelectionManager.js

@@ -32,12 +32,10 @@ export class TreeSelectionManager {
             const processedNode = this._getVisibleNodes()
                 .getModel()
                 .getNode(processedNodeId);
-            // istanbul ignore if
             if (!processedNode || isEditing(processedNode))
                 return;
             const handleKeyboardSelectItem = (index) => {
                 const node = this.getVisibleNodeAtIndex(this._getVisibleNodes(), index);
-                // istanbul ignore if
                 if (!node || isEditing(node))
                     return;
                 const selectionFunc = this._selectionHandler.createSelectionFunction(...this.createSelectionHandlers(node.id));
@@ -126,9 +124,7 @@ export class TreeSelectionManager {
         this._itemHandlers = [itemHandlers];
     }
     getVisibleNodeAtIndex(nodes, index) {
-        const foundNode = nodes !== undefined
-            ? nodes.getAtIndex(index)
-            : /* istanbul ignore next */ undefined;
+        const foundNode = nodes !== undefined ? nodes.getAtIndex(index) : undefined;
         return isTreeModelNode(foundNode) ? foundNode : undefined;
     }
     onNodeClicked(nodeId, event) {
@@ -139,7 +135,6 @@ export class TreeSelectionManager {
         this._selectionHandler.createDragAction(this.createSelectionHandlers(nodeId)[0], this._itemHandlers, nodeId);
         window.addEventListener("mouseup", () => {
             this._selectionHandler.completeDragAction();
-            /* istanbul ignore else */
             if (this._dragSelectionOperation) {
                 this._dragSelectionOperation.complete();
                 this._dragSelectionOperation = undefined;
@@ -204,15 +199,11 @@ class ItemHandler {
     constructor(node) {
         this._node = node;
     }
-    /* istanbul ignore next: noop */
     preselect() { }
-    /* istanbul ignore next: noop */
     select() { }
-    /* istanbul ignore next: noop */
     deselect() { }
     // eslint-disable-next-line @itwin/prefer-get
     isSelected() {
-        // istanbul ignore next
         return !!this._node?.isSelected;
     }
     item() {

package/lib/esm/components-react/tree/controlled/internal/TreeSelectionManager.js.map

@@ -1 +1 @@
-{"version":3,"file":"TreeSelectionManager.js","sourceRoot":"","sources":["../../../../../../src/components-react/tree/controlled/internal/TreeSelectionManager.ts"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module Tree\n */\n\nimport type { Observable } from \"rxjs\";\nimport { Subject } from \"rxjs\";\nimport { BeUiEvent } from \"@itwin/core-bentley\";\nimport type {\n  MultiSelectionHandler,\n  SingleSelectionHandler,\n} from \"../../../common/selection/SelectionHandler\";\nimport { SelectionHandler } from \"../../../common/selection/SelectionHandler\";\nimport type { SelectionMode } from \"../../../common/selection/SelectionModes\";\nimport type { TreeActions } from \"../TreeActions\";\nimport type { TreeModelNode, VisibleTreeNodes } from \"../TreeModel\";\nimport { isTreeModelNode } from \"../TreeModel\";\nimport {\n  isNavigationKey,\n  ItemKeyboardNavigator,\n  Orientation,\n} from \"@itwin/core-react\";\n\n/** @internal */\nexport interface SelectionReplacementEvent {\n  selectedNodeIds: IndividualSelection | RangeSelection;\n}\n\n/** @internal */\nexport interface SelectionModificationEvent {\n  selectedNodes: IndividualSelection | RangeSelection;\n  deselectedNodes: IndividualSelection;\n}\n\n/** @internal */\nexport interface DragSelectionStartEvent {\n  selectionChanges: Observable<SelectionModificationEvent>;\n}\n\n/** @internal */\nexport type IndividualSelection = string[];\n\n/** @internal */\nexport interface RangeSelection {\n  from: string;\n  to: string;\n}\n\n/** @internal */\nexport function isRangeSelection(selection: any): selection is RangeSelection {\n  return (\n    selection &&\n    typeof selection.from === \"string\" &&\n    typeof selection.to === \"string\"\n  );\n}\n\n/** @internal */\nexport class TreeSelectionManager\n  implements\n    Pick<TreeActions, \"onNodeClicked\" | \"onNodeMouseDown\" | \"onNodeMouseMove\">\n{\n  private _selectionHandler: SelectionHandler<Selection>;\n  private _dragSelectionOperation?: Subject<SelectionModificationEvent>;\n  private _itemHandlers: Array<Array<SingleSelectionHandler<string>>>;\n\n  private _getVisibleNodes: () => VisibleTreeNodes;\n\n  public onSelectionChanged = new BeUiEvent<SelectionModificationEvent>();\n  public onSelectionReplaced = new BeUiEvent<SelectionReplacementEvent>();\n  public onDragSelection = new BeUiEvent<DragSelectionStartEvent>();\n\n  constructor(\n    selectionMode: SelectionMode,\n    getVisibleNodes: () => VisibleTreeNodes\n  ) {\n    this._getVisibleNodes = getVisibleNodes;\n\n    const onItemsSelected = (selections: Selection[], replacement: boolean) => {\n      // Assumes that `selections` will only contain either a list of\n      // `IndividualSelection` items or a single `RangeSelection` item.\n      if (isIndividualSelection(selections[0])) {\n        if (replacement) {\n          this.onSelectionReplaced.emit({\n            selectedNodeIds: selections as IndividualSelection,\n          });\n        } else {\n          this.onSelectionChanged.emit({\n            selectedNodes: selections as IndividualSelection,\n            deselectedNodes: [],\n          });\n        }\n      } else {\n        if (replacement) {\n          this.onSelectionReplaced.emit({\n            selectedNodeIds: selections[0],\n          });\n        } else {\n          this.onSelectionChanged.emit({\n            selectedNodes: selections[0],\n            deselectedNodes: [],\n          });\n        }\n      }\n    };\n\n    const onItemsDeselected = (deselections: Selection[]) => {\n      // Assumes that this will be always called with `IndividualSelection` items\n      this.onSelectionChanged.emit({\n        selectedNodes: [],\n        deselectedNodes: deselections as IndividualSelection,\n      });\n    };\n\n    this._selectionHandler = new SelectionHandler(\n      selectionMode,\n      onItemsSelected,\n      onItemsDeselected\n    );\n\n    // eslint-disable-next-line @typescript-eslint/no-this-alias\n    const _this = this;\n    const itemHandlers = new Proxy(\n      {},\n      {\n        get(_target, prop) {\n          if (prop === \"length\") {\n            return _this._getVisibleNodes().getNumNodes();\n          }\n\n          const index: number = +(prop as string);\n          const node = _this.getVisibleNodeAtIndex(\n            _this._getVisibleNodes(),\n            index\n          );\n          return new ItemHandler(node);\n        },\n      }\n    ) as Array<SingleSelectionHandler<string>>;\n    this._itemHandlers = [itemHandlers];\n  }\n\n  private getVisibleNodeAtIndex(\n    nodes: VisibleTreeNodes | undefined,\n    index: number\n  ): TreeModelNode | undefined {\n    const foundNode =\n      nodes !== undefined\n        ? nodes.getAtIndex(index)\n        : /* istanbul ignore next */ undefined;\n    return isTreeModelNode(foundNode) ? foundNode : undefined;\n  }\n\n  public onNodeClicked(nodeId: string, event: React.MouseEvent) {\n    const selectionFunc = this._selectionHandler.createSelectionFunction(\n      ...this.createSelectionHandlers(nodeId)\n    );\n    selectionFunc(event.shiftKey, event.ctrlKey || event.metaKey);\n  }\n\n  public onNodeMouseDown(nodeId: string) {\n    this._selectionHandler.createDragAction(\n      this.createSelectionHandlers(nodeId)[0],\n      this._itemHandlers,\n      nodeId\n    );\n    window.addEventListener(\n      \"mouseup\",\n      () => {\n        this._selectionHandler.completeDragAction();\n        /* istanbul ignore else */\n        if (this._dragSelectionOperation) {\n          this._dragSelectionOperation.complete();\n          this._dragSelectionOperation = undefined;\n        }\n      },\n      { once: true }\n    );\n  }\n\n  public onNodeMouseMove(nodeId: string) {\n    this._selectionHandler.updateDragAction(nodeId);\n  }\n\n  private createSelectionHandlers(\n    nodeId: string\n  ): [MultiSelectionHandler<Selection>, SingleSelectionHandler<string>] {\n    let deselectedAll = false;\n    const multiSelectionHandler: MultiSelectionHandler<Selection> = {\n      selectBetween: (item1, item2) => [\n        { from: item1 as string, to: item2 as string },\n      ],\n      updateSelection: (selections, deselections) => {\n        if (!this._dragSelectionOperation) {\n          this._dragSelectionOperation = new Subject();\n          this.onDragSelection.emit({\n            selectionChanges: this._dragSelectionOperation,\n          });\n        }\n\n        // Assumes `updateSelection` will never be called with selection ranges\n        const selectedNodeIds = selections as string[];\n        const deselectedNodeIds = deselections as string[];\n        this._dragSelectionOperation.next({\n          selectedNodes: selectedNodeIds,\n          deselectedNodes: deselectedNodeIds,\n        });\n      },\n      deselectAll: () => {\n        deselectedAll = true;\n      },\n      areEqual: (item1, item2) => item1 === item2,\n    };\n\n    const singleSelectionHandler: SingleSelectionHandler<string> = {\n      preselect: () => {},\n      select: () => {},\n      deselect: () => {},\n      isSelected: () => {\n        if (deselectedAll) {\n          return false;\n        }\n\n        const node = this._getVisibleNodes().getModel().getNode(nodeId);\n        return node !== undefined && node.isSelected;\n      },\n      item: () => nodeId,\n    };\n\n    return [multiSelectionHandler, singleSelectionHandler];\n  }\n\n  public onTreeKeyDown(event: React.KeyboardEvent, actions: TreeActions): void {\n    this._onKeyboardEvent(event, actions, true);\n  }\n\n  public onTreeKeyUp(event: React.KeyboardEvent, actions: TreeActions): void {\n    this._onKeyboardEvent(event, actions, false);\n  }\n\n  private _onKeyboardEvent = (\n    e: React.KeyboardEvent,\n    actions: TreeActions,\n    isKeyDown: boolean\n  ) => {\n    const processedNodeId = this._selectionHandler.processedItem;\n    if (!isNavigationKey(e.key) || !isIndividualSelection(processedNodeId)) {\n      return;\n    }\n\n    const isExpandable = (node: TreeModelNode): boolean =>\n      !node.isLoading && node.numChildren !== 0;\n    const isEditing = (node: TreeModelNode): boolean =>\n      node.editingInfo !== undefined;\n\n    const processedNode = this._getVisibleNodes()\n      .getModel()\n      .getNode(processedNodeId);\n\n    // istanbul ignore if\n    if (!processedNode || isEditing(processedNode)) return;\n\n    const handleKeyboardSelectItem = (index: number) => {\n      const node = this.getVisibleNodeAtIndex(this._getVisibleNodes(), index);\n      // istanbul ignore if\n      if (!node || isEditing(node)) return;\n\n      const selectionFunc = this._selectionHandler.createSelectionFunction(\n        ...this.createSelectionHandlers(node.id)\n      );\n      selectionFunc(e.shiftKey, e.ctrlKey);\n    };\n    const handleKeyboardActivateItem = (_index: number) => {\n      if (isExpandable(processedNode)) {\n        if (!processedNode.isExpanded) actions.onNodeExpanded(processedNode.id);\n        else actions.onNodeCollapsed(processedNode.id);\n      } else {\n        actions.onNodeEditorActivated(processedNode.id);\n      }\n    };\n    const handleCrossAxisArrowKey = (forward: boolean) => {\n      if (!isExpandable(processedNode)) return;\n\n      if (forward && !processedNode.isExpanded)\n        actions.onNodeExpanded(processedNode.id);\n      else if (!forward && processedNode.isExpanded)\n        actions.onNodeCollapsed(processedNode.id);\n    };\n\n    const itemKeyboardNavigator = new ItemKeyboardNavigator(\n      handleKeyboardSelectItem,\n      handleKeyboardActivateItem\n    );\n    itemKeyboardNavigator.orientation = Orientation.Vertical;\n    itemKeyboardNavigator.crossAxisArrowKeyHandler = handleCrossAxisArrowKey;\n    itemKeyboardNavigator.allowWrap = false;\n    itemKeyboardNavigator.itemCount = this._getVisibleNodes().getNumNodes();\n\n    const processedNodeIndex =\n      this._getVisibleNodes().getIndexOfNode(processedNodeId);\n    isKeyDown\n      ? itemKeyboardNavigator.handleKeyDownEvent(e, processedNodeIndex)\n      : itemKeyboardNavigator.handleKeyUpEvent(e, processedNodeIndex);\n  };\n}\n\ntype Selection = string | RangeSelection;\n\nfunction isIndividualSelection(\n  selection: Selection | undefined\n): selection is string {\n  return typeof selection === \"string\";\n}\n\nclass ItemHandler implements SingleSelectionHandler<string> {\n  private _node: TreeModelNode | undefined;\n\n  constructor(node: TreeModelNode | undefined) {\n    this._node = node;\n  }\n\n  /* istanbul ignore next: noop */\n  public preselect() {}\n\n  /* istanbul ignore next: noop */\n  public select() {}\n\n  /* istanbul ignore next: noop */\n  public deselect() {}\n\n  // eslint-disable-next-line @itwin/prefer-get\n  public isSelected(): boolean {\n    // istanbul ignore next\n    return !!this._node?.isSelected;\n  }\n\n  public item(): string {\n    return this._node?.id ?? \"\";\n  }\n}\n"]}
+{"version":3,"file":"TreeSelectionManager.js","sourceRoot":"","sources":["../../../../../../src/components-react/tree/controlled/internal/TreeSelectionManager.ts"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module Tree\n */\n\nimport type { Observable } from \"rxjs\";\nimport { Subject } from \"rxjs\";\nimport { BeUiEvent } from \"@itwin/core-bentley\";\nimport type {\n  MultiSelectionHandler,\n  SingleSelectionHandler,\n} from \"../../../common/selection/SelectionHandler\";\nimport { SelectionHandler } from \"../../../common/selection/SelectionHandler\";\nimport type { SelectionMode } from \"../../../common/selection/SelectionModes\";\nimport type { TreeActions } from \"../TreeActions\";\nimport type { TreeModelNode, VisibleTreeNodes } from \"../TreeModel\";\nimport { isTreeModelNode } from \"../TreeModel\";\nimport {\n  isNavigationKey,\n  ItemKeyboardNavigator,\n  Orientation,\n} from \"@itwin/core-react\";\n\n/** @internal */\nexport interface SelectionReplacementEvent {\n  selectedNodeIds: IndividualSelection | RangeSelection;\n}\n\n/** @internal */\nexport interface SelectionModificationEvent {\n  selectedNodes: IndividualSelection | RangeSelection;\n  deselectedNodes: IndividualSelection;\n}\n\n/** @internal */\nexport interface DragSelectionStartEvent {\n  selectionChanges: Observable<SelectionModificationEvent>;\n}\n\n/** @internal */\nexport type IndividualSelection = string[];\n\n/** @internal */\nexport interface RangeSelection {\n  from: string;\n  to: string;\n}\n\n/** @internal */\nexport function isRangeSelection(selection: any): selection is RangeSelection {\n  return (\n    selection &&\n    typeof selection.from === \"string\" &&\n    typeof selection.to === \"string\"\n  );\n}\n\n/** @internal */\nexport class TreeSelectionManager\n  implements\n    Pick<TreeActions, \"onNodeClicked\" | \"onNodeMouseDown\" | \"onNodeMouseMove\">\n{\n  private _selectionHandler: SelectionHandler<Selection>;\n  private _dragSelectionOperation?: Subject<SelectionModificationEvent>;\n  private _itemHandlers: Array<Array<SingleSelectionHandler<string>>>;\n\n  private _getVisibleNodes: () => VisibleTreeNodes;\n\n  public onSelectionChanged = new BeUiEvent<SelectionModificationEvent>();\n  public onSelectionReplaced = new BeUiEvent<SelectionReplacementEvent>();\n  public onDragSelection = new BeUiEvent<DragSelectionStartEvent>();\n\n  constructor(\n    selectionMode: SelectionMode,\n    getVisibleNodes: () => VisibleTreeNodes\n  ) {\n    this._getVisibleNodes = getVisibleNodes;\n\n    const onItemsSelected = (selections: Selection[], replacement: boolean) => {\n      // Assumes that `selections` will only contain either a list of\n      // `IndividualSelection` items or a single `RangeSelection` item.\n      if (isIndividualSelection(selections[0])) {\n        if (replacement) {\n          this.onSelectionReplaced.emit({\n            selectedNodeIds: selections as IndividualSelection,\n          });\n        } else {\n          this.onSelectionChanged.emit({\n            selectedNodes: selections as IndividualSelection,\n            deselectedNodes: [],\n          });\n        }\n      } else {\n        if (replacement) {\n          this.onSelectionReplaced.emit({\n            selectedNodeIds: selections[0],\n          });\n        } else {\n          this.onSelectionChanged.emit({\n            selectedNodes: selections[0],\n            deselectedNodes: [],\n          });\n        }\n      }\n    };\n\n    const onItemsDeselected = (deselections: Selection[]) => {\n      // Assumes that this will be always called with `IndividualSelection` items\n      this.onSelectionChanged.emit({\n        selectedNodes: [],\n        deselectedNodes: deselections as IndividualSelection,\n      });\n    };\n\n    this._selectionHandler = new SelectionHandler(\n      selectionMode,\n      onItemsSelected,\n      onItemsDeselected\n    );\n\n    // eslint-disable-next-line @typescript-eslint/no-this-alias\n    const _this = this;\n    const itemHandlers = new Proxy(\n      {},\n      {\n        get(_target, prop) {\n          if (prop === \"length\") {\n            return _this._getVisibleNodes().getNumNodes();\n          }\n\n          const index: number = +(prop as string);\n          const node = _this.getVisibleNodeAtIndex(\n            _this._getVisibleNodes(),\n            index\n          );\n          return new ItemHandler(node);\n        },\n      }\n    ) as Array<SingleSelectionHandler<string>>;\n    this._itemHandlers = [itemHandlers];\n  }\n\n  private getVisibleNodeAtIndex(\n    nodes: VisibleTreeNodes | undefined,\n    index: number\n  ): TreeModelNode | undefined {\n    const foundNode = nodes !== undefined ? nodes.getAtIndex(index) : undefined;\n    return isTreeModelNode(foundNode) ? foundNode : undefined;\n  }\n\n  public onNodeClicked(nodeId: string, event: React.MouseEvent) {\n    const selectionFunc = this._selectionHandler.createSelectionFunction(\n      ...this.createSelectionHandlers(nodeId)\n    );\n    selectionFunc(event.shiftKey, event.ctrlKey || event.metaKey);\n  }\n\n  public onNodeMouseDown(nodeId: string) {\n    this._selectionHandler.createDragAction(\n      this.createSelectionHandlers(nodeId)[0],\n      this._itemHandlers,\n      nodeId\n    );\n    window.addEventListener(\n      \"mouseup\",\n      () => {\n        this._selectionHandler.completeDragAction();\n\n        if (this._dragSelectionOperation) {\n          this._dragSelectionOperation.complete();\n          this._dragSelectionOperation = undefined;\n        }\n      },\n      { once: true }\n    );\n  }\n\n  public onNodeMouseMove(nodeId: string) {\n    this._selectionHandler.updateDragAction(nodeId);\n  }\n\n  private createSelectionHandlers(\n    nodeId: string\n  ): [MultiSelectionHandler<Selection>, SingleSelectionHandler<string>] {\n    let deselectedAll = false;\n    const multiSelectionHandler: MultiSelectionHandler<Selection> = {\n      selectBetween: (item1, item2) => [\n        { from: item1 as string, to: item2 as string },\n      ],\n      updateSelection: (selections, deselections) => {\n        if (!this._dragSelectionOperation) {\n          this._dragSelectionOperation = new Subject();\n          this.onDragSelection.emit({\n            selectionChanges: this._dragSelectionOperation,\n          });\n        }\n\n        // Assumes `updateSelection` will never be called with selection ranges\n        const selectedNodeIds = selections as string[];\n        const deselectedNodeIds = deselections as string[];\n        this._dragSelectionOperation.next({\n          selectedNodes: selectedNodeIds,\n          deselectedNodes: deselectedNodeIds,\n        });\n      },\n      deselectAll: () => {\n        deselectedAll = true;\n      },\n      areEqual: (item1, item2) => item1 === item2,\n    };\n\n    const singleSelectionHandler: SingleSelectionHandler<string> = {\n      preselect: () => {},\n      select: () => {},\n      deselect: () => {},\n      isSelected: () => {\n        if (deselectedAll) {\n          return false;\n        }\n\n        const node = this._getVisibleNodes().getModel().getNode(nodeId);\n        return node !== undefined && node.isSelected;\n      },\n      item: () => nodeId,\n    };\n\n    return [multiSelectionHandler, singleSelectionHandler];\n  }\n\n  public onTreeKeyDown(event: React.KeyboardEvent, actions: TreeActions): void {\n    this._onKeyboardEvent(event, actions, true);\n  }\n\n  public onTreeKeyUp(event: React.KeyboardEvent, actions: TreeActions): void {\n    this._onKeyboardEvent(event, actions, false);\n  }\n\n  private _onKeyboardEvent = (\n    e: React.KeyboardEvent,\n    actions: TreeActions,\n    isKeyDown: boolean\n  ) => {\n    const processedNodeId = this._selectionHandler.processedItem;\n    if (!isNavigationKey(e.key) || !isIndividualSelection(processedNodeId)) {\n      return;\n    }\n\n    const isExpandable = (node: TreeModelNode): boolean =>\n      !node.isLoading && node.numChildren !== 0;\n    const isEditing = (node: TreeModelNode): boolean =>\n      node.editingInfo !== undefined;\n\n    const processedNode = this._getVisibleNodes()\n      .getModel()\n      .getNode(processedNodeId);\n\n    if (!processedNode || isEditing(processedNode)) return;\n\n    const handleKeyboardSelectItem = (index: number) => {\n      const node = this.getVisibleNodeAtIndex(this._getVisibleNodes(), index);\n      if (!node || isEditing(node)) return;\n\n      const selectionFunc = this._selectionHandler.createSelectionFunction(\n        ...this.createSelectionHandlers(node.id)\n      );\n      selectionFunc(e.shiftKey, e.ctrlKey);\n    };\n    const handleKeyboardActivateItem = (_index: number) => {\n      if (isExpandable(processedNode)) {\n        if (!processedNode.isExpanded) actions.onNodeExpanded(processedNode.id);\n        else actions.onNodeCollapsed(processedNode.id);\n      } else {\n        actions.onNodeEditorActivated(processedNode.id);\n      }\n    };\n    const handleCrossAxisArrowKey = (forward: boolean) => {\n      if (!isExpandable(processedNode)) return;\n\n      if (forward && !processedNode.isExpanded)\n        actions.onNodeExpanded(processedNode.id);\n      else if (!forward && processedNode.isExpanded)\n        actions.onNodeCollapsed(processedNode.id);\n    };\n\n    const itemKeyboardNavigator = new ItemKeyboardNavigator(\n      handleKeyboardSelectItem,\n      handleKeyboardActivateItem\n    );\n    itemKeyboardNavigator.orientation = Orientation.Vertical;\n    itemKeyboardNavigator.crossAxisArrowKeyHandler = handleCrossAxisArrowKey;\n    itemKeyboardNavigator.allowWrap = false;\n    itemKeyboardNavigator.itemCount = this._getVisibleNodes().getNumNodes();\n\n    const processedNodeIndex =\n      this._getVisibleNodes().getIndexOfNode(processedNodeId);\n    isKeyDown\n      ? itemKeyboardNavigator.handleKeyDownEvent(e, processedNodeIndex)\n      : itemKeyboardNavigator.handleKeyUpEvent(e, processedNodeIndex);\n  };\n}\n\ntype Selection = string | RangeSelection;\n\nfunction isIndividualSelection(\n  selection: Selection | undefined\n): selection is string {\n  return typeof selection === \"string\";\n}\n\nclass ItemHandler implements SingleSelectionHandler<string> {\n  private _node: TreeModelNode | undefined;\n\n  constructor(node: TreeModelNode | undefined) {\n    this._node = node;\n  }\n\n  public preselect() {}\n\n  public select() {}\n\n  public deselect() {}\n\n  // eslint-disable-next-line @itwin/prefer-get\n  public isSelected(): boolean {\n    return !!this._node?.isSelected;\n  }\n\n  public item(): string {\n    return this._node?.id ?? \"\";\n  }\n}\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@itwin/components-react",
-  "version": "4.13.3",
+  "version": "4.14.0",
   "description": "iTwin.js UI complex components",
   "main": "lib/cjs/components-react.js",
   "module": "lib/esm/components-react.js",
@@ -24,7 +24,7 @@
   "peerDependencies": {
     "@itwin/appui-abstract": "^3.7.0 || ^4.0.0",
     "@itwin/core-bentley": "^3.7.0 || ^4.0.0",
-    "@itwin/core-react": "^4.13.3",
+    "@itwin/core-react": "^4.14.0",
     "react": "^17.0.0 || ^18.0.0",
     "react-dom": "^17.0.0 || ^18.0.0"
   },
@@ -40,16 +40,15 @@
     "@itwin/core-geometry": "^3.7.0 || ^4.0.0",
     "@itwin/core-i18n": "^3.7.0 || ^4.0.0",
     "@itwin/eslint-plugin": "^4.0.0-dev.52",
-    "@testing-library/dom": "^8.11.2",
-    "@testing-library/react": "^12.0.0",
-    "@testing-library/react-hooks": "^7.0.2",
-    "@testing-library/user-event": "^14.4.2",
+    "@testing-library/dom": "^10.1.0",
+    "@testing-library/react": "^15.0.7",
+    "@testing-library/user-event": "^14.5.2",
     "@types/faker": "^4.1.0",
     "@types/linkify-it": "~2.1.0",
     "@types/lodash": "^4.14.0",
     "@types/node": "18.11.5",
-    "@types/react": "^17.0.37",
-    "@types/react-dom": "^17.0.0",
+    "@types/react": "^18.3.2",
+    "@types/react-dom": "^18.3.0",
     "@types/react-highlight-words": "^0.16.1",
     "@types/react-window": "^1.8.2",
     "@vitest/coverage-v8": "^1.4.0",
@@ -59,18 +58,17 @@
     "faker": "^4.1.0",
     "ignore-styles": "^5.0.1",
     "jsdom": "^24.0.0",
-    "jsdom-global": "3.0.2",
     "npm-run-all": "^4.1.5",
     "raf": "^3.4.0",
-    "react": "^17.0.0",
-    "react-dom": "^17.0.0",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
     "rimraf": "^3.0.2",
     "ts-node": "^10.8.2",
     "typemoq": "^2.1.0",
     "typescript": "~5.3.3",
     "upath": "^2.0.1",
-    "vitest": "^1.4.0",
-    "@itwin/core-react": "4.13.3"
+    "vitest": "^1.6.0",
+    "@itwin/core-react": "4.14.0"
   },
   "//dependencies": [
     "NOTE: these dependencies should be only for things that DO NOT APPEAR IN THE API",
@@ -81,7 +79,6 @@
     "@itwin/itwinui-variables": "^3.0.0",
     "@itwin/itwinui-icons-react": "^2.8.0",
     "@itwin/itwinui-react": "^3.6.0",
-    "@types/shortid": "~0.0.29",
     "classnames": "2.3.1",
     "immer": "9.0.6",
     "linkify-it": "~2.2.0",
@@ -89,7 +86,6 @@
     "react-highlight-words": "^0.20.0",
     "react-window": "^1.8.9",
     "rxjs": "^7.8.1",
-    "shortid": "~2.2.15",
     "ts-key-enum": "~2.0.12"
   },
   "scripts": {