codecharta-visualization 1.119.0 → 1.120.0

package/app/codeCharta/ui/ribbonBar/showScenariosButton/scenarios/scenarios.component.spec.ts

@@ -1,67 +0,0 @@
-import { TestBed } from "@angular/core/testing"
-import { MatDialog } from "@angular/material/dialog"
-import { getByText, getByTitle, render, screen } from "@testing-library/angular"
-import userEvent from "@testing-library/user-event"
-import { SCENARIO_ITEMS } from "../../../../util/dataMocks"
-import { AddCustomScenarioComponent } from "../addCustomScenario/addCustomScenario.component"
-import { ScenarioService } from "../scenario.service"
-import { ShowScenariosButtonModule } from "../showScenariosButton.module"
-import { ScenariosComponent } from "./scenarios.component"
-
-describe("scenariosComponent", () => {
-	beforeEach(() => {
-		TestBed.configureTestingModule({
-			imports: [ShowScenariosButtonModule],
-			providers: [
-				{
-					provide: ScenarioService,
-					useValue: {
-						applyScenario: jest.fn(),
-						removeScenario: jest.fn()
-					}
-				},
-				{ provide: MatDialog, useValue: { open: jest.fn() } }
-			]
-		})
-	})
-
-	it("should let a user open the dialog for creating a custom scenario", async () => {
-		await render(ScenariosComponent, { excludeComponentDeclaration: true })
-		const dialog = TestBed.inject(MatDialog)
-
-		await userEvent.click(screen.getByTitle("Create a custom scenario"))
-
-		expect(dialog.open).toHaveBeenCalledWith(AddCustomScenarioComponent, { panelClass: "cc-add-custom-scenario" })
-	})
-
-	it("should render scenarios correctly", async () => {
-		const { container } = await render(ScenariosComponent, {
-			excludeComponentDeclaration: true,
-			componentProperties: { scenarios: SCENARIO_ITEMS }
-		})
-		const scenarioRows = container.querySelectorAll<HTMLElement>(".cc-row")
-
-		expect(getByText(scenarioRows[1], "Scenario")["disabled"]).toBe(false)
-		const savedPropertyOfFirstScenario = getByTitle(scenarioRows[1], "random")
-		expect(savedPropertyOfFirstScenario.querySelector("i").className).toBe("fa fa-random")
-
-		expect(getByText(scenarioRows[2], "Scenario2")["disabled"]).toBe(true)
-		const savedPropertyOfSecondScenario = getByTitle(scenarioRows[2], "some")
-		expect(savedPropertyOfSecondScenario.querySelector("i").className).toBe("fa fa-some cc-is-saved")
-	})
-
-	it("should register event handlers correctly", async () => {
-		const { container } = await render(ScenariosComponent, {
-			excludeComponentDeclaration: true,
-			componentProperties: { scenarios: SCENARIO_ITEMS }
-		})
-		const scenarioService = TestBed.inject(ScenarioService)
-		const scenarioRows = container.querySelectorAll<HTMLElement>(".cc-row")
-
-		await userEvent.click(getByText(scenarioRows[1], "Scenario"))
-		expect(scenarioService.applyScenario).toHaveBeenCalledWith("Scenario")
-
-		await userEvent.click(getByTitle(scenarioRows[1], "Remove custom scenario"))
-		expect(scenarioService.removeScenario).toHaveBeenCalledWith("Scenario")
-	})
-})

package/app/codeCharta/ui/ribbonBar/showScenariosButton/scenarios/scenarios.component.ts

@@ -1,21 +0,0 @@
-import { Component, Input, ViewEncapsulation } from "@angular/core"
-import { MatDialog } from "@angular/material/dialog"
-import { ScenarioService } from "../scenario.service"
-import { ScenarioItem } from "../scenarioHelper"
-import { AddCustomScenarioComponent } from "../addCustomScenario/addCustomScenario.component"
-
-@Component({
-	selector: "cc-scenarios",
-	templateUrl: "./scenarios.component.html",
-	styleUrls: ["./scenarios.component.scss"],
-	encapsulation: ViewEncapsulation.None
-})
-export class ScenariosComponent {
-	@Input() scenarios: ScenarioItem[] = []
-
-	constructor(public scenarioService: ScenarioService, private dialog: MatDialog) {}
-
-	addScenario() {
-		this.dialog.open(AddCustomScenarioComponent, { panelClass: "cc-add-custom-scenario" })
-	}
-}

