codecharta-visualization 1.119.1 → 1.120.1

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

@@ -1,39 +0,0 @@
-import { Component, ViewEncapsulation } from "@angular/core"
-import { setSearchPattern } from "../../../state/store/dynamicSettings/searchPattern/searchPattern.actions"
-import { searchPatternSelector } from "../../../state/store/dynamicSettings/searchPattern/searchPattern.selector"
-import { isSearchPatternEmptySelector } from "./selectors/isSearchPatternEmpty.selector"
-import { isFlattenPatternDisabledSelector } from "./selectors/isFlattenPatternDisabled.selector"
-import { isExcludePatternDisabledSelector } from "./selectors/isExcludePatternDisabled.selector"
-import { BlacklistType, CcState } from "../../../codeCharta.model"
-import { blacklistSearchPattern } from "./blacklistSearchPattern.effect"
-import { debounce } from "../../../util/debounce"
-import { Store } from "@ngrx/store"
-
-@Component({
-	selector: "cc-search-bar",
-	templateUrl: "./searchBar.component.html",
-	styleUrls: ["./searchBar.component.scss"],
-	encapsulation: ViewEncapsulation.None
-})
-export class SearchBarComponent {
-	searchPattern$ = this.store.select(searchPatternSelector)
-	isSearchPatternEmpty$ = this.store.select(isSearchPatternEmptySelector)
-	isFlattenPatternDisabled$ = this.store.select(isFlattenPatternDisabledSelector)
-	isExcludePatternDisabled$ = this.store.select(isExcludePatternDisabledSelector)
-	setSearchPatternDebounced = debounce((event: Event) => this.setSearchPattern(event), 400)
-
-	constructor(private store: Store<CcState>) {}
-
-	setSearchPattern(event: Event) {
-		const eventTarget = event.target as HTMLInputElement
-		this.store.dispatch(setSearchPattern({ value: eventTarget.value }))
-	}
-
-	resetSearchPattern() {
-		this.store.dispatch(setSearchPattern({ value: "" }))
-	}
-
-	blacklistSearchPattern(type: BlacklistType) {
-		this.store.dispatch(blacklistSearchPattern(type))
-	}
-}

package/app/codeCharta/ui/searchPanel/searchBar/searchBar.module.ts

@@ -1,11 +0,0 @@
-import { CommonModule } from "@angular/common"
-import { NgModule } from "@angular/core"
-import { MaterialModule } from "../../../../material/material.module"
-import { SearchBarComponent } from "./searchBar.component"
-
-@NgModule({
-	imports: [CommonModule, MaterialModule],
-	declarations: [SearchBarComponent],
-	exports: [SearchBarComponent]
-})
-export class SearchBarModule {}

package/app/codeCharta/ui/searchPanel/searchBar/searchBar.po.ts

@@ -1,21 +0,0 @@
-import { clickButtonOnPageElement } from "../../../../puppeteer.helper"
-
-export class SearchBarPageObject {
-	async enterAndExcludeSearchPattern(search: string) {
-		const input = await page.waitForSelector(".ccSearchInput input", { visible: true })
-		await input.focus()
-		await input.type(search)
-
-		await page.waitForFunction(
-			(text: string) => (document.querySelector(".ccSearchInput input") as HTMLInputElement).value.includes(text),
-			{},
-			search
-		)
-
-		await clickButtonOnPageElement("[title='Add to Blacklist']")
-
-		await page.waitForSelector("[data-testid='search-bar-exclude-button']")
-
-		await clickButtonOnPageElement("[data-testid='search-bar-exclude-button']")
-	}
-}

package/app/codeCharta/ui/searchPanel/searchBar/selectors/isExcludePatternDisabled.selector.ts

@@ -1,17 +0,0 @@
-import { createSelector } from "@ngrx/store"
-import { searchPatternSelector } from "../../../../state/store/dynamicSettings/searchPattern/searchPattern.selector"
-import { blacklistSelector } from "../../../../state/store/fileSettings/blacklist/blacklist.selector"
-import { isPatternBlacklisted } from "../utils/isPatternBlacklisted"
-import { isSearchPatternEmptySelector } from "./isSearchPatternEmpty.selector"
-
-export const isExcludePatternDisabledSelector = createSelector(
-	searchPatternSelector,
-	isSearchPatternEmptySelector,
-	blacklistSelector,
-	(searchPattern, isSearchPatternEmpty, blacklist) => {
-		if (isSearchPatternEmpty) {
-			return true
-		}
-		return isPatternBlacklisted(blacklist, "exclude", searchPattern)
-	}
-)

