codecharta-visualization 1.119.0 → 1.120.0

package/app/codeCharta/ui/customConfigs/customConfigList/customConfigList.component.spec.ts

@@ -1,135 +0,0 @@
-import { TestBed } from "@angular/core/testing"
-import { provideMockStore } from "@ngrx/store/testing"
-import { State } from "@ngrx/store"
-import { CustomConfigsModule } from "../customConfigs.module"
-import { CustomConfigListComponent } from "./customConfigList.component"
-import { render, screen } from "@testing-library/angular"
-import { CustomConfigHelperService } from "../customConfigHelper.service"
-import { of } from "rxjs"
-import { CUSTOM_CONFIG_ITEM_GROUPS } from "../../../util/dataMocks"
-import { DownloadableConfigs } from "../downloadCustomConfigsButton/getDownloadableCustomConfigs"
-import { CustomConfigItemGroup } from "../customConfigs.component"
-import { CustomConfigGroups } from "./getCustomConfigItemGroups"
-import { ThreeCameraService } from "../../codeMap/threeViewer/threeCamera.service"
-import { ThreeSceneService } from "../../codeMap/threeViewer/threeSceneService"
-import { ThreeOrbitControlsService } from "../../codeMap/threeViewer/threeOrbitControls.service"
-import userEvent from "@testing-library/user-event"
-import { expect } from "@jest/globals"
-import { MatDialog } from "@angular/material/dialog"
-import { defaultState } from "../../../state/store/state.manager"
-
-const mockedCustomConfigHelperService = {
-	customConfigItemGroups$: of({
-		applicableItems: new Map() as Map<string, CustomConfigItemGroup>,
-		nonApplicableItems: new Map() as Map<string, CustomConfigItemGroup>
-	} as CustomConfigGroups),
-	downloadableCustomConfigs$: of(new Map() as DownloadableConfigs)
-}
-
-describe("customConfigListComponent", () => {
-	let mockedDialog = { open: jest.fn() }
-
-	beforeEach(() => {
-		mockedDialog = { open: jest.fn() }
-		TestBed.configureTestingModule({
-			imports: [CustomConfigsModule],
-			providers: [
-				{ provide: MatDialog, useValue: mockedDialog },
-				{ provide: CustomConfigHelperService, useValue: mockedCustomConfigHelperService },
-				{ provide: ThreeSceneService, useValue: {} },
-				{ provide: ThreeCameraService, useValue: {} },
-				{ provide: ThreeOrbitControlsService, useValue: {} },
-				provideMockStore(),
-				{ provide: State, useValue: { getValue: () => defaultState } }
-			]
-		})
-	})
-
-	it("should show initial text when there are no custom configs", async () => {
-		await render(CustomConfigListComponent, { excludeComponentDeclaration: true })
-
-		expect(screen.getByText("It is time to add your first Custom View!")).not.toBeNull()
-	})
-
-	it("should show 'download', 'upload', 'add' and 'non-applicable' custom config button", async () => {
-		const customConfigItemGroup = {
-			applicableItems: new Map([["File_B_File_C_STANDARD", CUSTOM_CONFIG_ITEM_GROUPS.get("File_B_File_C_STANDARD")]]),
-			nonApplicableItems: new Map([["File_D_DELTA", CUSTOM_CONFIG_ITEM_GROUPS.get("File_D_DELTA")]])
-		}
-		mockedCustomConfigHelperService.customConfigItemGroups$ = of(customConfigItemGroup)
-		await render(CustomConfigListComponent, { excludeComponentDeclaration: true })
-
-		expect(screen.getByTitle("Create new Custom View")).not.toBeNull()
-		expect(screen.getByTitle("Download Custom View related to currently uploaded maps, if any.")).not.toBeNull()
-		expect(screen.getByTitle("Upload Custom View (.cc.config.json file).")).not.toBeNull()
-		expect(screen.queryByText("Show non-applicable Custom Views")).not.toBeNull()
-	})
-
-	it("should show custom config item groups for applicable and non-applicable custom configs", async () => {
-		const customConfigItemGroup = {
-			applicableItems: new Map([["File_B_File_C_STANDARD", CUSTOM_CONFIG_ITEM_GROUPS.get("File_B_File_C_STANDARD")]]),
-			nonApplicableItems: new Map([["File_D_DELTA", CUSTOM_CONFIG_ITEM_GROUPS.get("File_D_DELTA")]])
-		}
-		mockedCustomConfigHelperService.customConfigItemGroups$ = of(customConfigItemGroup)
-		const { container } = await render(CustomConfigListComponent, { excludeComponentDeclaration: true })
-
-		expect(container.querySelector("mat-expansion-panel-header").textContent).toBe(
-			" Custom View(s) in  Standard  mode for fileB fileC "
-		)
-		expect(container.querySelectorAll("mat-expansion-panel-header").length).toBe(1)
-
-		await userEvent.click(screen.queryByText("Show non-applicable Custom Views"))
-
-		expect(container.querySelectorAll("mat-expansion-panel-header").length).toBe(2)
-	})
-
-	it("should not show 'non-applicable Custom Views' button when no custom configs are available", async () => {
-		const customConfigItemGroup = {
-			applicableItems: new Map([["File_B_File_C_STANDARD", CUSTOM_CONFIG_ITEM_GROUPS.get("File_B_File_C_STANDARD")]]),
-			nonApplicableItems: new Map()
-		}
-		mockedCustomConfigHelperService.customConfigItemGroups$ = of(customConfigItemGroup)
-
-		await render(CustomConfigListComponent, { excludeComponentDeclaration: true })
-
-		expect(screen.queryByText("Show non-applicable Custom Views")).toBeNull()
-	})
-
-	it("should list all custom configs belonging to a custom config item group by clicking", async () => {
-		const customConfigItemGroup = {
-			applicableItems: new Map([["File_B_File_C_STANDARD", CUSTOM_CONFIG_ITEM_GROUPS.get("File_B_File_C_STANDARD")]]),
-			nonApplicableItems: new Map([["File_D_DELTA", CUSTOM_CONFIG_ITEM_GROUPS.get("File_D_DELTA")]])
-		}
-		mockedCustomConfigHelperService.customConfigItemGroups$ = of(customConfigItemGroup)
-		const { container } = await render(CustomConfigListComponent, { excludeComponentDeclaration: true })
-
-		const customConfigItemGroupElement = container.querySelector("mat-expansion-panel-header")
-
-		await userEvent.click(customConfigItemGroupElement)
-
-		expect(container.querySelectorAll("mat-list-item").length).toBe(2)
-		expect(screen.getByText("SampleMap View #1")).not.toBeNull()
-		expect(screen.getByText("a note")).not.toBeNull()
-		expect(screen.getByText("SampleMap View #2")).not.toBeNull()
-		expect(screen.getByText("Add Note")).not.toBeNull()
-	})
-
-	it("should disable button for all custom configs belonging to a non-applicable custom config item group", async () => {
-		const customConfigItemGroup = {
-			applicableItems: new Map([["File_B_File_C_STANDARD", CUSTOM_CONFIG_ITEM_GROUPS.get("File_B_File_C_STANDARD")]]),
-			nonApplicableItems: new Map([["File_D_DELTA", CUSTOM_CONFIG_ITEM_GROUPS.get("File_D_DELTA")]])
-		}
-		mockedCustomConfigHelperService.customConfigItemGroups$ = of(customConfigItemGroup)
-		const { container } = await render(CustomConfigListComponent, { excludeComponentDeclaration: true })
-
-		await userEvent.click(screen.queryByText("Show non-applicable Custom Views"))
-
-		const customConfigItemGroupElement = container.querySelectorAll("mat-expansion-panel-header")[1]
-
-		await userEvent.click(customConfigItemGroupElement)
-
-		expect((screen.getAllByTitle("SampleMap Delta View #1", { exact: false })[1].closest("button") as HTMLButtonElement).disabled).toBe(
-			true
-		)
-	})
-})