package/app/codeCharta/ui/ribbonBar/showScenariosButton/showScenariosButton.component.html

@@ -1,7 +0,0 @@
-<button [matMenuTriggerFor]="menu" title="Open the scenario list" class="cc-ribbon-bar-menu-button" (click)="loadScenarios()">
-	<i class="fa fa-star"></i>
-</button>
-
-<mat-menu #menu="matMenu" class="cc-scenarios-menu">
-	<cc-scenarios [scenarios]="scenarios"></cc-scenarios>
-</mat-menu>

package/app/codeCharta/ui/ribbonBar/showScenariosButton/showScenariosButton.component.scss

@@ -1,4 +0,0 @@
-cc-show-scenarios-button {
-	display: flex;
-	justify-content: center;
-}

package/app/codeCharta/ui/ribbonBar/showScenariosButton/showScenariosButton.component.spec.ts

@@ -1,22 +0,0 @@
-import { render, screen } from "@testing-library/angular"
-import userEvent from "@testing-library/user-event"
-import { ScenarioService } from "./scenario.service"
-import { ShowScenariosButtonComponent } from "./showScenariosButton.component"
-import { ShowScenariosButtonModule } from "./showScenariosButton.module"
-
-describe("showScenariosButtonComponent", () => {
-	it("should open scenarios menu and load scenarios lazily, meaning only when menu was opened", async () => {
-		const mockedScenarioService = { getScenarios: jest.fn() }
-		await render(ShowScenariosButtonComponent, {
-			excludeComponentDeclaration: true,
-			imports: [ShowScenariosButtonModule],
-			componentProviders: [{ provide: ScenarioService, useValue: mockedScenarioService }]
-		})
-		expect(mockedScenarioService.getScenarios).not.toHaveBeenCalled()
-		expect(screen.queryByText("Metric Scenarios")).toBe(null)
-
-		await userEvent.click(screen.getByTitle("Open the scenario list"))
-		expect(mockedScenarioService.getScenarios).toHaveBeenCalled()
-		expect(screen.getByText("Metric Scenarios")).toBeTruthy()
-	})
-})

package/app/codeCharta/ui/ribbonBar/showScenariosButton/showScenariosButton.component.ts

@@ -1,19 +0,0 @@
-import { Component, ViewEncapsulation } from "@angular/core"
-import { ScenarioService } from "./scenario.service"
-import { ScenarioItem } from "./scenarioHelper"
-
-@Component({
-	selector: "cc-show-scenarios-button",
-	templateUrl: "./showScenariosButton.component.html",
-	styleUrls: ["./showScenariosButton.component.scss"],
-	encapsulation: ViewEncapsulation.None
-})
-export class ShowScenariosButtonComponent {
-	scenarios: ScenarioItem[] = []
-
-	constructor(public scenarioService: ScenarioService) {}
-
-	loadScenarios() {
-		this.scenarios = this.scenarioService.getScenarios()
-	}
-}

package/app/codeCharta/ui/ribbonBar/showScenariosButton/showScenariosButton.module.ts

@@ -1,15 +0,0 @@
-import { CommonModule } from "@angular/common"
-import { NgModule } from "@angular/core"
-import { MaterialModule } from "../../../../material/material.module"
-import { AddCustomScenarioModule } from "./addCustomScenario/addCustomScenario.module"
-import { ScenarioService } from "./scenario.service"
-import { ScenariosComponent } from "./scenarios/scenarios.component"
-import { ShowScenariosButtonComponent } from "./showScenariosButton.component"
-
-@NgModule({
-	imports: [CommonModule, MaterialModule, AddCustomScenarioModule],
-	providers: [ScenarioService],
-	declarations: [ShowScenariosButtonComponent, ScenariosComponent],
-	exports: [ShowScenariosButtonComponent]
-})
-export class ShowScenariosButtonModule {}

package/app/codeCharta/ui/screenshotButton/screenshotButton.component.html

