codecharta-visualization 1.87.1 → 1.88.0

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

@@ -4,7 +4,7 @@
 	<screenshot-button-component></screenshot-button-component>
 	<cc-export-threed-map-button></cc-export-threed-map-button>
 
-	<file-panel-component ng-class="{ hidden: $ctrl._viewModel.isNodeHovered }"></file-panel-component>
+	<cc-file-panel ng-class="{ hidden: $ctrl._viewModel.isNodeHovered }"></cc-file-panel>
 	<node-path-panel-component ng-class="{ hidden: !$ctrl._viewModel.isNodeHovered }"></node-path-panel-component>
 
 	<div class="right-aligned">

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

@@ -35,11 +35,11 @@ tool-bar-component {
 		display: inline-flex;
 		align-items: center;
 		width: 400px;
+		justify-content: space-between;
 	}
 
 	span {
 		font-size: 10pt;
-		margin-right: 8px;
 	}
 
 	loading-gif-map-component {

package/app/codeCharta/ui/ui.ts

@@ -70,7 +70,6 @@ angular
 		"app.codeCharta.ui.dialog",
 		"app.codeCharta.ui.fileChooser",
 		"app.codeCharta.ui.fileExtensionBar",
-		"app.codeCharta.ui.filePanel",
 		"app.codeCharta.ui.heightSettingsPanel",
 		"app.codeCharta.ui.loadingGif",
 		"app.codeCharta.ui.metricChooser",
@@ -84,7 +83,8 @@ angular
 		"app.codeCharta.ui.viewCube",
 		"app.codeCharta.ui.layoutSelection",
 		"app.codeCharta.ui.sharpnessModeSelector",
-		"app.codeCharta.ui.maxTreeMapFiles"
+		"app.codeCharta.ui.maxTreeMapFiles",
+		"app.codeCharta.ui.filePanel"
 	])
 	.directive("ccSortingButton", downgradeComponent({ component: SortingButtonComponent }))
 	.directive("ccSortingOption", downgradeComponent({ component: SortingOptionComponent }))

package/app/codeCharta/util/customConfigHelper.spec.ts