package/app/codeCharta/ui/customConfigs/customConfigList/customConfigList.component.ts

@@ -1,17 +0,0 @@
-import { Component, ViewEncapsulation } from "@angular/core"
-import { CustomConfigHelperService } from "../customConfigHelper.service"
-
-@Component({
-	templateUrl: "./customConfigList.component.html",
-	styleUrls: ["./customConfigList.component.scss"],
-	encapsulation: ViewEncapsulation.None
-})
-export class CustomConfigListComponent {
-	isCollapsed = true
-
-	constructor(public customConfigService: CustomConfigHelperService) {}
-
-	toggleNonApplicableCustomConfigsList() {
-		this.isCollapsed = !this.isCollapsed
-	}
-}

package/app/codeCharta/ui/customConfigs/customConfigList/getCustomConfigItemGroups.spec.ts

@@ -1,151 +0,0 @@
-import { CustomConfig, CustomConfigMapSelectionMode } from "../../../model/customConfig/customConfig.api.model"
-import { CustomConfigHelper } from "../../../util/customConfigHelper"
-import { getCustomConfigItemGroups } from "./getCustomConfigItemGroups"
-import { VisibleFilesBySelectionMode } from "../visibleFilesBySelectionMode.selector"
-import { expect } from "@jest/globals"
-
-describe("getCustomConfigItemGroups", () => {
-	const customConfigStub1 = {
-		id: "1-invalid-md5-checksum",
-		name: "config1",
-		mapSelectionMode: CustomConfigMapSelectionMode.MULTIPLE,
-		assignedMaps: new Map([
-			["checksumMap1", "map1"],
-			["checksumMap2", "map2"]
-		]),
-		stateSettings: {
-			appSettings: {
-				mapColors: {
-					positive: "green",
-					neutral: "yellow",
-					negative: "red",
-					selected: "orange",
-					negativeDelta: "red",
-					positiveDelta: "green"
-				}
-			},
-			dynamicSettings: {
-				areaMetric: "rloc",
-				heightMetric: "mcc",
-				colorMetric: "mcc",
-				edgeMetric: "avgCommits"
-			}
-		},
-		note: "Custom Note 1"
-	} as CustomConfig
-
-	const customConfigStub2 = {
-		id: "2-invalid-md5-checksum",
-		name: "config2",
-		mapSelectionMode: CustomConfigMapSelectionMode.MULTIPLE,
-		assignedMaps: new Map([["checksumMap3", "map3"]]),
-		stateSettings: {
-			appSettings: {
-				mapColors: {
-					positive: "violett",
-					neutral: "yellow",
-					negative: "red",
-					selected: "orange",
-					negativeDelta: "red",
-					positiveDelta: "green"
-				}
-			},
-			dynamicSettings: {
-				areaMetric: "rloc",
-				heightMetric: "functions",
-				colorMetric: "mcc",
-				edgeMetric: "avgCommits"
-			}
-		}
-	} as CustomConfig
-
-	it("should set applicable-flags to true when current assigned map names, checksums and selection mode are matching a custom config", () => {
-		CustomConfigHelper.loadCustomConfigsFromLocalStorage = jest
-			.fn()
-			.mockReturnValue(new Map([["customConfigKey_1", customConfigStub1]]))
-		const visibleFilesBySelectionMode: VisibleFilesBySelectionMode = {
-			mapSelectionMode: CustomConfigMapSelectionMode.MULTIPLE,
-			assignedMaps: new Map([
-				["checksumMap1", "map1"],
-				["checksumMap2", "map2"]
-			])
-		}
-
-		const actualCustomConfigItemGroups = getCustomConfigItemGroups(visibleFilesBySelectionMode)
-
-		const applicableGroup = actualCustomConfigItemGroups.applicableItems.get("map1_map2_STANDARD")
-		expect(applicableGroup.customConfigItems[0].name).toBe("config1")
-		expect(applicableGroup.customConfigItems[0].isApplicable).toBe(true)
-		expect(applicableGroup.customConfigItems[0].note).toBe("Custom Note 1")
-		expect(applicableGroup.customConfigItems[0].metrics).toEqual({
-			heightMetric: "mcc",
-			areaMetric: "rloc",
-			colorMetric: "mcc",
-			edgeMetric: "avgCommits"
-		})
-		expect(applicableGroup.customConfigItems[0].mapColors).toEqual({
-			positive: "green",
-			neutral: "yellow",
-			negative: "red",
-			selected: "orange",
-			negativeDelta: "red",
-			positiveDelta: "green"
-		})
-		expect(applicableGroup.customConfigItems[0].note).toBe("Custom Note 1")
-	})
-
-	it("should set applicable-flags to false when current assigned map names, checksums and selection mode are not matching a custom config", () => {
-		CustomConfigHelper.loadCustomConfigsFromLocalStorage = jest
-			.fn()
-			.mockReturnValue(new Map([["customConfigKey_2", customConfigStub2]]))
-		const visibleFilesBySelectionMode: VisibleFilesBySelectionMode = {
-			mapSelectionMode: CustomConfigMapSelectionMode.MULTIPLE,
-			assignedMaps: new Map([
-				["checksumMap1", "map1"],
-				["checksumMap2", "map2"]
-			])
-		}
-
-		const actualCustomConfigItemGroups = getCustomConfigItemGroups(visibleFilesBySelectionMode)
-
-		const nonApplicableGroup = actualCustomConfigItemGroups.nonApplicableItems.get("map3_STANDARD")
-		expect(nonApplicableGroup.customConfigItems[0].name).toBe("config2")
-		expect(nonApplicableGroup.customConfigItems[0].note).toBeUndefined()
-		expect(nonApplicableGroup.customConfigItems[0].isApplicable).toBe(false)
-	})
-
-	it("should set applicable-flags to true, if at least one checksum of selected map is present in a custom config", () => {
-		CustomConfigHelper.loadCustomConfigsFromLocalStorage = jest
-			.fn()
-			.mockReturnValue(new Map([["customConfigKey_1", customConfigStub1]]))
-		const visibleFilesBySelectionMode: VisibleFilesBySelectionMode = {
-			mapSelectionMode: CustomConfigMapSelectionMode.MULTIPLE,
-			assignedMaps: new Map([["checksumMap1", "map1"]])
-		}
-
-		const actualCustomConfigItemGroups = getCustomConfigItemGroups(visibleFilesBySelectionMode)
-
-		const applicableGroup = actualCustomConfigItemGroups.applicableItems.get("map1_map2_STANDARD")
-		expect(applicableGroup.customConfigItems[0].name).toBe("config1")
-		expect(applicableGroup.customConfigItems[0].isApplicable).toBe(true)
-	})
-
-	it("should set applicable-flags to true, if selected CustomConfigMapSelectionMode does not match actual FileSelectionState but selected maps are present in a custom config", () => {
-		CustomConfigHelper.loadCustomConfigsFromLocalStorage = jest
-			.fn()
-			.mockReturnValue(new Map([["customConfigKey_1", customConfigStub1]]))
-		const visibleFilesBySelectionMode: VisibleFilesBySelectionMode = {
-			mapSelectionMode: CustomConfigMapSelectionMode.DELTA,
-			assignedMaps: new Map([
-				["checksumMap1", "map1"],
-				["checksumMap2", "map2"]
-			])
-		}
-
-		const actualCustomConfigItemGroups = getCustomConfigItemGroups(visibleFilesBySelectionMode)
-
-		const applicableGroup = actualCustomConfigItemGroups.applicableItems.get("map1_map2_STANDARD")
-		expect(applicableGroup.customConfigItems[0].name).toBe("config1")
-		expect(applicableGroup.customConfigItems[0].isApplicable).toBe(true)
-	})
-})