package/app/codeCharta/ui/searchPanel/searchBar/selectors/isFlattenPatternDisabled.selector.ts

@@ -1,17 +0,0 @@
-import { createSelector } from "@ngrx/store"
-import { searchPatternSelector } from "../../../../state/store/dynamicSettings/searchPattern/searchPattern.selector"
-import { blacklistSelector } from "../../../../state/store/fileSettings/blacklist/blacklist.selector"
-import { isPatternBlacklisted } from "../utils/isPatternBlacklisted"
-import { isSearchPatternEmptySelector } from "./isSearchPatternEmpty.selector"
-
-export const isFlattenPatternDisabledSelector = createSelector(
-	searchPatternSelector,
-	isSearchPatternEmptySelector,
-	blacklistSelector,
-	(searchPattern, isSearchPatternEmpty, blacklist) => {
-		if (isSearchPatternEmpty) {
-			return true
-		}
-		return isPatternBlacklisted(blacklist, "flatten", searchPattern)
-	}
-)

package/app/codeCharta/ui/searchPanel/searchBar/selectors/isSearchPatternEmpty.selector.spec.ts

@@ -1,19 +0,0 @@
-import { _isSearchPatternEmpty } from "./isSearchPatternEmpty.selector"
-
-describe("isSearchPatternEmpty", () => {
-	it("should return true for empty string", () => {
-		expect(_isSearchPatternEmpty("")).toBe(true)
-	})
-
-	it("should return true if string consists of only negation", () => {
-		expect(_isSearchPatternEmpty("!")).toBe(true)
-	})
-
-	it("should return true if string consists of separation symbol", () => {
-		expect(_isSearchPatternEmpty(",")).toBe(true)
-	})
-
-	it("should return false for non empty strings", () => {
-		expect(_isSearchPatternEmpty("foo")).toBe(false)
-	})
-})

package/app/codeCharta/ui/searchPanel/searchBar/selectors/isSearchPatternEmpty.selector.ts

@@ -1,6 +0,0 @@
-import { createSelector } from "@ngrx/store"
-import { searchPatternSelector } from "../../../../state/store/dynamicSettings/searchPattern/searchPattern.selector"
-
-export const _isSearchPatternEmpty = (searchPattern: string) => searchPattern === "" || searchPattern === "!" || searchPattern === ","
-
-export const isSearchPatternEmptySelector = createSelector(searchPatternSelector, _isSearchPatternEmpty)

package/app/codeCharta/ui/searchPanel/searchBar/utils/isPatternBlacklisted.spec.ts

@@ -1,19 +0,0 @@
-import { isPatternBlacklisted } from "./isPatternBlacklisted"
-
-describe("isPatternBlacklisted", () => {
-	it("should recognized an exact match", () => {
-		expect(isPatternBlacklisted([{ type: "flatten", path: "*needle*" }], "flatten", "*needle*")).toBe(true)
-	})
-
-	it("should recognized * matches", () => {
-		expect(isPatternBlacklisted([{ type: "flatten", path: "*needle*" }], "flatten", "needle")).toBe(true)
-	})
-
-	it("should not recognized * vs absolute value", () => {
-		expect(isPatternBlacklisted([{ type: "flatten", path: "*needle*" }], "flatten", "/needle")).toBe(false)
-	})
-
-	it("should ignore different blacklist type", () => {
-		expect(isPatternBlacklisted([{ type: "flatten", path: "*needle*" }], "exclude", "*needle*")).toBe(false)
-	})
-})

package/app/codeCharta/ui/searchPanel/searchBar/utils/isPatternBlacklisted.ts

