codecharta-visualization 1.119.0 → 1.120.0

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

@@ -1,37 +0,0 @@
-import { TestBed } from "@angular/core/testing"
-import { provideMockStore } from "@ngrx/store/testing"
-import { render, screen } from "@testing-library/angular"
-import { ColorPickerForMapColorComponent } from "./colorPickerForMapColor.component"
-
-import { ColorPickerForMapColorModule } from "./colorPickerForMapColor.module"
-import { mapColorsSelector } from "../../state/store/appSettings/mapColors/mapColors.selector"
-import { defaultMapColors } from "../../state/store/appSettings/mapColors/mapColors.reducer"
-import { colorRangeSelector } from "../../state/store/dynamicSettings/colorRange/colorRange.selector"
-import { selectedColorMetricDataSelector } from "../../state/selectors/accumulatedData/metricData/selectedColorMetricData.selector"
-
-describe("colorPickerForMapColor", () => {
-	beforeEach(() => {
-		TestBed.configureTestingModule({
-			imports: [ColorPickerForMapColorModule],
-			providers: [
-				provideMockStore({
-					selectors: [
-						{ selector: mapColorsSelector, value: defaultMapColors },
-						{ selector: colorRangeSelector, value: { from: 21, to: 100 } },
-						{ selector: selectedColorMetricDataSelector, value: { minValue: 0, maxValue: 100 } }
-					]
-				})
-			]
-		})
-	})
-
-	it("should render correctly", async () => {
-		await render(ColorPickerForMapColorComponent, {
-			excludeComponentDeclaration: true,
-			componentProperties: { mapColorFor: "positive" }
-		})
-
-		const renderedLabel = screen.queryByText("0 to < 21")
-		expect(renderedLabel).not.toBe(null)
-	})
-})

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

@@ -1,31 +0,0 @@
-import { Component, Input, ViewEncapsulation } from "@angular/core"
-import { Store } from "@ngrx/store"
-
-import { MapColors, CcState } from "../../codeCharta.model"
-import { selectedColorMetricDataSelector } from "../../state/selectors/accumulatedData/metricData/selectedColorMetricData.selector"
-import { setMapColors } from "../../state/store/appSettings/mapColors/mapColors.actions"
-import { mapColorsSelector } from "../../state/store/appSettings/mapColors/mapColors.selector"
-import { colorRangeSelector } from "../../state/store/dynamicSettings/colorRange/colorRange.selector"
-
-@Component({
-	selector: "cc-color-picker-for-map-color",
-	templateUrl: "./colorPickerForMapColor.component.html",
-	encapsulation: ViewEncapsulation.None
-})
-export class ColorPickerForMapColorComponent {
-	@Input() mapColorFor: keyof Omit<MapColors, "labelColorAndAlpha" | "markingColors">
-
-	mapColors$ = this.store.select(mapColorsSelector)
-	colorRange$ = this.store.select(colorRangeSelector)
-	nodeMetricRange$ = this.store.select(selectedColorMetricDataSelector)
-
-	constructor(private store: Store<CcState>) {}
-
-	handleColorChange(newHexColor: string) {
-		this.store.dispatch(
-			setMapColors({
-				value: { [this.mapColorFor]: newHexColor }
-			})
-		)
-	}
-}

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

@@ -1,13 +0,0 @@
-import { CommonModule } from "@angular/common"
-import { NgModule } from "@angular/core"
-
-import { LabelledColorPickerModule } from "../labelledColorPicker/labelledColorPicker.module"
-import { ColorPickerForMapColorComponent } from "./colorPickerForMapColor.component"
-import { MapColorLabelPipe } from "./mapColorLabel.pipe"
-
-@NgModule({
-	imports: [CommonModule, LabelledColorPickerModule],
-	declarations: [ColorPickerForMapColorComponent, MapColorLabelPipe],
-	exports: [ColorPickerForMapColorComponent]
-})
-export class ColorPickerForMapColorModule {}