package/app/codeCharta/ui/customConfigs/customConfigList/getCustomConfigItemGroups.ts

@@ -1,53 +0,0 @@
-import { CustomConfigItemGroup } from "../customConfigs.component"
-import { CustomConfigHelper } from "../../../util/customConfigHelper"
-import { VisibleFilesBySelectionMode } from "../visibleFilesBySelectionMode.selector"
-
-export interface CustomConfigGroups {
-	applicableItems: Map<string, CustomConfigItemGroup>
-	nonApplicableItems: Map<string, CustomConfigItemGroup>
-}
-
-export function getCustomConfigItemGroups({ assignedMaps }: VisibleFilesBySelectionMode): CustomConfigGroups {
-	const customConfigGroups: CustomConfigGroups = {
-		applicableItems: new Map(),
-		nonApplicableItems: new Map()
-	}
-	const customConfigItemGroups = new Map<string, CustomConfigItemGroup>()
-
-	for (const customConfig of CustomConfigHelper.loadCustomConfigsFromLocalStorage().values()) {
-		const mapNames = [...customConfig.assignedMaps.values()]
-		const groupKey = `${mapNames.join("_")}_${customConfig.mapSelectionMode}`
-		const isCustomConfigItemApplicable = [...customConfig.assignedMaps.keys()].some(configChecksum => assignedMaps.has(configChecksum))
-
-		if (!customConfigItemGroups.has(groupKey)) {
-			customConfigItemGroups.set(groupKey, {
-				mapNames: mapNames.join(" "),
-				mapSelectionMode: customConfig.mapSelectionMode,
-				hasApplicableItems: isCustomConfigItemApplicable,
-				customConfigItems: []
-			})
-		}
-
-		const { positive, neutral, negative, selected, positiveDelta, negativeDelta } = customConfig.stateSettings.appSettings.mapColors
-		const { areaMetric, heightMetric, colorMetric, edgeMetric } = customConfig.stateSettings.dynamicSettings
-
-		customConfigItemGroups.get(groupKey).customConfigItems.push({
-			id: customConfig.id,
-			name: customConfig.name,
-			assignedMaps: customConfig.assignedMaps,
-			mapSelectionMode: customConfig.mapSelectionMode,
-			metrics: { areaMetric, heightMetric, colorMetric, edgeMetric },
-			mapColors: { positive, neutral, negative, selected, positiveDelta, negativeDelta },
-			isApplicable: isCustomConfigItemApplicable,
-			...(customConfig.note && { note: customConfig.note })
-		})
-
-		if (customConfigItemGroups.get(groupKey).hasApplicableItems) {
-			customConfigGroups.applicableItems.set(groupKey, customConfigItemGroups.get(groupKey))
-		} else {
-			customConfigGroups.nonApplicableItems.set(groupKey, customConfigItemGroups.get(groupKey))
-		}
-	}
-
-	return customConfigGroups
-}