@@ -1,14 +0,0 @@
-<cc-action-icon
-	*ngIf="isScreenshotToClipboardEnabled$ | async"
-	[icon]="'fa fa-camera'"
-	title="Copy screenshot to clipboard ({{ SCREENSHOT_HOTKEY_TO_CLIPBOARD }}), export it as a file by ({{ SCREENSHOT_HOTKEY_TO_FILE }})"
-	(click)="makeScreenshotToClipBoard()"
->
-</cc-action-icon>
-<cc-action-icon
-	*ngIf="!(isScreenshotToClipboardEnabled$ | async)"
-	[icon]="'fa fa-camera'"
-	title="Export screenshot as file ({{ SCREENSHOT_HOTKEY_TO_FILE }}), copy it to clipboard by ({{ SCREENSHOT_HOTKEY_TO_CLIPBOARD }})"
-	(click)="makeScreenshotToFile()"
->
-</cc-action-icon>

package/app/codeCharta/ui/screenshotButton/screenshotButton.component.spec.ts

@@ -1,46 +0,0 @@
-import { ScreenshotButtonComponent } from "./screenshotButton.component"
-import { TestBed } from "@angular/core/testing"
-import { render, screen } from "@testing-library/angular"
-import { ScreenshotButtonModule } from "./screenshotButton.module"
-import userEvent from "@testing-library/user-event"
-import { ThreeRendererService } from "../codeMap/threeViewer/threeRenderer.service"
-import { ThreeCameraService } from "../codeMap/threeViewer/threeCamera.service"
-import { ThreeSceneService } from "../codeMap/threeViewer/threeSceneService"
-import { MockStore, provideMockStore } from "@ngrx/store/testing"
-import { screenshotToClipboardEnabledSelector } from "../../state/store/appSettings/enableClipboard/screenshotToClipboardEnabled.selector"
-import { State } from "@ngrx/store"
-
-describe("screenshotButtonComponent", () => {
-	beforeEach(() => {
-		TestBed.configureTestingModule({
-			imports: [ScreenshotButtonModule],
-			providers: [
-				{ provide: ThreeCameraService, useValue: {} },
-				{ provide: ThreeSceneService, useValue: {} },
-				{ provide: ThreeRendererService, useValue: {} },
-				{ provide: State, useValue: {} },
-				provideMockStore({ selectors: [{ selector: screenshotToClipboardEnabledSelector, value: true }] })
-			]
-		})
-	})
-
-	it("should copy to clipboard on click, when screenshot to clipboard is enabled", async () => {
-		const { fixture } = await render(ScreenshotButtonComponent, { excludeComponentDeclaration: true })
-		fixture.componentInstance.makeScreenshotToClipBoard = jest.fn()
-
-		await userEvent.click(screen.getByTitle("Copy screenshot to clipboard (Ctrl+Alt+F), export it as a file by (Ctrl+Alt+S)"))
-		expect(fixture.componentInstance.makeScreenshotToClipBoard).toHaveBeenCalled()
-	})
-
-	it("should save to file on click, when screenshot to clipboard is not enabled", async () => {
-		const { fixture, detectChanges } = await render(ScreenshotButtonComponent, { excludeComponentDeclaration: true })
-		const store = TestBed.inject(MockStore)
-		store.overrideSelector(screenshotToClipboardEnabledSelector, false)
-		store.refreshState()
-		detectChanges()
-		fixture.componentInstance.makeScreenshotToFile = jest.fn()
-
-		await userEvent.click(screen.getByTitle("Export screenshot as file (Ctrl+Alt+S), copy it to clipboard by (Ctrl+Alt+F)"))
-		expect(fixture.componentInstance.makeScreenshotToFile).toHaveBeenCalled()
-	})
-})

package/app/codeCharta/ui/screenshotButton/screenshotButton.component.ts