package/app/codeCharta/ui/colorPickerForMapColor/mapColorLabel.pipe.spec.ts

@@ -1,42 +0,0 @@
-import { MapColorLabelPipe } from "./mapColorLabel.pipe"
-
-describe("mapColorLabelPipe", () => {
-	const colorRange = { from: 21, to: 42 }
-	const nodeMetricDataRange = { minValue: 0, maxValue: 9001 }
-
-	it("should transform 'positive'", () => {
-		expect(new MapColorLabelPipe().transform("positive", colorRange, nodeMetricDataRange)).toBe("0 to < 21")
-	})
-
-	it("should transform 'neutral'", () => {
-		expect(new MapColorLabelPipe().transform("neutral", colorRange, nodeMetricDataRange)).toBe("≥ 21 to ≤ 42")
-	})
-
-	it("should transform 'negative'", () => {
-		expect(new MapColorLabelPipe().transform("negative", colorRange, nodeMetricDataRange)).toBe("> 42 to 9,001")
-	})
-
-	it("should transform 'positiveDelta'", () => {
-		expect(new MapColorLabelPipe().transform("positiveDelta", colorRange, nodeMetricDataRange)).toBe("+Δ positive delta")
-	})
-
-	it("should transform 'negativeDelta'", () => {
-		expect(new MapColorLabelPipe().transform("negativeDelta", colorRange, nodeMetricDataRange)).toBe("–Δ negative delta")
-	})
-
-	it("should transform 'selected'", () => {
-		expect(new MapColorLabelPipe().transform("selected", colorRange, nodeMetricDataRange)).toBe("selected")
-	})
-
-	it("should transform 'outgoingEdge'", () => {
-		expect(new MapColorLabelPipe().transform("outgoingEdge", colorRange, nodeMetricDataRange)).toBe("Outgoing Edge")
-	})
-
-	it("should transform 'incomingEdge'", () => {
-		expect(new MapColorLabelPipe().transform("incomingEdge", colorRange, nodeMetricDataRange)).toBe("Incoming Edge")
-	})
-
-	it("should not throw when called with default null color range values", () => {
-		expect(() => new MapColorLabelPipe().transform("neutral", { from: null, to: null }, nodeMetricDataRange)).not.toThrow()
-	})
-})

package/app/codeCharta/ui/colorPickerForMapColor/mapColorLabel.pipe.ts

@@ -1,32 +0,0 @@
-import { Pipe, PipeTransform } from "@angular/core"
-
-import { ColorRange, MapColors } from "../../codeCharta.model"
-import { MetricMinMax } from "../../state/selectors/accumulatedData/metricData/selectedColorMetricData.selector"
-
-@Pipe({ name: "mapColorLabel" })
-export class MapColorLabelPipe implements PipeTransform {
-	transform(metricName: keyof MapColors, colorRange: ColorRange, nodeMetricRange: MetricMinMax): string {
-		switch (metricName) {
-			case "positive":
-				return `${nodeMetricRange.minValue} to < ${this.formatNumber(colorRange.from)}`
-			case "neutral":
-				return `≥ ${this.formatNumber(colorRange.from)} to ≤ ${this.formatNumber(colorRange.to)}`
-			case "negative":
-				return `> ${this.formatNumber(colorRange.to)} to ${this.formatNumber(nodeMetricRange.maxValue)}`
-			case "positiveDelta":
-				return "+Δ positive delta"
-			case "negativeDelta":
-				return "–Δ negative delta"
-			case "selected":
-				return "selected"
-			case "outgoingEdge":
-				return "Outgoing Edge"
-			case "incomingEdge":
-				return "Incoming Edge"
-		}
-	}
-
-	private formatNumber(n?: number) {
-		return (n || 0).toLocaleString()
-	}
-}

package/app/codeCharta/ui/copyToClipboardButton/copyToClipboard.service.spec.ts