package/app/codeCharta/ui/customConfigs/customConfigNoteDialogButton/customConfigNoteDialog/customConfigNoteDialog.component.html

@@ -1,12 +0,0 @@
-<div class="custom-config-note-dialog-container">
-	<div mat-dialog-content class="note-input-container">
-		<mat-form-field class="note-input" appearance="fill">
-			<mat-label>Custom Note</mat-label>
-			<textarea matInput cdkAutosizeMinRows="10" cdkTextareaAutosize [(ngModel)]="data"></textarea>
-		</mat-form-field>
-	</div>
-	<div mat-dialog-actions class="note-dialog-action-buttons">
-		<button [mat-dialog-close]>Cancel</button>
-		<button [mat-dialog-close]="data">Ok</button>
-	</div>
-</div>

package/app/codeCharta/ui/customConfigs/customConfigNoteDialogButton/customConfigNoteDialog/customConfigNoteDialog.component.scss

@@ -1,31 +0,0 @@
-@use "app/material/theme";
-
-cc-custom-config-note-dialog {
-	.custom-config-note-dialog-container {
-		padding: 20px 24px;
-
-		.note-input-container {
-			padding: 0;
-
-			.note-input {
-				width: 100%;
-			}
-		}
-		.note-dialog-action-buttons {
-			justify-content: flex-end;
-			padding: 0;
-		}
-
-		button {
-			padding: 12px;
-			margin: 0 0 0 10px;
-			color: theme.$cc-primary-color;
-			background-color: rgba(138, 132, 132, 0.08);
-
-			&:hover {
-				background-color: rgba(0, 0, 0, 0.05);
-				color: theme.$cc-primary-color;
-			}
-		}
-	}
-}