@@ -1,84 +0,0 @@
-import { Color, WebGLRenderer } from "three"
-import { getVisibleFileStates, isDeltaState, isPartialState } from "../../model/files/files.helper"
-import { ThreeCameraService } from "../codeMap/threeViewer/threeCamera.service"
-import { ThreeSceneService } from "../codeMap/threeViewer/threeSceneService"
-import hotkeys from "hotkeys-js"
-
-import { Component, ViewEncapsulation } from "@angular/core"
-import { screenshotToClipboardEnabledSelector } from "../../state/store/appSettings/enableClipboard/screenshotToClipboardEnabled.selector"
-import { ThreeRendererService } from "../codeMap/threeViewer/threeRenderer.service"
-import { Store, State } from "@ngrx/store"
-import { CcState } from "../../codeCharta.model"
-
-@Component({
-	selector: "cc-screenshot-button",
-	templateUrl: "./screenshotButton.component.html",
-	encapsulation: ViewEncapsulation.None
-})
-export class ScreenshotButtonComponent {
-	SCREENSHOT_HOTKEY_TO_FILE = "Ctrl+Alt+S"
-	SCREENSHOT_HOTKEY_TO_CLIPBOARD = "Ctrl+Alt+F"
-	isScreenshotToClipboardEnabled$ = this.store.select(screenshotToClipboardEnabledSelector)
-
-	constructor(
-		private threeCameraService: ThreeCameraService,
-		private threeSceneService: ThreeSceneService,
-		private threeRendererService: ThreeRendererService,
-		private store: Store<CcState>,
-		private state: State<CcState>
-	) {
-		hotkeys(this.SCREENSHOT_HOTKEY_TO_FILE, () => {
-			this.makeScreenshotToFile()
-		})
-		hotkeys(this.SCREENSHOT_HOTKEY_TO_CLIPBOARD, () => {
-			this.makeScreenshotToClipBoard()
-		})
-	}
-
-	makeScreenshotToFile() {
-		const link = document.createElement("a")
-		link.download = this.makePNGFileName()
-		link.onclick = () => this.loadScript(link, this.threeRendererService.renderer)
-		link.click()
-	}
-
-	private makePNGFileName() {
-		const files = this.state.getValue().files
-		const jsonFileNames = getVisibleFileStates(files)
-		const state = isPartialState(files) ? "partial" : isDeltaState(files) ? "delta" : ""
-		let pngFileName = ""
-		for (const fileState of jsonFileNames) {
-			const fileName = fileState.file.fileMeta.fileName
-			pngFileName += `${fileName.slice(0, fileName.indexOf(".json"))}_`
-		}
-		return `${state}_${pngFileName.slice(0, pngFileName.lastIndexOf("_"))}.png`
-	}
-
-	private loadScript(link: HTMLAnchorElement, renderer: WebGLRenderer) {
-		this.buildScreenShotCanvas(renderer)
-
-		link.href = renderer.domElement.toDataURL()
-	}
-
-	makeScreenshotToClipBoard() {
-		const renderer = this.threeRendererService.renderer
-		this.buildScreenShotCanvas(renderer)
-
-		renderer.domElement.toBlob(blob => {
-			navigator.clipboard.write([new ClipboardItem({ [blob.type]: blob })]).catch(() => {
-				// We can add a popup on failure here, explaining the problem
-			})
-		})
-	}
-
-	private buildScreenShotCanvas(renderer: WebGLRenderer) {
-		const currentClearColor = new Color()
-		renderer.setPixelRatio(window.devicePixelRatio)
-		renderer.getClearColor(currentClearColor)
-
-		renderer.setClearColor(0x00_00_00, 0)
-		this.threeSceneService.scene.background = null
-		renderer.render(this.threeSceneService.scene, this.threeCameraService.camera)
-		renderer.setClearColor(currentClearColor)
-	}
-}

package/app/codeCharta/ui/screenshotButton/screenshotButton.module.ts

@@ -1,11 +0,0 @@
-import { CommonModule } from "@angular/common"
-import { NgModule } from "@angular/core"
-import { ActionIconModule } from "../actionIcon/actionIcon.module"
-import { ScreenshotButtonComponent } from "./screenshotButton.component"
-
-@NgModule({
-	imports: [CommonModule, ActionIconModule],
-	declarations: [ScreenshotButtonComponent],
-	exports: [ScreenshotButtonComponent]
-})
-export class ScreenshotButtonModule {}

package/app/codeCharta/ui/searchPanel/blacklistPanel/blacklistPanel.component.html