@@ -1,34 +0,0 @@
-import { State } from "@ngrx/store"
-import { CopyToClipboardService } from "./copyToClipboard.service"
-import { buildTextOfFiles } from "./util/clipboardString"
-import { getFilenamesWithHighestMetrics } from "./util/getFilenamesWithHighestMetrics"
-import { CcState } from "../../codeCharta.model"
-
-let service: CopyToClipboardService
-jest.mock("./util/clipboardString", () => {
-	return { buildTextOfFiles: jest.fn().mockReturnValue("Magic Monday") }
-})
-jest.mock("./util/getFilenamesWithHighestMetrics", () => {
-	return { getFilenamesWithHighestMetrics: jest.fn() }
-})
-
-describe("CopyToClipboardService", () => {
-	beforeEach(() => {
-		const stateStub = {} as unknown as State<CcState>
-		service = new CopyToClipboardService(stateStub)
-		service["getUnifiedMapNode"] = jest.fn()
-	})
-
-	describe("getClipboardText", () => {
-		it("should call functions to convert state and to build text", () => {
-			const stateConverterMock = getFilenamesWithHighestMetrics
-			const buildTextMock = buildTextOfFiles
-
-			const clipboardText = service.getClipboardText()
-
-			expect(clipboardText).toBe("Magic Monday")
-			expect(stateConverterMock).toHaveBeenCalled()
-			expect(buildTextMock).toHaveBeenCalled()
-		})
-	})
-})

package/app/codeCharta/ui/copyToClipboardButton/copyToClipboard.service.ts

@@ -1,23 +0,0 @@
-import { Injectable } from "@angular/core"
-import { State } from "@ngrx/store"
-import { CcState } from "../../codeCharta.model"
-import { accumulatedDataSelector } from "../../state/selectors/accumulatedData/accumulatedData.selector"
-import { buildTextOfFiles } from "./util/clipboardString"
-import { getFilenamesWithHighestMetrics } from "./util/getFilenamesWithHighestMetrics"
-
-@Injectable()
-export class CopyToClipboardService {
-	constructor(private state: State<CcState>) {}
-
-	private getUnifiedMapNode() {
-		const { unifiedMapNode } = accumulatedDataSelector(this.state.getValue())
-		return unifiedMapNode
-	}
-
-	getClipboardText(): string {
-		const node = this.getUnifiedMapNode()
-		const filesByAttribute = getFilenamesWithHighestMetrics(node)
-
-		return buildTextOfFiles(filesByAttribute)
-	}
-}

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

@@ -1,2 +0,0 @@
-<cc-action-icon icon="fa fa-clipboard" title="Copy filenames with highest metric values to clipboard" (click)="copyNamesToClipBoard()">
-</cc-action-icon>

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

@@ -1,32 +0,0 @@
-import { TestBed } from "@angular/core/testing"
-import { CopyToClipboardService } from "./copyToClipboard.service"
-import { CopyToClipboardButtonComponent } from "./copyToClipboardButton.component"
-import { CopyToClipboardButtonModule } from "./copyToClipboardButton.module"
-let component: CopyToClipboardButtonComponent
-describe("CopyToClipboardButtonComponent", () => {
-	const writeToClipboardMock = jest.fn()
-	const getClipboardTextMock = jest.fn().mockReturnValue("Magic Monday")
-
-	beforeAll(() => {
-		TestBed.configureTestingModule({
-			imports: [CopyToClipboardButtonModule],
-			providers: [
-				{ provide: CopyToClipboardService, useValue: { getClipboardText: getClipboardTextMock } },
-				CopyToClipboardButtonComponent
-			]
-		})
-
-		component = TestBed.inject(CopyToClipboardButtonComponent)
-		TestBed.inject(CopyToClipboardService)
-
-		//clipboard does not exist in jest's JSdom, see https://stackoverflow.com/questions/62351935/how-to-mock-navigator-clipboard-writetext-in-jest
-		Object.assign(navigator, { clipboard: { writeText: writeToClipboardMock } })
-	})
-
-	it("should use a get-text-method of service and write resulting text to clipboard", async () => {
-		await component.copyNamesToClipBoard()
-
-		expect(getClipboardTextMock).toBeCalled()
-		expect(writeToClipboardMock).toBeCalledWith("Magic Monday")
-	})
-})

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