package/app/codeCharta/ui/customConfigs/customConfigNoteDialogButton/customConfigNoteDialog/customConfigNoteDialog.component.ts

@@ -1,12 +0,0 @@
-import { Component, Inject, ViewEncapsulation } from "@angular/core"
-import { MAT_DIALOG_DATA } from "@angular/material/dialog"
-
-@Component({
-	selector: "cc-custom-config-note-dialog",
-	templateUrl: "./customConfigNoteDialog.component.html",
-	styleUrls: ["./customConfigNoteDialog.component.scss"],
-	encapsulation: ViewEncapsulation.None
-})
-export class CustomConfigNoteDialogComponent {
-	constructor(@Inject(MAT_DIALOG_DATA) public data: string) {}
-}

package/app/codeCharta/ui/customConfigs/customConfigNoteDialogButton/customConfigNoteDialogButton.component.html

@@ -1,3 +0,0 @@
-<button class="custom-config-note-dialog-button" title="Edit/View Note" (click)="openDialog()">
-	<i class="fa fa-pencil"></i>
-</button>

package/app/codeCharta/ui/customConfigs/customConfigNoteDialogButton/customConfigNoteDialogButton.component.spec.ts

@@ -1,90 +0,0 @@
-import { TestBed } from "@angular/core/testing"
-
-import { render, screen } from "@testing-library/angular"
-import { CustomConfigNoteDialogButtonComponent } from "./customConfigNoteDialogButton.component"
-import userEvent from "@testing-library/user-event"
-import { CustomConfigItem } from "../customConfigs.component"
-import { CustomConfigHelper } from "../../../util/customConfigHelper"
-import { CustomConfigNoteDialogButtonModule } from "./customConfigNoteDialogButton.module"
-import { TestbedHarnessEnvironment } from "@angular/cdk/testing/testbed"
-import { MatDialogHarness } from "@angular/material/dialog/testing"
-
-describe("customConfigNoteDialogComponent", () => {
-	let editCustomConfigNoteSpy: jest.SpyInstance
-
-	beforeEach(() => {
-		editCustomConfigNoteSpy = jest.spyOn(CustomConfigHelper, "editCustomConfigNote").mockImplementation(() => {})
-		TestBed.configureTestingModule({
-			imports: [CustomConfigNoteDialogButtonModule]
-		})
-	})
-
-	afterEach(() => {
-		editCustomConfigNoteSpy.mockRestore()
-	})
-
-	it("should render a clickable button and open a dialog to add and submit a note", async () => {
-		const newNote = "Some other note"
-		const customConfigItem = {
-			id: "configID",
-			note: ""
-		} as CustomConfigItem
-		const { fixture } = await render(CustomConfigNoteDialogButtonComponent, {
-			excludeComponentDeclaration: true,
-			componentProperties: { customConfigItem }
-		})
-		const loader = TestbedHarnessEnvironment.documentRootLoader(fixture)
-		let currentlyOpenedDialogs = await loader.getAllHarnesses(MatDialogHarness)
-
-		expect(currentlyOpenedDialogs.length).toBe(0)
-		await userEvent.click(screen.getByTitle("Edit/View Note"))
-
-		currentlyOpenedDialogs = await loader.getAllHarnesses(MatDialogHarness)
-		expect(currentlyOpenedDialogs.length).toBe(1)
-
-		await userEvent.type(screen.getByRole("textbox"), newNote)
-		await userEvent.click(screen.getByText("Ok"))
-
-		currentlyOpenedDialogs = await loader.getAllHarnesses(MatDialogHarness)
-		expect(currentlyOpenedDialogs.length).toBe(0)
-
-		expect(editCustomConfigNoteSpy).toHaveBeenCalledWith("configID", newNote)
-	})
-
-	it("should render a clickable button and open a dialog and and not change the note when the same note is submitted", async () => {
-		const customConfigItem = {
-			id: "configID",
-			note: "a note"
-		} as CustomConfigItem
-		await render(CustomConfigNoteDialogButtonComponent, {
-			excludeComponentDeclaration: true,
-			componentProperties: { customConfigItem }
-		})
-
-		const editNoteButton = screen.getByTitle("Edit/View Note")
-		await userEvent.click(editNoteButton)
-		await userEvent.click(screen.getByText("Ok"))
-
-		expect(editCustomConfigNoteSpy).not.toHaveBeenCalled()
-	})
-
-	it("should render a clickable button and open a dialog and and not change the note when cancel button is clicked", async () => {
-		const customConfigItem = {
-			id: "configID",
-			note: "a note"
-		} as CustomConfigItem
-		const { fixture } = await render(CustomConfigNoteDialogButtonComponent, {
-			excludeComponentDeclaration: true,
-			componentProperties: { customConfigItem }
-		})
-		const loader = TestbedHarnessEnvironment.documentRootLoader(fixture)
-		const editNoteButton = screen.getByTitle("Edit/View Note")
-
-		await userEvent.click(editNoteButton)
-		await userEvent.click(screen.getByText("Cancel"))
-		const currentlyOpenedDialogs = await loader.getAllHarnesses(MatDialogHarness)
-
-		expect(currentlyOpenedDialogs.length).toBe(0)
-		expect(editCustomConfigNoteSpy).not.toHaveBeenCalled()
-	})
-})