@@ -22,7 +22,7 @@ describe("CustomConfigHelper", () => {
 			const customConfigStub = {
 				id: "invalid-md5-checksum",
 				name: "stubbedConfig1",
-				mapSelectionMode: CustomConfigMapSelectionMode.SINGLE,
+				mapSelectionMode: CustomConfigMapSelectionMode.MULTIPLE,
 				assignedMaps: ["test.cc.json"],
 				stateSettings: {}
 			} as CustomConfig
@@ -58,7 +58,7 @@ describe("CustomConfigHelper", () => {
 			const customConfigStub = {
 				id: "invalid-md5-checksum",
 				name: "stubbedConfig2",
-				mapSelectionMode: CustomConfigMapSelectionMode.SINGLE,
+				mapSelectionMode: CustomConfigMapSelectionMode.MULTIPLE,
 				assignedMaps: ["test.cc.json"],
 				stateSettings: {}
 			} as CustomConfig
@@ -81,6 +81,106 @@ describe("CustomConfigHelper", () => {
 			expect(localStorage.getItem).toHaveBeenCalledWith(CUSTOM_CONFIGS_LOCAL_STORAGE_ELEMENT)
 			expect(JSON.parse).toHaveBeenCalledWith(undefined, stateObjectReviver)
 		})
+
+		it("should load Custom Configs from local storage with version 1.0.0, update SINGLE mode in MULTIPLE and change version to 1.0.1 ", () => {
+			const customConfigStub1 = {
+				id: "invalid-md5-checksum1",
+				name: "stubbedConfig1",
+				mapSelectionMode: CustomConfigMapSelectionMode.SINGLE,
+				assignedMaps: ["test1.cc.json"],
+				stateSettings: {}
+			} as CustomConfig
+
+			const customConfigStub2 = {
+				id: "invalid-md5-checksum2",
+				name: "stubbedConfig2",
+				mapSelectionMode: CustomConfigMapSelectionMode.MULTIPLE,
+				assignedMaps: ["test2.cc.json"],
+				stateSettings: {}
+			} as CustomConfig
+
+			const customConfigStub3 = {
+				id: "invalid-md5-checksum3",
+				name: "stubbedConfig3",
+				mapSelectionMode: CustomConfigMapSelectionMode.DELTA,
+				assignedMaps: ["test3.cc.json"],
+				stateSettings: {}
+			} as CustomConfig
+
+			const localStorageCustomConfigs: LocalStorageCustomConfigs = {
+				version: "1.0.0",
+				customConfigs: [
+					[customConfigStub1.id, customConfigStub1],
+					[customConfigStub2.id, customConfigStub2],
+					[customConfigStub3.id, customConfigStub3]
+				]
+			}
+
+			CustomConfigHelper["customConfigs"].clear()
+			JSON["parse"] = jest.fn().mockImplementation(() => {
+				return localStorageCustomConfigs
+			})
+
+			const spyOnGetItem = spyOn(Storage.prototype, "getItem")
+			const spyOnRemoveItem = spyOn(Storage.prototype, "removeItem")
+			const spyOnSetItem = spyOn(Storage.prototype, "setItem")
+			const spyOnJSON = spyOn(JSON, "stringify")
+
+			const loadedCustomConfigs = CustomConfigHelper["loadCustomConfigs"]()
+
+			expect(spyOnGetItem).toHaveBeenCalledTimes(1)
+			expect(spyOnRemoveItem).toHaveBeenCalledTimes(1)
+			expect(spyOnSetItem).toHaveBeenCalledTimes(1)
+			expect(spyOnJSON).toHaveBeenCalledTimes(1)
+			expect(loadedCustomConfigs.size).toBe(3)
+			expect(loadedCustomConfigs.get("invalid-md5-checksum1").mapSelectionMode).toBe(CustomConfigMapSelectionMode.MULTIPLE)
+			expect(loadedCustomConfigs.get("invalid-md5-checksum2").mapSelectionMode).toBe(CustomConfigMapSelectionMode.MULTIPLE)
+			expect(loadedCustomConfigs.get("invalid-md5-checksum3").mapSelectionMode).toBe(CustomConfigMapSelectionMode.DELTA)
+		})
+
+		it("should load Custom Configs from local storage with version 1.0.1 and should not make any changes to them", () => {
+			const customConfigStub1 = {
+				id: "invalid-md5-checksum1",
+				name: "stubbedConfig1",
+				mapSelectionMode: CustomConfigMapSelectionMode.MULTIPLE,
+				assignedMaps: ["test1.cc.json"],
+				stateSettings: {}
+			} as CustomConfig
+
+			const customConfigStub2 = {
+				id: "invalid-md5-checksum2",
+				name: "stubbedConfig2",
+				mapSelectionMode: CustomConfigMapSelectionMode.DELTA,
+				assignedMaps: ["test2.cc.json"],
+				stateSettings: {}
+			} as CustomConfig
+
+			const localStorageCustomConfigs: LocalStorageCustomConfigs = {
+				version: "1.0.1",
+				customConfigs: [
+					[customConfigStub1.id, customConfigStub1],
+					[customConfigStub2.id, customConfigStub2]
+				]
+			}
+
+			CustomConfigHelper["customConfigs"].clear()
+			JSON["parse"] = jest.fn().mockImplementation(() => {
+				return localStorageCustomConfigs
+			})
+
+			const spyOnGetItem = spyOn(Storage.prototype, "getItem")
+			const spyOnRemoveItem = spyOn(Storage.prototype, "removeItem")
+			const spyOnSetItem = spyOn(Storage.prototype, "setItem")
+
+			const loadedCustomConfigs = CustomConfigHelper["loadCustomConfigs"]()
+
+			expect(spyOnGetItem).toHaveBeenCalledTimes(1)
+			expect(spyOnRemoveItem).toHaveBeenCalledTimes(0)
+			expect(spyOnSetItem).toHaveBeenCalledTimes(0)
+			expect(loadedCustomConfigs.size).toBe(2)
+			expect(loadedCustomConfigs.get("invalid-md5-checksum1").mapSelectionMode).toBe(CustomConfigMapSelectionMode.MULTIPLE)
+			expect(loadedCustomConfigs.get("invalid-md5-checksum2").mapSelectionMode).toBe(CustomConfigMapSelectionMode.DELTA)
+		})
 	})
 
 	describe("getCustomConfigsAmountByMapAndMode", () => {
@@ -88,7 +188,7 @@ describe("CustomConfigHelper", () => {
 			const customConfigStub1 = {
 				id: "1-invalid-md5-checksum",
 				name: "stubbedConfig3",
-				mapSelectionMode: CustomConfigMapSelectionMode.SINGLE,
+				mapSelectionMode: CustomConfigMapSelectionMode.MULTIPLE,
 				assignedMaps: ["testy.cc.json"],
 				mapChecksum: "123",
 				customConfigVersion: "1",
@@ -97,7 +197,7 @@ describe("CustomConfigHelper", () => {
 			const customConfigStub2 = {
 				id: "2-invalid-md5-checksum",
 				name: "stubbedConfig4",
-				mapSelectionMode: CustomConfigMapSelectionMode.SINGLE,
+				mapSelectionMode: CustomConfigMapSelectionMode.MULTIPLE,
 				assignedMaps: ["testy.cc.json"],
 				mapChecksum: "123",
 				customConfigVersion: "1",
@@ -106,7 +206,7 @@ describe("CustomConfigHelper", () => {
 			const customConfigStub3 = {
 				id: "3-invalid-md5-checksum",
 				name: "stubbedConfig5",
-				mapSelectionMode: CustomConfigMapSelectionMode.SINGLE,
+				mapSelectionMode: CustomConfigMapSelectionMode.MULTIPLE,
 				assignedMaps: ["another.cc.json"],
 				mapChecksum: "123",
 				customConfigVersion: "1",
@@ -130,19 +230,19 @@ describe("CustomConfigHelper", () => {
 			expect(
 				CustomConfigHelper.getCustomConfigsAmountByMapAndMode(
 					customConfigStub1.assignedMaps.join(" "),
-					CustomConfigMapSelectionMode.SINGLE
+					CustomConfigMapSelectionMode.MULTIPLE
 				)
 			).toBe(2)
 			expect(
 				CustomConfigHelper.getCustomConfigsAmountByMapAndMode(
 					customConfigStub3.assignedMaps.join(" "),
-					CustomConfigMapSelectionMode.SINGLE
+					CustomConfigMapSelectionMode.MULTIPLE
 				)
 			).toBe(1)
 			expect(
 				CustomConfigHelper.getCustomConfigsAmountByMapAndMode(
 					customConfigStub4.assignedMaps.join(" "),
-					CustomConfigMapSelectionMode.SINGLE
+					CustomConfigMapSelectionMode.MULTIPLE
 				)
 			).toBe(1)
 			expect(
@@ -155,33 +255,6 @@ describe("CustomConfigHelper", () => {
 	})
 
 	describe("getConfigNameSuggestion", () => {
-		it("should return the right CustomConfig name suggestion for SINGLE mode", () => {
-			const customConfigStub1 = {
-				id: "invalid-md5-checksum",
-				name: "stubbedConfig7",
-				mapSelectionMode: CustomConfigMapSelectionMode.SINGLE,
-				assignedMaps: ["testy.cc.json"],
-				mapChecksum: "123",
-				customConfigVersion: "1",
-				stateSettings: {}
-			} as CustomConfig
-
-			jest.mock("../ui/customConfigs/customConfigFileStateConnector")
-
-			const getJointMapNameMock = jest.fn()
-			getJointMapNameMock.mockReturnValue(customConfigStub1.assignedMaps.join(" "))
-
-			CustomConfigFileStateConnector.prototype.getJointMapName = getJointMapNameMock
-			CustomConfigFileStateConnector.prototype.getMapSelectionMode = jest.fn().mockReturnValue(CustomConfigMapSelectionMode.SINGLE)
-
-			// Reset customConfigs in CustomConfigHelper
-			CustomConfigHelper["customConfigs"].clear()
-			expect(CustomConfigHelper.getConfigNameSuggestionByFileState(CustomConfigFileStateConnector.prototype)).toBe("testy.cc.json #1")
-
-			CustomConfigHelper["customConfigs"].set(customConfigStub1.id, customConfigStub1)
-			expect(CustomConfigHelper.getConfigNameSuggestionByFileState(CustomConfigFileStateConnector.prototype)).toBe("testy.cc.json #2")
-		})
-
 		it("should return the right CustomConfig name suggestion for MULTIPLE mode", () => {
 			const customConfigStub1 = {
 				id: "invalid-md5-checksum",
@@ -262,7 +335,7 @@ describe("CustomConfigHelper", () => {
 			const customConfigStub1 = {
 				id: "invalid-md5-checksum",
 				name: "stubbedConfig10",
-				mapSelectionMode: CustomConfigMapSelectionMode.SINGLE,
+				mapSelectionMode: CustomConfigMapSelectionMode.MULTIPLE,
 				assignedMaps: ["testy.cc.json"],
 				mapChecksum: "123",
 				customConfigVersion: "1",
@@ -309,15 +382,6 @@ describe("CustomConfigHelper", () => {
 	describe("sortCustomConfigDropDownList", () => {
 		it("should put applicable CustomConfigs Group at the beginning of the list and sort by mode afterwards", () => {
 			const customConfigItemGroups = new Map<string, CustomConfigItemGroup>([
-				[
-					"notApplicableSingle",
-					{
-						mapNames: "notApplicableSingle.cc.json",
-						mapSelectionMode: CustomConfigMapSelectionMode.SINGLE,
-						hasApplicableItems: false,
-						customConfigItems: []
-					}
-				],
 				[
 					"applicableMultiple",
 					{
@@ -363,7 +427,6 @@ describe("CustomConfigHelper", () => {
 			expect(customConfigItemGroupsDropDown[1].mapNames).toBe("notApplicableDelta.cc.json")
 			expect(customConfigItemGroupsDropDown[2].mapNames).toBe("notApplicableDelta2.cc.json notApplicableDelta2.1.cc.json")
 			expect(customConfigItemGroupsDropDown[3].mapNames).toBe("notApplicableMultiple1.cc.json notApplicableMultiple2.cc.json")
-			expect(customConfigItemGroupsDropDown[4].mapNames).toBe("notApplicableSingle.cc.json")
 		})
 	})
 
@@ -372,7 +435,7 @@ describe("CustomConfigHelper", () => {
 			const customConfigStub1 = {
 				id: "1-invalid-md5-checksum",
 				name: "config1",
-				mapSelectionMode: CustomConfigMapSelectionMode.SINGLE,
+				mapSelectionMode: CustomConfigMapSelectionMode.MULTIPLE,
 				assignedMaps: ["mocky.cc.json"],
 				mapChecksum: "123",
 				customConfigVersion: "1",
@@ -406,7 +469,7 @@ describe("CustomConfigHelper", () => {
 
 			const getMapSelectionModeMock = jest.fn()
 			getMapSelectionModeMock
-				.mockReturnValueOnce(CustomConfigMapSelectionMode.SINGLE)
+				.mockReturnValueOnce(CustomConfigMapSelectionMode.MULTIPLE)
 				.mockReturnValueOnce(CustomConfigMapSelectionMode.DELTA)
 
 			CustomConfigFileStateConnector.prototype.getJointMapName = getJointMapNameMock
@@ -415,7 +478,7 @@ describe("CustomConfigHelper", () => {
 
 			const customConfigItemGroups = CustomConfigHelper.getCustomConfigItemGroups(CustomConfigFileStateConnector.prototype)
 
-			const singleGroup = customConfigItemGroups.get("mocky.cc.json_SINGLE")
+			const singleGroup = customConfigItemGroups.get("mocky.cc.json_MULTIPLE")
 			expect(singleGroup.hasApplicableItems).toBe(true)
 			expect(singleGroup.customConfigItems[0].name).toBe("config1")
 			expect(singleGroup.customConfigItems[0].isApplicable).toBe(true)
@@ -429,7 +492,7 @@ describe("CustomConfigHelper", () => {
 			const customConfigStub1 = {
 				id: "1-invalid-md5-checksum",
 				name: "config1",
-				mapSelectionMode: CustomConfigMapSelectionMode.SINGLE,
+				mapSelectionMode: CustomConfigMapSelectionMode.MULTIPLE,
 				assignedMaps: ["mocky.cc.json"],
 				mapChecksum: "123",
 				customConfigVersion: "1",
@@ -438,7 +501,7 @@ describe("CustomConfigHelper", () => {
 			const customConfigStub2 = {
 				id: "2-invalid-md5-checksum",
 				name: "config2",
-				mapSelectionMode: CustomConfigMapSelectionMode.SINGLE,
+				mapSelectionMode: CustomConfigMapSelectionMode.MULTIPLE,
 				assignedMaps: ["another.mocky.cc.json"],
 				mapChecksum: "1234",
 				customConfigVersion: "1",
@@ -475,9 +538,9 @@ describe("CustomConfigHelper", () => {
 
 			const getMapSelectionModeMock = jest.fn()
 			getMapSelectionModeMock
-				.mockReturnValueOnce(CustomConfigMapSelectionMode.SINGLE)
-				.mockReturnValueOnce(CustomConfigMapSelectionMode.SINGLE)
-				.mockReturnValueOnce(CustomConfigMapSelectionMode.SINGLE)
+				.mockReturnValueOnce(CustomConfigMapSelectionMode.MULTIPLE)
+				.mockReturnValueOnce(CustomConfigMapSelectionMode.MULTIPLE)
+				.mockReturnValueOnce(CustomConfigMapSelectionMode.MULTIPLE)
 
 			CustomConfigFileStateConnector.prototype.getJointMapName = getJointMapNameMock
 			CustomConfigFileStateConnector.prototype.getChecksumOfAssignedMaps = getChecksumOfAssignedMapsMock
@@ -485,11 +548,11 @@ describe("CustomConfigHelper", () => {
 
 			const customConfigItemGroups = CustomConfigHelper.getCustomConfigItemGroups(CustomConfigFileStateConnector.prototype)
 
-			const singleGroup = customConfigItemGroups.get("mocky.cc.json_SINGLE")
+			const singleGroup = customConfigItemGroups.get("mocky.cc.json_MULTIPLE")
 			expect(singleGroup.customConfigItems[0].name).toBe("config1")
 			expect(singleGroup.customConfigItems[0].isApplicable).toBe(false)
 
-			const anotherSingleGroup = customConfigItemGroups.get("another.mocky.cc.json_SINGLE")
+			const anotherSingleGroup = customConfigItemGroups.get("another.mocky.cc.json_MULTIPLE")
 			expect(anotherSingleGroup.customConfigItems[0].name).toBe("config2")
 			expect(anotherSingleGroup.customConfigItems[0].isApplicable).toBe(false)
 
@@ -500,11 +563,42 @@ describe("CustomConfigHelper", () => {
 	})
 
 	describe("importCustomConfigs", () => {
+		it("should import Configs in SINGLE Mode and change mode to MULTIPLE", () => {
+			const configStub = {
+				id: "invalid-md5-checksum",
+				name: "to-be-imported",
+				mapSelectionMode: CustomConfigMapSelectionMode.SINGLE,
+				assignedMaps: ["exampleMap1.cc.json", "exampleMap2cc.json"]
+			} as ExportCustomConfig
+
+			const exportedCustomConfigs: Map<string, ExportCustomConfig> = new Map()
+			exportedCustomConfigs.set(configStub.id, configStub)
+
+			const mockedDownloadFile: CustomConfigsDownloadFile = {
+				downloadApiVersion: "",
+				timestamp: 0,
+				customConfigs: exportedCustomConfigs
+			}
+
+			spyOn(JSON, "parse")
+			JSON["parse"] = jest.fn().mockReturnValue(mockedDownloadFile)
+
+			// Mock first config to be already existent
+			CustomConfigHelper["customConfigs"].clear()
+			CustomConfigHelper.importCustomConfigs("not-relevant-json-string-due-to-mocking")
+			const customConfigs = CustomConfigHelper.getCustomConfigs()
+
+			expect(customConfigs.size).toBe(1)
+			expect(customConfigs.has(configStub.id)).toBeTruthy()
+			expect(customConfigs.get(configStub.id).name).toBe(configStub.name)
+			expect(customConfigs.get(configStub.id).mapSelectionMode).toBe(CustomConfigMapSelectionMode.MULTIPLE)
+		})
+
 		it("should import not existing Configs and prevent duplicate names, if any", () => {
 			const alreadyExistingConfigStub = {
 				id: "1-invalid-md5-checksum",
 				name: "already-existing-exported-config",
-				mapSelectionMode: CustomConfigMapSelectionMode.SINGLE,
+				mapSelectionMode: CustomConfigMapSelectionMode.MULTIPLE,
 				assignedMaps: ["exampleMap1.cc.json", "exampleMap2cc.json"]
 			} as ExportCustomConfig
 
@@ -516,7 +610,7 @@ describe("CustomConfigHelper", () => {
 			const exportCustomConfigDuplicateName = {
 				id: "3-invalid-md5-checksum-imported",
 				name: "already-existing-exported-config",
-				mapSelectionMode: CustomConfigMapSelectionMode.SINGLE,
+				mapSelectionMode: CustomConfigMapSelectionMode.MULTIPLE,
 				assignedMaps: ["exampleMap1.cc.json", "exampleMap2cc.json"],
 				// Timestamp of 2020-11-20_13-19
 				creationTime: 1_605_878_386_493
@@ -591,16 +685,17 @@ describe("CustomConfigHelper", () => {
 			)
 		})
 	})
+
 	describe("get custom config by name", () => {
 		it("should return null when config name is invalid", () => {
-			const result = CustomConfigHelper.getCustomConfigByName(CustomConfigMapSelectionMode.SINGLE, [], "invalidConfig")
+			const result = CustomConfigHelper.getCustomConfigByName(CustomConfigMapSelectionMode.MULTIPLE, [], "invalidConfig")
 			expect(result).toEqual(null)
 		})
 		it("should return custom config", () => {
 			const customConfigStub = {
 				id: "invalid-md5-checksum",
 				name: "stubbedConfig1",
-				mapSelectionMode: CustomConfigMapSelectionMode.SINGLE,
+				mapSelectionMode: CustomConfigMapSelectionMode.MULTIPLE,
 				assignedMaps: ["test.cc.json"],
 				stateSettings: {}
 			} as CustomConfig

package/app/codeCharta/util/customConfigHelper.ts

@@ -22,8 +22,8 @@ import { ThreeOrbitControlsService } from "../ui/codeMap/threeViewer/threeOrbitC
 import { CodeChartaStorage } from "./codeChartaStorage"
 
 export const CUSTOM_CONFIG_FILE_EXTENSION = ".cc.config.json"
-const CUSTOM_CONFIGS_LOCAL_STORAGE_VERSION = "1.0.0"
-const CUSTOM_CONFIGS_DOWNLOAD_FILE_VERSION = "1.0.0"
+const CUSTOM_CONFIGS_LOCAL_STORAGE_VERSION = "1.0.1"
+const CUSTOM_CONFIGS_DOWNLOAD_FILE_VERSION = "1.0.1"
 export const CUSTOM_CONFIGS_LOCAL_STORAGE_ELEMENT = "CodeCharta::customConfigs"
 
 export class CustomConfigHelper {
@@ -90,11 +90,36 @@ export class CustomConfigHelper {
 	}
 
 	private static loadCustomConfigs() {
+		const ccLocalStorage = this.getCcLocalStorage()
+		return new Map(ccLocalStorage?.customConfigs)
+	}
+
+	// TODO [2022-08-01]: remove replace method for SINGLE mode when deadline is reached
+	private static getCcLocalStorage() {
 		const ccLocalStorage: LocalStorageCustomConfigs = JSON.parse(
 			CustomConfigHelper.getStorage().getItem(CUSTOM_CONFIGS_LOCAL_STORAGE_ELEMENT),
 			stateObjectReviver
 		)
-		return new Map(ccLocalStorage?.customConfigs)
+		if (ccLocalStorage?.version === "1.0.0") {
+			return this.replaceSingleModeInLocalStorage(ccLocalStorage)
+		}
+
+		return ccLocalStorage
+	}
+
+	// TODO [2022-08-01]: remove replace method for SINGLE mode when deadline is reached
+	private static replaceSingleModeInLocalStorage(ccLocalStorage: LocalStorageCustomConfigs) {
+		for (const [, customConfig] of ccLocalStorage?.customConfigs.values() ?? []) {
+			if (customConfig.mapSelectionMode === "SINGLE") {
+				customConfig.mapSelectionMode = CustomConfigMapSelectionMode.MULTIPLE
+			}
+		}
+
+		ccLocalStorage.version = CUSTOM_CONFIGS_LOCAL_STORAGE_VERSION
+		CustomConfigHelper.getStorage().removeItem(CUSTOM_CONFIGS_LOCAL_STORAGE_ELEMENT)
+		CustomConfigHelper.getStorage().setItem(CUSTOM_CONFIGS_LOCAL_STORAGE_ELEMENT, JSON.stringify(ccLocalStorage, stateObjectReviver))
+
+		return ccLocalStorage
 	}
 
 	static addCustomConfigs(newCustomConfigs: CustomConfig[]) {
@@ -153,6 +178,11 @@ export class CustomConfigHelper {
 		const importedCustomConfigsFile: CustomConfigsDownloadFile = JSON.parse(content, stateObjectReviver)
 
 		for (const exportedConfig of importedCustomConfigsFile.customConfigs.values()) {
+			// TODO [2022-08-01]: remove condition for SINGLE mode when deadline is reached
+			if (exportedConfig.mapSelectionMode === "SINGLE") {
+				exportedConfig.mapSelectionMode = CustomConfigMapSelectionMode.MULTIPLE
+			}
+
 			const alreadyExistingConfig = CustomConfigHelper.getCustomConfigSettings(exportedConfig.id)
 
 			// Check for a duplicate Config by matching checksums

package/app/codeCharta/util/dataMocks.ts

@@ -1818,7 +1818,8 @@ export const STATE: State = {
 	},
 	appStatus: {
 		hoveredBuildingPath: null,
-		selectedBuildingId: null
+		selectedBuildingId: null,
+		rightClickedNodeData: null
 	}
 }
 
@@ -1901,7 +1902,8 @@ export const DEFAULT_STATE: State = {
 	},
 	appStatus: {
 		hoveredBuildingPath: null,
-		selectedBuildingId: null
+		selectedBuildingId: null,
+		rightClickedNodeData: null
 	}
 }