@@ -1,15 +0,0 @@
-import { Component, ViewEncapsulation } from "@angular/core"
-import { CopyToClipboardService } from "./copyToClipboard.service"
-
-@Component({
-	selector: "cc-copy-to-clipboard-button",
-	templateUrl: "./copyToClipboardButton.component.html",
-	encapsulation: ViewEncapsulation.None
-})
-export class CopyToClipboardButtonComponent {
-	constructor(private service: CopyToClipboardService) {}
-
-	async copyNamesToClipBoard() {
-		await navigator.clipboard.writeText(this.service.getClipboardText())
-	}
-}

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

@@ -1,13 +0,0 @@
-import { CommonModule } from "@angular/common"
-import { NgModule } from "@angular/core"
-import { ActionIconModule } from "../actionIcon/actionIcon.module"
-import { CopyToClipboardService } from "./copyToClipboard.service"
-import { CopyToClipboardButtonComponent } from "./copyToClipboardButton.component"
-
-@NgModule({
-	imports: [CommonModule, ActionIconModule],
-	declarations: [CopyToClipboardButtonComponent],
-	exports: [CopyToClipboardButtonComponent],
-	providers: [CopyToClipboardService]
-})
-export class CopyToClipboardButtonModule {}

package/app/codeCharta/ui/copyToClipboardButton/util/clipboardString.spec.ts

@@ -1,37 +0,0 @@
-import { buildTextOfFiles } from "./clipboardString"
-import { FileToValue } from "./getFilenamesWithHighestMetrics"
-
-describe("buildTextOfFiles", () => {
-	it("should return only header line if there is only one attribute without files", () => {
-		const result = buildTextOfFiles(WITH_ONE_FILELESS_ATTRIBUTE)
-
-		expect(result).toBe("FUNCTIONS\n")
-	})
-
-	it("should return valid string if there two attributes", () => {
-		const result = buildTextOfFiles(WITH_TWO_ATTRIBUTES)
-
-		expect(result).toBe(`RLOC\n` + `\t• root/app/fileA (12)\n` + `COMMENTS\n` + `\t• root/app/fileA (14)\n`)
-	})
-
-	it("should return valid string if there is one attribute with many files", () => {
-		const result = buildTextOfFiles(WITH_ONE_ATTRIBUTE)
-
-		expect(result).toBe(`MCC\n` + `\t• root/app/file1 (100)\n` + `\t• root/app/file2 (84)\n` + `\t• root/app/file3 (122)\n`)
-	})
-})
-const WITH_ONE_ATTRIBUTE = new Map<string, FileToValue[]>([
-	[
-		"mcc",
-		[
-			{ filePath: "root/app/file1", value: 100 },
-			{ filePath: "root/app/file2", value: 84 },
-			{ filePath: "root/app/file3", value: 122 }
-		]
-	]
-])
-const WITH_TWO_ATTRIBUTES = new Map<string, FileToValue[]>([
-	["rloc", [{ filePath: "root/app/fileA", value: 12 }]],
-	["comments", [{ filePath: "root/app/fileA", value: 14 }]]
-])
-const WITH_ONE_FILELESS_ATTRIBUTE = new Map<string, FileToValue[]>([["functions", []]])

package/app/codeCharta/ui/copyToClipboardButton/util/clipboardString.ts