@@ -1,22 +0,0 @@
-import { BlacklistItem, BlacklistType } from "../../../../codeCharta.model"
-import { unifyWildCard } from "./unifyWildCard"
-
-export const isPatternBlacklisted = (blacklist: BlacklistItem[], blacklistType: BlacklistType, searchPattern: string) => {
-	const paths: string[] = searchPattern.trim().split(",")
-	if (searchPattern.trim().startsWith("!")) {
-		paths[0] = paths[0].slice(1)
-		for (const path of paths) {
-			const pathNew = `!${unifyWildCard(path)}`
-			if (blacklist.some(x => pathNew === x.path && blacklistType === x.type)) {
-				return true
-			}
-		}
-		return false
-	}
-	for (const path of paths) {
-		if (blacklist.some(x => unifyWildCard(path) === x.path && blacklistType === x.type)) {
-			return true
-		}
-	}
-	return false
-}

package/app/codeCharta/ui/searchPanel/searchBar/utils/parseBlacklistItems.spec.ts

@@ -1,17 +0,0 @@
-import { parseBlacklistItems } from "./parseBlacklistItems"
-
-describe("parseBlacklistItems", () => {
-	it("should parse multiple items", () => {
-		expect(parseBlacklistItems("flatten", "html,ts")).toEqual([
-			{ type: "flatten", path: "*html*" },
-			{ type: "flatten", path: "*ts*" }
-		])
-	})
-
-	it("should parse multiple negated items", () => {
-		expect(parseBlacklistItems("flatten", "!html,ts")).toEqual([
-			{ type: "flatten", path: "!*html*" },
-			{ type: "flatten", path: "!*ts*" }
-		])
-	})
-})

package/app/codeCharta/ui/searchPanel/searchBar/utils/parseBlacklistItems.ts

@@ -1,27 +0,0 @@
-import { BlacklistItem, BlacklistType } from "../../../../codeCharta.model"
-import { unifyWildCard } from "./unifyWildCard"
-
-export const parseBlacklistItems = (blacklistType: BlacklistType, searchPattern: string) => {
-	const blacklistItems: BlacklistItem[] = []
-	const paths: string[] = searchPattern.split(",")
-	if (paths[0].startsWith("!")) {
-		paths[0] = paths[0].slice(1)
-		for (const path of paths) {
-			if (path.length > 0) {
-				blacklistItems.push({ path: `!${unifyWildCard(path)}`, type: blacklistType })
-			}
-		}
-	} else {
-		for (let path of paths) {
-			if (path.length > 0) {
-				if (path.startsWith("!")) {
-					break
-				} else {
-					path = unifyWildCard(path)
-				}
-				blacklistItems.push({ path, type: blacklistType })
-			}
-		}
-	}
-	return blacklistItems
-}

package/app/codeCharta/ui/searchPanel/searchBar/utils/unifyWildCard.ts

@@ -1,13 +0,0 @@
-export const unifyWildCard = (path: string): string => {
-	path = path.trim()
-	if (path.startsWith("*") || path.endsWith("*")) {
-		return path
-	}
-	if (path.startsWith("/") || path.startsWith("./")) {
-		return path
-	}
-	if (!path.startsWith('"') && !path.endsWith('"')) {
-		return path.startsWith("!") ? path : `*${path}*`
-	}
-	return path
-}

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

@@ -1,19 +0,0 @@
-<mat-card appearance="outlined" class="search-panel-card" [class.expanded]="searchPanelMode !== 'minimized'">
-	<div class="section">
-		<div class="section-header">
-			<cc-search-bar (click)="openSearchPanel()"></cc-search-bar>
-			<cc-search-panel-mode-selector
-				[searchPanelMode]="searchPanelMode"
-				[updateSearchPanelMode]="updateSearchPanelMode"
-			></cc-search-panel-mode-selector>
-		</div>
-		<span class="section-title" (click)="updateSearchPanelMode('treeView')">
-			File/Node Explorer <i class="fa fa-angle-down" title="Show folder structure"></i>
-		</span>
-		<div class="section-body">
-			<cc-blacklist-panel [hidden]="searchPanelMode !== 'blacklist'"></cc-blacklist-panel>
-			<cc-matching-files-counter [hidden]="searchPanelMode !== 'treeView'"></cc-matching-files-counter>
-			<cc-map-tree-view [hidden]="searchPanelMode !== 'treeView'"></cc-map-tree-view>
-		</div>
-	</div>
-</mat-card>

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

@@ -1,5 +0,0 @@
-cc-search-panel {
-	.search-panel-card .section-body {
-		padding: 6px;
-	}
-}

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