@@ -1,38 +0,0 @@
-<mat-list>
-	<div>
-		<h3 class="header-text">Flattened</h3>
-		<em
-			class="fa fa-question-circle-o"
-			matTooltip="Flattened nodes are shown as flat/short buildings and are included in folder metrics"
-		>
-		</em>
-	</div>
-
-	<div *ngIf="flattenedItems$ | async; let flattenedItems">
-		<mat-list-item *ngIf="flattenedItems.length === 0">Add pattern via search or node context-menu</mat-list-item>
-
-		<mat-list-item *ngFor="let flattenedItem of flattenedItems" [title]="flattenedItem.path">
-			<button mat-button (click)="removeBlacklistEntry(flattenedItem)">
-				<em class="fa fa-minus-square" title="Remove list item"></em> {{ flattenedItem.path }}
-			</button>
-		</mat-list-item>
-	</div>
-</mat-list>
-
-<mat-list>
-	<div>
-		<h3 class="header-text">Excluded</h3>
-		<em class="fa fa-question-circle-o" matTooltip="Excluded buildings are not shown in the map and are not included in folder metrics">
-		</em>
-	</div>
-
-	<div *ngIf="excludedItems$ | async; let excludedItems">
-		<mat-list-item *ngIf="excludedItems.length === 0">Add pattern via search or node context-menu</mat-list-item>
-
-		<mat-list-item *ngFor="let excludedItem of excludedItems" [title]="excludedItem.path">
-			<button mat-button (click)="removeBlacklistEntry(excludedItem)">
-				<em class="fa fa-minus-square" title="Remove list item"></em> {{ excludedItem.path }}
-			</button>
-		</mat-list-item>
-	</div>
-</mat-list>

package/app/codeCharta/ui/searchPanel/blacklistPanel/blacklistPanel.component.scss

@@ -1,23 +0,0 @@
-cc-blacklist-panel {
-	.header-text {
-		display: inline-block;
-		margin: 0 0.25em 0 0;
-	}
-
-	mat-list.mat-mdc-list.mat-mdc-list-base mat-list-item {
-		border-top: 1px solid rgba(0, 0, 0, 0.12);
-
-		.mdc-list-item__content {
-			padding: 0;
-
-			button {
-				width: 100%;
-				text-align: start;
-
-				.fa {
-					padding-right: 8px;
-				}
-			}
-		}
-	}
-}

package/app/codeCharta/ui/searchPanel/blacklistPanel/blacklistPanel.component.spec.ts

@@ -1,60 +0,0 @@
-import { TestBed } from "@angular/core/testing"
-import { render, screen } from "@testing-library/angular"
-import userEvent from "@testing-library/user-event"
-import { MaterialModule } from "../../../../material/material.module"
-import { removeBlacklistItem } from "../../../state/store/fileSettings/blacklist/blacklist.actions"
-import { BlacklistPanelComponent } from "./blacklistPanel.component"
-import { Store } from "@ngrx/store"
-import { BehaviorSubject } from "rxjs"
-import { BlacklistItem } from "../../../codeCharta.model"
-
-const placeholderText = "Add pattern via search or node context-menu"
-
-describe("blacklistPanel", () => {
-	let flattenedItems$: BehaviorSubject<BlacklistItem[]>
-	let excludedItems$: BehaviorSubject<BlacklistItem[]>
-	let dispatchSpy: jest.Mock
-
-	beforeEach(() => {
-		flattenedItems$ = new BehaviorSubject([])
-		excludedItems$ = new BehaviorSubject([])
-		dispatchSpy = jest.fn()
-		TestBed.configureTestingModule({
-			imports: [MaterialModule],
-			providers: [{ provide: Store, useValue: { select: () => new BehaviorSubject([]), dispatch: dispatchSpy } }]
-		})
-	})
-
-	afterEach(() => {
-		flattenedItems$.complete()
-		excludedItems$.complete()
-	})
-
-	it("should have place holder texts when there are no flattened nor excluded items", async () => {
-		await render(BlacklistPanelComponent)
-		expect(screen.getAllByText(placeholderText).length).toBe(2)
-	})
-
-	it("should display all flattened and excluded items in the correct section and remove an item on click", async () => {
-		const { fixture, detectChanges } = await render(BlacklistPanelComponent)
-		flattenedItems$.next([{ type: "flatten", path: "some/flattened/building.ts" }])
-		excludedItems$.next([{ type: "exclude", path: "some/excluded/building.ts" }])
-		fixture.componentInstance.flattenedItems$ = flattenedItems$
-		fixture.componentInstance.excludedItems$ = excludedItems$
-		detectChanges()
-
-		expect(screen.queryByText(placeholderText)).toBe(null)
-		expect(screen.getByText("some/flattened/building.ts")).not.toBe(null)
-		expect(screen.getByText("some/excluded/building.ts")).not.toBe(null)
-
-		await userEvent.click(screen.getByText("some/excluded/building.ts"))
-		expect(dispatchSpy).toHaveBeenCalledWith(
-			removeBlacklistItem({
-				item: {
-					type: "exclude",
-					path: "some/excluded/building.ts"
-				}
-			})
-		)
-	})
-})