@@ -1,21 +0,0 @@
-import { FileToValue } from "./getFilenamesWithHighestMetrics"
-
-function getLineFromItem(item: FileToValue): string {
-	return `\t• ${item.filePath} (${item.value})` + `\n`
-}
-
-function getStringHeaderFromAttribute(title: string): string {
-	return `${title.toUpperCase()}\n`
-}
-
-export function buildTextOfFiles(attributeToFiles: Map<string, FileToValue[]>): string {
-	let result = ""
-	for (const [key, files] of attributeToFiles.entries()) {
-		result += getStringHeaderFromAttribute(key)
-		for (const file of files) {
-			result += getLineFromItem(file)
-		}
-	}
-
-	return result
-}

package/app/codeCharta/ui/copyToClipboardButton/util/getFilenamesWithHighestMetric.spec.ts

@@ -1,142 +0,0 @@
-import { NodeType } from "../../../codeCharta.model"
-import { FileToValue, getFilenamesWithHighestMetrics, updateAttributeMap } from "./getFilenamesWithHighestMetrics"
-
-let MAP: Map<string, FileToValue[]>
-
-beforeEach(() => {
-	MAP = new Map<string, FileToValue[]>([
-		[
-			"mcc",
-			[
-				{ filePath: "root/app/file2", value: 500 },
-				{ filePath: "root/app/file3", value: 400 },
-				{ filePath: "root/app/file1", value: 300 },
-				{ filePath: "root/app/file1", value: 200 },
-				{ filePath: "root/app/file1", value: 100 },
-				{ filePath: "root/app/file1", value: 50 },
-				{ filePath: "root/app/file1", value: 20 },
-				{ filePath: "root/app/file1", value: 15 },
-				{ filePath: "root/app/file1", value: 10 },
-				{ filePath: "root/app/file1", value: 5 }
-			]
-		]
-	])
-})
-
-describe("getFilenamesWithHighestMetrics", () => {
-	it("should return a map with keys for exactly two attribute", () => {
-		const resultMap = getFilenamesWithHighestMetrics(BIG_NODE_WITH_TWO_ATTRIBUTES)
-		const mccResults = resultMap.get("mcc")
-		const rlocResults = resultMap.get("rloc")
-
-		expect(resultMap.size).toBe(2)
-		expect(mccResults).toBeTruthy()
-		expect(rlocResults).toBeTruthy()
-	})
-
-	it("should return correct values for rloc and mcc", () => {
-		const resultMap = getFilenamesWithHighestMetrics(BIG_NODE_WITH_TWO_ATTRIBUTES)
-		const mccResults = resultMap.get("mcc")
-		const rlocResults = resultMap.get("rloc")
-
-		expect(rlocResults).toEqual([{ filePath: "root/leaf1", value: 5 }])
-		expect(mccResults).toEqual([
-			{ filePath: "root/leaf1", value: 10 },
-			{ filePath: "root/leaf2", value: 9 },
-			{ filePath: "root/leaf3", value: 8 },
-			{ filePath: "root/leaf4", value: 7 },
-			{ filePath: "root/leaf5", value: 6 },
-			{ filePath: "root/leaf6", value: 5 },
-			{ filePath: "root/leaf7", value: 4 },
-			{ filePath: "root/leaf8", value: 3 },
-			{ filePath: "root/leaf9", value: 2 },
-			{ filePath: "root/leaf10", value: 1 }
-		])
-	})
-
-	it("should ignore folders", () => {
-		const map = getFilenamesWithHighestMetrics(CONTAINS_FOLDER_WITH_ATTRIBUTES)
-
-		expect(map.get("rloc")).toBeUndefined()
-		expect(map.get("mcc")).toEqual([{ filePath: "root/file", value: 0 }])
-	})
-})
-
-describe("updateAttributeMap", () => {
-	it("should not add item to attribute if value is lower than old values", () => {
-		updateAttributeMap("mcc", 0, "app/src/lowValueFile", MAP)
-
-		expect(MAP.get("mcc")).not.toContainEqual({ filePath: "app/src/lowValueFile", value: 0 })
-		expect(MAP.get("mcc").length).toBe(10)
-	})
-
-	it("should add item to attribute if value is higher than old values", () => {
-		updateAttributeMap("mcc", 9001, "app/src/highValueFile", MAP)
-
-		expect(MAP.get("mcc")).toContainEqual({ filePath: "app/src/highValueFile", value: 9001 })
-		expect(MAP.get("mcc").length).toBe(10)
-	})
-
-	it("should add attribute and attribute gets item if map is empty", () => {
-		const EMPTY_MAP = new Map<string, FileToValue[]>()
-
-		updateAttributeMap("mcc", 0, "root/app/firstFile", EMPTY_MAP)
-
-		expect(EMPTY_MAP.get("mcc")).toContainEqual({ filePath: "root/app/firstFile", value: 0 })
-		expect(EMPTY_MAP.get("mcc").length).toBe(1)
-	})
-
-	it("should add item to attribute if attribute has only one item", () => {
-		const TINY_MAP = new Map<string, FileToValue[]>([["mcc", [{ filePath: "root/app/firstFile", value: 424_242 }]]])
-
-		updateAttributeMap("mcc", 0, "root/secondFile", TINY_MAP)
-
-		expect(TINY_MAP.get("mcc")).toEqual([
-			{ filePath: "root/app/firstFile", value: 424_242 },
-			{ filePath: "root/secondFile", value: 0 }
-		])
-		expect(TINY_MAP.get("mcc").length).toBe(2)
-	})
-
-	it("should add new attribute and new attribute gets item and old attribute does not change", () => {
-		const oldMcc = MAP.get("mcc")
-
-		updateAttributeMap("rloc", 0, "app/rlocFile", MAP)
-		const newMcc = MAP.get("mcc")
-
-		expect(MAP.get("rloc")).toEqual([{ filePath: "app/rlocFile", value: 0 }])
-		expect(oldMcc).toBe(newMcc)
-		expect(MAP.size).toBe(2)
-	})
-})
-
-const BIG_NODE_WITH_TWO_ATTRIBUTES = {
-	path: "root/",
-	type: NodeType.FOLDER,
-	children: [
-		{
-			path: "folder",
-			type: NodeType.FOLDER,
-			children: [
-				{ path: "root/leaf2", attributes: { ["mcc"]: 9 }, type: NodeType.FILE },
-				{ path: "root/leaf3", attributes: { ["mcc"]: 8 }, type: NodeType.FILE },
-				{ path: "root/leaf4", attributes: { ["mcc"]: 7 }, type: NodeType.FILE },
-				{ path: "root/leaf5", attributes: { ["mcc"]: 6 }, type: NodeType.FILE },
-				{ path: "root/leaf6", attributes: { ["mcc"]: 5 }, type: NodeType.FILE },
-				{ path: "root/leaf7", attributes: { ["mcc"]: 4 }, type: NodeType.FILE },
-				{ path: "root/leaf8", attributes: { ["mcc"]: 3 }, type: NodeType.FILE },
-				{ path: "root/leaf9", attributes: { ["mcc"]: 2 }, type: NodeType.FILE },
-				{ path: "root/leaf10", attributes: { ["mcc"]: 1 }, type: NodeType.FILE },
-				{ path: "root/leaf11", attributes: { ["mcc"]: 0 }, type: NodeType.FILE }
-			]
-		},
-		{ path: "root/leaf1", attributes: { ["mcc"]: 10, ["rloc"]: 5 }, type: NodeType.FILE }
-	]
-}
-
-const CONTAINS_FOLDER_WITH_ATTRIBUTES = {
-	path: "root/",
-	type: NodeType.FOLDER,
-	attributes: { mcc: 111, rloc: 15 },
-	children: [{ path: "root/file", type: NodeType.FILE, attributes: { mcc: 0 }, children: [] }]
-}