@@ -1,101 +0,0 @@
-import { TestBed } from "@angular/core/testing"
-import { fireEvent, render } from "@testing-library/angular"
-import { SearchPanelComponent } from "./searchPanel.component"
-import { SearchPanelModule } from "./searchPanel.module"
-import { provideMockStore } from "@ngrx/store/testing"
-
-describe("SearchPanelComponent", () => {
-	beforeEach(() => {
-		TestBed.configureTestingModule({
-			imports: [SearchPanelModule],
-			providers: [SearchPanelComponent, provideMockStore()]
-		})
-	})
-
-	it("should be minimized initially", async () => {
-		const { container } = await render(SearchPanelComponent, { excludeComponentDeclaration: true })
-		expect(isSearchPanelOpen(container)).toBe(false)
-		expect(getBodyElementsHidden(container)).toEqual({
-			blackListPanel: true,
-			matchingFilesCounter: true,
-			mapTreeView: true
-		})
-	})
-
-	it("should open when clicked on search bar", async () => {
-		const { container } = await render(SearchPanelComponent, { excludeComponentDeclaration: true })
-		fireEvent.click(container.querySelector("cc-search-bar"))
-		expect(isSearchPanelOpen(container)).toBe(true)
-		expect(getBodyElementsHidden(container)).toEqual({
-			blackListPanel: true,
-			matchingFilesCounter: false,
-			mapTreeView: false
-		})
-	})
-
-	it("should close, when clicking on opened mode", async () => {
-		const { container, getByText } = await render(SearchPanelComponent, { excludeComponentDeclaration: true })
-		fireEvent.click(container.querySelector("cc-search-bar"))
-		fireEvent.click(getByText("File/Node Explorer"))
-		expect(isSearchPanelOpen(container)).toBe(false)
-		expect(getBodyElementsHidden(container)).toEqual({
-			blackListPanel: true,
-			matchingFilesCounter: true,
-			mapTreeView: true
-		})
-	})
-
-	describe("closing on outside clicks", () => {
-		it("should subscribe to mousedown events when opening", () => {
-			const addEventListenerSpy = jest.spyOn(document, "addEventListener")
-			const searchPanelComponent = TestBed.inject(SearchPanelComponent)
-			searchPanelComponent.searchPanelMode = "minimized"
-
-			searchPanelComponent["setSearchPanelMode"]("treeView")
-
-			expect(addEventListenerSpy).toHaveBeenCalledWith("mousedown", searchPanelComponent["closeSearchPanelOnOutsideClick"])
-		})
-
-		it("should unsubscribe mousedown events when closing", () => {
-			const removeEventListenerSpy = jest.spyOn(document, "removeEventListener")
-			const searchPanelComponent = TestBed.inject(SearchPanelComponent)
-			searchPanelComponent.searchPanelMode = "treeView"
-
-			searchPanelComponent["setSearchPanelMode"]("minimized")
-
-			expect(removeEventListenerSpy).toHaveBeenCalledWith("mousedown", searchPanelComponent["closeSearchPanelOnOutsideClick"])
-		})
-
-		it("should close when clicking outside", () => {
-			const searchPanelComponent = TestBed.inject(SearchPanelComponent)
-			searchPanelComponent.searchPanelMode = "treeView"
-
-			searchPanelComponent["closeSearchPanelOnOutsideClick"]({ composedPath: () => [] } as MouseEvent)
-
-			expect(searchPanelComponent.searchPanelMode).toBe("minimized")
-		})
-
-		it("should not close when clicking inside", () => {
-			const searchPanelComponent = TestBed.inject(SearchPanelComponent)
-			searchPanelComponent.searchPanelMode = "treeView"
-
-			searchPanelComponent["closeSearchPanelOnOutsideClick"]({
-				composedPath: () => [{ nodeName: "CC-SEARCH-PANEL" }]
-			} as unknown as MouseEvent)
-
-			expect(searchPanelComponent.searchPanelMode).toBe("treeView")
-		})
-	})
-})
-
-function isSearchPanelOpen(container: Element) {
-	return container.querySelector("mat-card").classList.contains("expanded")
-}
-
-function getBodyElementsHidden(container: Element) {
-	return {
-		blackListPanel: container.querySelector("cc-blacklist-panel")["hidden"],
-		matchingFilesCounter: container.querySelector("cc-matching-files-counter")["hidden"],
-		mapTreeView: container.querySelector("cc-map-tree-view")["hidden"]
-	}
-}

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