package/app/codeCharta/ui/searchPanel/blacklistPanel/blacklistPanel.component.ts

@@ -1,22 +0,0 @@
-import { Component, ViewEncapsulation } from "@angular/core"
-import { Store } from "@ngrx/store"
-import { BlacklistItem, CcState } from "../../../codeCharta.model"
-import { removeBlacklistItem } from "../../../state/store/fileSettings/blacklist/blacklist.actions"
-import { createBlacklistItemSelector } from "./createBlacklistItemSelector"
-
-@Component({
-	selector: "cc-blacklist-panel",
-	templateUrl: "./blacklistPanel.component.html",
-	styleUrls: ["./blacklistPanel.component.scss"],
-	encapsulation: ViewEncapsulation.None
-})
-export class BlacklistPanelComponent {
-	flattenedItems$ = this.store.select(createBlacklistItemSelector("flatten"))
-	excludedItems$ = this.store.select(createBlacklistItemSelector("exclude"))
-
-	constructor(private store: Store<CcState>) {}
-
-	removeBlacklistEntry(item: BlacklistItem) {
-		this.store.dispatch(removeBlacklistItem({ item }))
-	}
-}

package/app/codeCharta/ui/searchPanel/blacklistPanel/createBlacklistItemSelector.spec.ts

@@ -1,21 +0,0 @@
-import { BlacklistItem } from "../../../codeCharta.model"
-import { _getFilteredAndSortedItems } from "./createBlacklistItemSelector"
-
-describe("createBlacklistItemSelector _getItems", () => {
-	it("should filter by type", () => {
-		const blacklist: BlacklistItem[] = [
-			{ type: "exclude", path: "something.ts" },
-			{ type: "flatten", path: "something-else.ts" }
-		]
-		expect(_getFilteredAndSortedItems("flatten", blacklist)).toEqual([blacklist[1]])
-	})
-
-	it("should sort by path", () => {
-		const blacklist: BlacklistItem[] = [
-			{ type: "flatten", path: "something.ts" },
-			{ type: "flatten", path: "another-something.ts" },
-			{ type: "flatten", path: "really/something-else.ts" }
-		]
-		expect(_getFilteredAndSortedItems("flatten", blacklist)).toEqual([blacklist[1], blacklist[2], blacklist[0]])
-	})
-})

package/app/codeCharta/ui/searchPanel/blacklistPanel/createBlacklistItemSelector.ts

@@ -1,12 +0,0 @@
-import { createSelector } from "@ngrx/store"
-import { BlacklistItem, BlacklistType } from "../../../codeCharta.model"
-import { blacklistSelector } from "../../../state/store/fileSettings/blacklist/blacklist.selector"
-
-export const createBlacklistItemSelector = (type: BlacklistType) =>
-	createSelector(blacklistSelector, blacklist => _getFilteredAndSortedItems(type, blacklist))
-
-export const _getFilteredAndSortedItems = (type: BlacklistType, blacklist: BlacklistItem[]) => {
-	const excludedItems = blacklist.filter(item => item.type === type)
-	excludedItems.sort((a, b) => a.path.localeCompare(b.path))
-	return excludedItems
-}

package/app/codeCharta/ui/searchPanel/mapTreeView/isNodeLeaf.pipe.spec.ts