package/app/codeCharta/ui/copyToClipboardButton/util/getFilenamesWithHighestMetrics.ts

@@ -1,43 +0,0 @@
-import { hierarchy } from "d3-hierarchy"
-import { CodeMapNode, NodeType } from "../../../codeCharta.model"
-
-export type FileToValue = { filePath: string; value: number }
-
-const MAX_ENTRIES = 10
-
-type ReducedCodeMapNode = Pick<CodeMapNode, "type" | "attributes" | "path"> & { children?: ReducedCodeMapNode[] }
-
-export function getFilenamesWithHighestMetrics(node: ReducedCodeMapNode) {
-	const fileToValueByAttributes = new Map<string, FileToValue[]>()
-	for (const { data } of hierarchy(node)) {
-		if (data.type === NodeType.FILE && data.attributes) {
-			for (const [key, value] of Object.entries(data.attributes)) {
-				updateAttributeMap(key, value, data.path, fileToValueByAttributes)
-			}
-		}
-	}
-	return fileToValueByAttributes
-}
-
-export function updateAttributeMap(key: string, value: number, filePath: string, map: Map<string, FileToValue[]>) {
-	const newPair = { filePath, value }
-
-	const keyIsNew = !map.has(key)
-	if (keyIsNew) {
-		map.set(key, [newPair])
-		return
-	}
-
-	const previousValues = map.get(key)
-
-	insertSorted(previousValues, newPair)
-	map.set(key, previousValues.slice(0, MAX_ENTRIES))
-}
-
-function insertSorted(array: FileToValue[], newPair: FileToValue) {
-	let index
-	for (index = array.length - 1; index >= 0 && array[index].value <= newPair.value; index--) {
-		array[index + 1] = array[index]
-	}
-	array[index + 1] = newPair
-}

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