@@ -1,49 +0,0 @@
-import { Component, ViewEncapsulation } from "@angular/core"
-
-export type SearchPanelMode = "minimized" | "treeView" | "blacklist"
-
-@Component({
-	selector: "cc-search-panel",
-	templateUrl: "./searchPanel.component.html",
-	styleUrls: ["./searchPanel.component.scss"],
-	encapsulation: ViewEncapsulation.None
-})
-export class SearchPanelComponent {
-	searchPanelMode: SearchPanelMode = "minimized"
-
-	updateSearchPanelMode = (searchPanelMode: SearchPanelMode) => {
-		this.setSearchPanelMode(this.searchPanelMode === searchPanelMode ? "minimized" : searchPanelMode)
-	}
-
-	openSearchPanel() {
-		this.setSearchPanelMode("treeView")
-	}
-
-	private closeSearchPanelOnOutsideClick = (event: MouseEvent) => {
-		if (this.isOutside(event)) {
-			this.setSearchPanelMode("minimized")
-		}
-	}
-
-	private setSearchPanelMode(newMode: SearchPanelMode) {
-		if (this.searchPanelMode === "minimized" && newMode !== "minimized") {
-			document.addEventListener("mousedown", this.closeSearchPanelOnOutsideClick)
-		}
-		if (this.searchPanelMode !== "minimized" && newMode === "minimized") {
-			document.removeEventListener("mousedown", this.closeSearchPanelOnOutsideClick)
-		}
-		this.searchPanelMode = newMode
-	}
-
-	private isOutside(event: MouseEvent) {
-		return event
-			.composedPath()
-			.every(
-				element =>
-					element["nodeName"] !== "CC-SEARCH-PANEL" &&
-					element["nodeName"] !== "COLOR-CHROME" &&
-					element["nodeName"] !== "MAT-OPTION" &&
-					element["id"] !== "codemap-context-menu"
-			)
-	}
-}

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

@@ -1,16 +0,0 @@
-import { SearchPanelComponent } from "./searchPanel.component"
-import { SearchPanelModeSelectorComponent } from "./searchPanelModeSelector/searchPanelModeSelector.component"
-import { BlacklistPanelComponent } from "./blacklistPanel/blacklistPanel.component"
-import { NgModule } from "@angular/core"
-import { CommonModule } from "@angular/common"
-import { MaterialModule } from "../../../material/material.module"
-import { SearchBarModule } from "./searchBar/searchBar.module"
-import { MatchingFilesCounterModule } from "./matchingFilesCounter/matchingFilesCounter.module"
-import { MapTreeViewModule } from "./mapTreeView/mapTreeView.module"
-
-@NgModule({
-	imports: [CommonModule, MaterialModule, SearchBarModule, MatchingFilesCounterModule, MapTreeViewModule],
-	declarations: [SearchPanelComponent, SearchPanelModeSelectorComponent, BlacklistPanelComponent],
-	exports: [SearchPanelComponent]
-})
-export class SearchPanelModule {}

package/app/codeCharta/ui/searchPanel/searchPanel.po.ts

@@ -1,23 +0,0 @@
-import { clickButtonOnPageElement } from "../../../puppeteer.helper"
-
-export class SearchPanelPageObject {
-	private EXPANDED = "expanded"
-	private EXPANDED_REMOVE = "expanded-remove"
-
-	async toggle() {
-		const wasOpen = await this.isOpen()
-		await clickButtonOnPageElement("cc-search-panel mat-card .section .section-title")
-
-		await (wasOpen
-			? page.waitForSelector(".search-panel-card", { visible: false })
-			: page.waitForSelector(`.search-panel-card.${this.EXPANDED}`))
-
-		return !wasOpen
-	}
-
-	async isOpen() {
-		await page.waitForSelector(".search-panel-card")
-		const classNames = await page.$eval(".search-panel-card", element => element["className"])
-		return classNames.includes(this.EXPANDED) && !classNames.includes(this.EXPANDED_REMOVE)
-	}
-}

