Class ScmTreeWidget

Protected Readonly colors

Protected Readonly contextKeys

Protected Readonly decorationsService

Protected Readonly diffNavigatorProvider

Protected Readonly editorManager

Protected Readonly iconThemeService

Protected Readonly menuCommandExecutor

Protected Readonly menus

Protected Readonly themeService

Protected createContainerAttributes

• createContainerAttributes(): HTMLAttributes<HTMLElement>

• Returns HTMLAttributes<HTMLElement>

Protected getDepthPadding

• getDepthPadding(depth): number

• Parameters

  • depth: number

  Returns number

Protected getFirstSelectableNode

• getFirstSelectableNode(): undefined | SelectableTreeNode

• Returns undefined | SelectableTreeNode

Protected getPaddingLeft

• getPaddingLeft(node, props): number

• Parameters

  • node: TreeNode
  • props: NodeProps

  Returns number

Protected handleEnter

• handleEnter(event): void

• Parameters

  • event: KeyboardEvent

  Returns void

Protected handleLeft

• handleLeft(event): Promise<void>

• The ARROW_LEFT key controls both the movement around the file tree and also the movement through the change chunks within a file.

  If the selected tree node is a folder then the ARROW_LEFT key behaves exactly as it does in explorer. It collapses the tree node if the folder is expanded and it moves the selection up to the parent folder if the folder is collapsed (no-op if no parent folder, as group headers are not selectable). This behavior is the default behavior implemented in the TreeWidget super class.

  If the selected tree node is a file then the ARROW_LEFT key moves up through the change chunks within each file. If the selected chunk is the first chunk in the file then the file selection is moved to the previous file (no-op if no previous file).

  Note that when cursoring through change chunks, the ARROW_LEFT key cannot be used to move up through the parent folders of the file tree. If users want to do this, using keys only, then they must press ARROW_UP repeatedly until the selected node is the folder node and then press ARROW_LEFT.

  Parameters

  • event: KeyboardEvent

  Returns Promise<void>

Protected handleRight

• handleRight(event): Promise<void>

• The ARROW_RIGHT key controls both the movement around the file tree and also the movement through the change chunks within a file.

  If the selected tree node is a folder then the ARROW_RIGHT key behaves exactly as it does in explorer. It expands the tree node if the folder is collapsed and it moves the selection to the first child node if the folder is expanded. This behavior is the default behavior implemented in the TreeWidget super class.

  If the selected tree node is a file then the ARROW_RIGHT key moves down through the change chunks within each file. If the selected chunk is the last chunk in the file then the file selection is moved to the next file (no-op if no next file).

  Parameters

  • event: KeyboardEvent

  Returns Promise<void>

Protected init

• init(): void

• Returns void

Protected isCurrentThemeLight

• isCurrentThemeLight(): boolean

• Returns boolean

Protected moveToNextFileNode

• moveToNextFileNode(): undefined | ScmFileChangeNode

• Returns undefined | ScmFileChangeNode

Protected moveToPreviousFileNode

• moveToPreviousFileNode(): undefined | ScmFileChangeNode

• Returns undefined | ScmFileChangeNode

Protected needsExpansionTogglePadding

• needsExpansionTogglePadding(node): boolean

• Parameters

  • node: TreeNode

  Returns boolean

Protected openResource

• openResource(resource): Promise<undefined | EditorWidget>

• Parameters

  • resource: ScmResource

  Returns Promise<undefined | EditorWidget>

Protected renderNode

• renderNode(node, props): ReactNode

• Render the node given the tree node and node properties.

  Parameters

  • node: TreeNode

    the tree node.
  • props: NodeProps

    the node properties.

  Returns ReactNode