@@ -1,3 +0,0 @@
-<button class="cc-ribbon-bar-menu-button" title="Create new Custom View" (click)="showAddCustomConfigDialog()">
-	<i class="fa fa-plus"></i>
-</button>

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

@@ -1,48 +0,0 @@
-import { TestBed } from "@angular/core/testing"
-import { State } from "@ngrx/store"
-import { AddCustomConfigButtonModule } from "./addCustomConfigButton.module"
-import { render, screen } from "@testing-library/angular"
-import { AddCustomConfigButtonComponent } from "./addCustomConfigButton.component"
-import userEvent from "@testing-library/user-event"
-import { CustomConfigHelper } from "../../../util/customConfigHelper"
-import { Vector3 } from "three"
-import { ThreeCameraService } from "../../codeMap/threeViewer/threeCamera.service"
-import { ThreeOrbitControlsService } from "../../codeMap/threeViewer/threeOrbitControls.service"
-import { TestbedHarnessEnvironment } from "@angular/cdk/testing/testbed"
-import { MatDialogHarness } from "@angular/material/dialog/testing"
-import { defaultState } from "../../../state/store/state.manager"
-
-describe("addCustomConfigButtonComponent", () => {
-	beforeEach(async () => {
-		TestBed.configureTestingModule({
-			imports: [AddCustomConfigButtonModule],
-			providers: [
-				{ provide: ThreeCameraService, useValue: { camera: { position: new Vector3(0, 300, 1000) } } },
-				{ provide: ThreeOrbitControlsService, useValue: { controls: { target: new Vector3(0, 0, 0) } } },
-				{ provide: State, useValue: { getValue: () => defaultState } }
-			]
-		})
-	})
-
-	it("should let a user save a custom config", async () => {
-		const configName = "myCustomConfig"
-		const configNote = "My Custom Note"
-		const addCustomConfigSpy = jest.spyOn(CustomConfigHelper, "addCustomConfig")
-		const { fixture } = await render(AddCustomConfigButtonComponent, { excludeComponentDeclaration: true })
-		const loader = TestbedHarnessEnvironment.documentRootLoader(fixture)
-		let currentlyOpenedDialogs = await loader.getAllHarnesses(MatDialogHarness)
-		expect(currentlyOpenedDialogs.length).toBe(0)
-
-		await userEvent.click(screen.getByRole("button"))
-		currentlyOpenedDialogs = await loader.getAllHarnesses(MatDialogHarness)
-		expect(currentlyOpenedDialogs.length).toBe(1)
-
-		await userEvent.type(screen.getAllByRole("textbox")[0], configName)
-		await userEvent.type(screen.getAllByRole("textbox")[1], configNote)
-		await userEvent.click(screen.getByRole("button", { name: "ADD" }))
-		currentlyOpenedDialogs = await loader.getAllHarnesses(MatDialogHarness)
-
-		expect(currentlyOpenedDialogs.length).toBe(0)
-		expect(addCustomConfigSpy).toHaveBeenCalledTimes(1)
-	})
-})

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