package/app/codeCharta/ui/searchPanel/searchPanelModeSelector/hideBlacklistItemsIndicator.selector.ts

@@ -1,4 +0,0 @@
-import { createSelector } from "@ngrx/store"
-import { blacklistSelector } from "../../../state/store/fileSettings/blacklist/blacklist.selector"
-
-export const hideBlacklistItemsIndicatorSelector = createSelector(blacklistSelector, blacklist => blacklist.length === 0)

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

@@ -1,9 +0,0 @@
-<mat-button-toggle-group [value]="searchPanelMode">
-	<mat-button-toggle id="tree-view" value="tree-view" (click)="updateSearchPanelMode('treeView')">
-		<i class="fa fa-sitemap"></i>
-	</mat-button-toggle>
-	<mat-button-toggle id="blacklist" value="blacklist" (click)="updateSearchPanelMode('blacklist')">
-		<i class="fa fa-eye-slash"></i>
-		<div class="has-blacklist-items-indicator" [hidden]="hideBlacklistItemsIndicator$ | async"></div>
-	</mat-button-toggle>
-</mat-button-toggle-group>

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

@@ -1,17 +0,0 @@
-cc-search-panel-mode-selector {
-	mat-button-toggle-group {
-		height: 100%;
-		align-items: center;
-		font-size: 12px;
-	}
-
-	.has-blacklist-items-indicator {
-		position: absolute;
-		margin-left: 18px;
-		margin-top: -32px;
-		border-radius: 50%;
-		background-color: red;
-		width: 5px;
-		height: 5px;
-	}
-}

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

@@ -1,22 +0,0 @@
-import { render } from "@testing-library/angular"
-import { SearchPanelModeSelectorComponent } from "./searchPanelModeSelector.component"
-import { provideMockStore } from "@ngrx/store/testing"
-import { hideBlacklistItemsIndicatorSelector } from "./hideBlacklistItemsIndicator.selector"
-
-describe("SearchPanelModeSelectorComponent", () => {
-	it("should not show blacklist items indicator when there are no blacklist items", async () => {
-		const { container } = await render(SearchPanelModeSelectorComponent, {
-			providers: [provideMockStore({ selectors: [{ selector: hideBlacklistItemsIndicatorSelector, value: true }] })]
-		})
-
-		expect(container.querySelector(".has-blacklist-items-indicator")["hidden"]).toBe(true)
-	})
-
-	it("should show blacklist items indicator when there are blacklist items", async () => {
-		const { container } = await render(SearchPanelModeSelectorComponent, {
-			providers: [provideMockStore({ selectors: [{ selector: hideBlacklistItemsIndicatorSelector, value: false }] })]
-		})
-
-		expect(container.querySelector(".has-blacklist-items-indicator")["hidden"]).toBe(false)
-	})
-})

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

@@ -1,23 +0,0 @@
-import { SearchPanelMode } from "../searchPanel.component"
-import { Component, Input, ViewEncapsulation } from "@angular/core"
-import { Observable } from "rxjs"
-import { hideBlacklistItemsIndicatorSelector } from "./hideBlacklistItemsIndicator.selector"
-import { Store } from "@ngrx/store"
-import { CcState } from "../../../codeCharta.model"
-
-@Component({
-	selector: "cc-search-panel-mode-selector",
-	templateUrl: "./searchPanelModeSelector.component.html",
-	styleUrls: ["./searchPanelModeSelector.component.scss"],
-	encapsulation: ViewEncapsulation.None
-})
-export class SearchPanelModeSelectorComponent {
-	@Input() searchPanelMode: SearchPanelMode
-	@Input() updateSearchPanelMode: (SearchPanelMode: SearchPanelMode) => void
-
-	hideBlacklistItemsIndicator$: Observable<boolean>
-
-	constructor(store: Store<CcState>) {
-		this.hideBlacklistItemsIndicator$ = store.select(hideBlacklistItemsIndicatorSelector)
-	}
-}

package/app/codeCharta/ui/searchPanel/searchPanelModeSelector/searchPanelModeSelector.po.ts