package/app/codeCharta/ui/customConfigs/customConfigNoteDialogButton/customConfigNoteDialogButton.component.ts

@@ -1,33 +0,0 @@
-import { Component, Input } from "@angular/core"
-import { MatDialog } from "@angular/material/dialog"
-import { CustomConfigNoteDialogComponent } from "./customConfigNoteDialog/customConfigNoteDialog.component"
-import { CustomConfigItem } from "../customConfigs.component"
-import { CustomConfigHelper } from "../../../util/customConfigHelper"
-
-@Component({
-	selector: "cc-custom-config-note-dialog-button",
-	templateUrl: "./customConfigNoteDialogButton.component.html"
-})
-export class CustomConfigNoteDialogButtonComponent {
-	@Input() customConfigItem: CustomConfigItem
-
-	customConfigNote: string
-
-	constructor(private dialog: MatDialog) {}
-
-	openDialog(): void {
-		this.customConfigNote = this.customConfigItem.note
-
-		const dialogReference = this.dialog.open(CustomConfigNoteDialogComponent, {
-			width: "600px",
-			data: this.customConfigNote
-		})
-
-		dialogReference.afterClosed().subscribe(result => {
-			if (result !== undefined && this.customConfigNote !== result) {
-				this.customConfigNote = result
-				CustomConfigHelper.editCustomConfigNote(this.customConfigItem.id, result)
-			}
-		})
-	}
-}