@@ -1,16 +0,0 @@
-import { Component, ViewEncapsulation } from "@angular/core"
-import { MatDialog } from "@angular/material/dialog"
-import { AddCustomConfigDialogComponent } from "./addCustomConfigDialog/addCustomConfigDialog.component"
-
-@Component({
-	selector: "cc-add-custom-config-button",
-	templateUrl: "./addCustomConfigButton.component.html",
-	encapsulation: ViewEncapsulation.None
-})
-export class AddCustomConfigButtonComponent {
-	constructor(private dialog: MatDialog) {}
-
-	showAddCustomConfigDialog() {
-		this.dialog.open(AddCustomConfigDialogComponent, { panelClass: "cc-add-custom-config-dialog" })
-	}
-}

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

@@ -1,15 +0,0 @@
-import { NgModule } from "@angular/core"
-import { MaterialModule } from "../../../../material/material.module"
-import { AddCustomConfigButtonComponent } from "./addCustomConfigButton.component"
-import { AddCustomConfigDialogComponent } from "./addCustomConfigDialog/addCustomConfigDialog.component"
-import { FormsModule, ReactiveFormsModule } from "@angular/forms"
-import { CommonModule } from "@angular/common"
-import { DownloadAndPurgeConfigsComponent } from "./addCustomConfigDialog/downloadAndPurgeConfigs/downloadAndPurgeConfigs.component"
-import { CustomConfigNoteDialogButtonModule } from "../customConfigNoteDialogButton/customConfigNoteDialogButton.module"
-
-@NgModule({
-	imports: [MaterialModule, ReactiveFormsModule, FormsModule, CommonModule, CustomConfigNoteDialogButtonModule],
-	declarations: [AddCustomConfigButtonComponent, AddCustomConfigDialogComponent, DownloadAndPurgeConfigsComponent],
-	exports: [AddCustomConfigButtonComponent]
-})
-export class AddCustomConfigButtonModule {}

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

@@ -1,33 +0,0 @@
-<mat-toolbar class="header" xmlns="http://www.w3.org/1999/html">
-	<h2>Add Custom View</h2>
-</mat-toolbar>
-
-<mat-dialog-content>
-	<div class="dialog-content">
-		<mat-form-field>
-			<label>Save individual configurations for your map.</label>
-			<input matInput class="custom-config-input" [formControl]="customConfigName" required />
-			<mat-hint align="start">Config View Name</mat-hint>
-			<mat-error *ngIf="customConfigName.invalid">{{ getErrorMessage() }}</mat-error>
-		</mat-form-field>
-		<mat-form-field class="custom-config-note">
-			<label>Provide custom note for configuration (optional)</label>
-			<textarea
-				cdkAutosizeMinRows="8"
-				cdkTextareaAutosize
-				matInput
-				class="custom-config-input"
-				[(ngModel)]="customConfigNote"
-				required
-			></textarea>
-			<mat-hint align="start">Config Note</mat-hint>
-		</mat-form-field>
-	</div>
-</mat-dialog-content>
-
-<mat-dialog-actions>
-	<cc-download-and-purge-configs></cc-download-and-purge-configs>
-	<button mat-button class="add-custom-config-button" (click)="addCustomConfig()" mat-dialog-close [disabled]="customConfigName.invalid">
-		ADD
-	</button>
-</mat-dialog-actions>