@@ -1,29 +0,0 @@
-import { clickButtonOnPageElement } from "../../../../puppeteer.helper"
-
-export class SearchPanelModeSelectorPageObject {
-	async toggleTreeView() {
-		const wasOpen = await this.isTreeViewOpen()
-		await clickButtonOnPageElement("#tree-view")
-
-		await (wasOpen
-			? page.waitForSelector(".search-panel-card", { visible: false })
-			: page.waitForSelector(".search-panel-card.expanded"))
-
-		return !wasOpen
-	}
-
-	async isTreeViewOpen() {
-		await page.waitForSelector("#tree-view")
-		const treeViewClassNames = await page.$eval("#tree-view", element => element.className)
-
-		await page.waitForSelector(".search-panel-card")
-		const searchPanelClassNames = await page.$eval(".search-panel-card", element => element.className)
-
-		return treeViewClassNames.includes("current") && searchPanelClassNames.includes("expanded")
-	}
-
-	async toggleBlacklistView() {
-		await page.waitForSelector("#blacklist", { visible: true }).then(async element => element.click())
-		await page.waitForTimeout(500)
-	}
-}

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

@@ -1,7 +0,0 @@
-<button
-	class="box-rounded"
-	(click)="onClick()"
-	title="Toggle sort order (currently {{ (sortingOrderAscending$ | async) ? 'ascending' : 'descending' }})"
->
-	<i [className]="(sortingOrderAscending$ | async) ? 'fa fa-sort-amount-asc' : 'fa fa-sort-amount-desc'"></i>
-</button>

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

@@ -1,29 +0,0 @@
-import { fireEvent, render, screen } from "@testing-library/angular"
-
-import { sortingOrderAscendingSelector } from "../../../state/store/appSettings/sortingOrderAscending/sortingOrderAscending.selector"
-import { SortingButtonComponent } from "./sortingButton.component"
-import { toggleSortingOrderAscending } from "../../../state/store/appSettings/sortingOrderAscending/sortingOrderAscending.actions"
-import { MockStore, provideMockStore } from "@ngrx/store/testing"
-import { TestBed } from "@angular/core/testing"
-
-describe("SortingButtonComponent", () => {
-	it("should toggle SortingOrderAscending on click", async () => {
-		const { detectChanges } = await render(SortingButtonComponent, {
-			providers: [provideMockStore({ selectors: [{ selector: sortingOrderAscendingSelector, value: true }] })]
-		})
-		const store = TestBed.inject(MockStore)
-
-		expect(screen.getByTitle("Toggle sort order (currently ascending)")).toBeTruthy()
-
-		const dispatchSpy = jest.spyOn(store, "dispatch")
-		const button = screen.getByRole("button")
-		fireEvent.click(button)
-		expect(dispatchSpy).toHaveBeenCalledWith(toggleSortingOrderAscending())
-
-		store.overrideSelector(sortingOrderAscendingSelector, false)
-		store.refreshState()
-		detectChanges()
-
-		expect(screen.getByTitle("Toggle sort order (currently descending)")).toBeTruthy()
-	})
-})

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

@@ -1,26 +0,0 @@
-import { Component, OnInit, ViewEncapsulation } from "@angular/core"
-import { Store } from "@ngrx/store"
-import { Observable } from "rxjs"
-import { CcState } from "../../../codeCharta.model"
-
-import { toggleSortingOrderAscending } from "../../../state/store/appSettings/sortingOrderAscending/sortingOrderAscending.actions"
-import { sortingOrderAscendingSelector } from "../../../state/store/appSettings/sortingOrderAscending/sortingOrderAscending.selector"
-
-@Component({
-	selector: "cc-sorting-button",
-	templateUrl: "./sortingButton.component.html",
-	encapsulation: ViewEncapsulation.None
-})
-export class SortingButtonComponent implements OnInit {
-	sortingOrderAscending$: Observable<boolean>
-
-	constructor(private store: Store<CcState>) {}
-
-	ngOnInit(): void {
-		this.sortingOrderAscending$ = this.store.select(sortingOrderAscendingSelector)
-	}
-
-	onClick() {
-		this.store.dispatch(toggleSortingOrderAscending())
-	}
-}

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

@@ -1,5 +0,0 @@
-<mat-select title="Sort by" [value]="selectedSortingOption$ | async" (selectionChange)="handleSelectedSortingOptionChanged($event)">
-	<mat-option *ngFor="let option of sortingOptions" [value]="option">
-		{{ option }}
-	</mat-option>
-</mat-select>