package/app/codeCharta/ui/customConfigs/customConfigNoteDialogButton/customConfigNoteDialogButton.module.ts

@@ -1,14 +0,0 @@
-import { NgModule } from "@angular/core"
-import { MaterialModule } from "../../../../material/material.module"
-import { FormsModule, ReactiveFormsModule } from "@angular/forms"
-import { CommonModule } from "@angular/common"
-import { CustomConfigNoteDialogButtonComponent } from "./customConfigNoteDialogButton.component"
-import { CustomConfigNoteDialogComponent } from "./customConfigNoteDialog/customConfigNoteDialog.component"
-import { A11yModule } from "@angular/cdk/a11y"
-
-@NgModule({
-	imports: [MaterialModule, ReactiveFormsModule, FormsModule, CommonModule, A11yModule],
-	declarations: [CustomConfigNoteDialogButtonComponent, CustomConfigNoteDialogComponent],
-	exports: [CustomConfigNoteDialogButtonComponent]
-})
-export class CustomConfigNoteDialogButtonModule {}

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

@@ -1,6 +0,0 @@
-<div class="custom-configs-panel-buttons">
-	<button class="cc-ribbon-bar-menu-button" title="Open your saved Custom Views" (click)="openCustomConfigDialog()">
-		<i class="fa fa-cogs"></i>
-	</button>
-	<cc-add-custom-config-button></cc-add-custom-config-button>
-</div>

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