@@ -1,14 +0,0 @@
-import { CodeMapNode } from "../../../codeCharta.model"
-import { IsNodeLeafPipe } from "./isNodeLeaf.pipe"
-
-describe("IsNodeLeafPipe", () => {
-	it("should be true if node is a leaf", () => {
-		const fakeNode = {} as unknown as CodeMapNode
-		expect(new IsNodeLeafPipe().transform(fakeNode)).toBeTruthy()
-	})
-
-	it("should be false if node is a folder", () => {
-		const fakeNode = { children: [{}] } as unknown as CodeMapNode
-		expect(new IsNodeLeafPipe().transform(fakeNode)).toBeFalsy()
-	})
-})

package/app/codeCharta/ui/searchPanel/mapTreeView/isNodeLeaf.pipe.ts

@@ -1,11 +0,0 @@
-import { Pipe, PipeTransform } from "@angular/core"
-
-import { CodeMapNode } from "../../../codeCharta.model"
-import { isLeaf } from "../../../util/codeMapHelper"
-
-@Pipe({ name: "isNodeLeaf" })
-export class IsNodeLeafPipe implements PipeTransform {
-	transform(value: CodeMapNode): boolean {
-		return isLeaf(value)
-	}
-}

package/app/codeCharta/ui/searchPanel/mapTreeView/mapTreeView.component.html

@@ -1 +0,0 @@
-<cc-map-tree-view-level *ngIf="mapTreeViewNode$ | async as mapTreeViewNode" [node]="mapTreeViewNode" [depth]="0"></cc-map-tree-view-level>

package/app/codeCharta/ui/searchPanel/mapTreeView/mapTreeView.component.scss

@@ -1,88 +0,0 @@
-cc-map-tree-view {
-	.tree-element-0 {
-		overflow-y: auto;
-		max-height: 400px;
-		margin-left: 3px;
-		margin-top: 10px;
-
-		div {
-			margin: 0;
-			padding: 0;
-			position: relative;
-		}
-
-		.tree-element-children {
-			margin-left: 19px;
-		}
-	}
-
-	.tree-leaf .tree-element-label {
-		cursor: default;
-	}
-
-	.tree-element-label {
-		cursor: pointer;
-
-		&:focus {
-			outline: none;
-		}
-
-		&:hover,
-		&.hovered {
-			background-color: #efefef;
-			border-radius: 2px;
-		}
-		&.marked {
-			background-color: #efefef;
-			border-radius: 2px;
-		}
-
-		.unary-number {
-			color: #a3a3a3;
-			font-size: 0.8em;
-			margin-top: 1px;
-		}
-
-		.node-type-icon {
-			display: inline-block;
-			width: 14px;
-			margin-left: 2px;
-		}
-
-		.node-name.flattened {
-			color: gray;
-		}
-
-		.node-name.noAreaMetric {
-			color: #bdbdbd;
-		}
-
-		.right-aligned {
-			position: absolute;
-			right: 6px;
-
-			i.flattened {
-				color: gray;
-			}
-
-			.small-action-button button {
-				min-height: 0;
-				width: 100%;
-				height: 100%;
-				margin: 0;
-				background-color: transparent;
-				box-shadow: none;
-
-				&:hover {
-					background-color: #ddd;
-				}
-
-				i {
-					position: absolute;
-					top: 2px;
-					left: 6px;
-				}
-			}
-		}
-	}
-}

package/app/codeCharta/ui/searchPanel/mapTreeView/mapTreeView.component.ts

@@ -1,20 +0,0 @@
-import { Component, ViewEncapsulation } from "@angular/core"
-import { Store } from "@ngrx/store"
-import { Observable } from "rxjs"
-
-import { CodeMapNode, CcState } from "../../../codeCharta.model"
-import { mapTreeViewNodeSelector } from "./mapTreeViewNodeSelector/mapTreeViewNode.selector"
-
-@Component({
-	selector: "cc-map-tree-view",
-	templateUrl: "./mapTreeView.component.html",
-	styleUrls: ["./mapTreeView.component.scss"],
-	encapsulation: ViewEncapsulation.None
-})
-export class MapTreeViewComponent {
-	mapTreeViewNode$: Observable<CodeMapNode>
-
-	constructor(store: Store<CcState>) {
-		this.mapTreeViewNode$ = store.select(mapTreeViewNodeSelector)
-	}
-}