@@ -1,7 +0,0 @@
-cc-custom-configs {
-	.custom-configs-panel-buttons {
-		display: flex;
-		justify-content: center;
-		gap: 4px;
-	}
-}

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

@@ -1,41 +0,0 @@
-import { provideMockStore } from "@ngrx/store/testing"
-import { TestBed } from "@angular/core/testing"
-import { render, screen } from "@testing-library/angular"
-import { CustomConfigsComponent } from "./customConfigs.component"
-import { AddCustomConfigDialogComponent } from "./addCustomConfigButton/addCustomConfigDialog/addCustomConfigDialog.component"
-import { CustomConfigListComponent } from "./customConfigList/customConfigList.component"
-import { CustomConfigsModule } from "./customConfigs.module"
-import { MatDialog } from "@angular/material/dialog"
-import userEvent from "@testing-library/user-event"
-
-describe("CustomConfigsComponent", () => {
-	let mockedDialog = { open: jest.fn() }
-
-	beforeEach(() => {
-		mockedDialog = { open: jest.fn() }
-		TestBed.configureTestingModule({
-			imports: [CustomConfigsModule],
-			providers: [{ provide: MatDialog, useValue: mockedDialog }, provideMockStore()]
-		})
-	})
-
-	it("should open dialog when clicking add custom config button", async () => {
-		await render(CustomConfigsComponent, { excludeComponentDeclaration: true })
-
-		const addButton = screen.getByTitle("Create new Custom View")
-		await userEvent.click(addButton)
-
-		expect(mockedDialog.open).toHaveBeenCalledTimes(1)
-		expect(mockedDialog.open).toHaveBeenCalledWith(AddCustomConfigDialogComponent, { panelClass: "cc-add-custom-config-dialog" })
-	})
-
-	it("should open dialog when clicking add custom config button", async () => {
-		await render(CustomConfigsComponent, { excludeComponentDeclaration: true })
-
-		const openCustomConfigsButton = screen.getByTitle("Open your saved Custom Views")
-		await userEvent.click(openCustomConfigsButton)
-
-		expect(mockedDialog.open).toHaveBeenCalledTimes(1)
-		expect(mockedDialog.open).toHaveBeenCalledWith(CustomConfigListComponent, { panelClass: "cc-custom-config-list" })
-	})
-})

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

@@ -1,41 +0,0 @@
-import { Component, ViewEncapsulation } from "@angular/core"
-import { MatDialog } from "@angular/material/dialog"
-import { CustomConfigListComponent } from "./customConfigList/customConfigList.component"
-import { CustomConfigMapSelectionMode } from "../../model/customConfig/customConfig.api.model"
-import { MapColors, PrimaryMetrics } from "../../codeCharta.model"
-
-type CustomConfigColors = Pick<MapColors, "positive" | "neutral" | "negative" | "selected" | "positiveDelta" | "negativeDelta">
-
-export interface CustomConfigItem {
-	id: string
-	name: string
-	assignedMaps: Map<string, string>
-	mapSelectionMode: CustomConfigMapSelectionMode
-	metrics: Pick<PrimaryMetrics, "areaMetric" | "heightMetric" | "colorMetric" | "edgeMetric">
-	mapColors: CustomConfigColors
-	isApplicable: boolean
-	note?: string
-}
-
-export interface CustomConfigItemGroup {
-	mapNames: string
-	mapSelectionMode: CustomConfigMapSelectionMode
-	hasApplicableItems: boolean
-	customConfigItems: CustomConfigItem[]
-}
-
-@Component({
-	selector: "cc-custom-configs",
-	templateUrl: "./customConfigs.component.html",
-	styleUrls: ["./customConfigs.component.scss"],
-	encapsulation: ViewEncapsulation.None
-})
-export class CustomConfigsComponent {
-	constructor(private dialog: MatDialog) {}
-
-	openCustomConfigDialog() {
-		this.dialog.open(CustomConfigListComponent, {
-			panelClass: "cc-custom-config-list"
-		})
-	}
-}