From 6cdfaa8fee4b9db6d5381f394e265fcbb8a66859 Mon Sep 17 00:00:00 2001
From: Oleksandr Dzhychko <hey@oleks.dev>
Date: Thu, 24 Sep 2026 08:42:23 +0000
Subject: [PATCH] refactor: remove unused Vue components

None of the removed were reachable from any rspack entry point.

Assisted-by: ClaudeCode:claude-opus-5
Signed-off-by: Oleksandr Dzhychko <hey@oleks.dev>
---
 .../Editor/FreeBusy/RoomAvailabilityList.vue  | 171 ------------------
 src/components/Editor/IllustrationHeader.vue  |  92 ----------
 .../Editor/Repeat/RepeatForkWarning.vue       |  19 --
 src/components/Shared/TimezoneSelect.vue      |  86 ---------
 src/mixins/EditorMixin.js                     |   9 -
 5 files changed, 377 deletions(-)
 delete mode 100644 src/components/Editor/FreeBusy/RoomAvailabilityList.vue
 delete mode 100644 src/components/Editor/IllustrationHeader.vue
 delete mode 100644 src/components/Editor/Repeat/RepeatForkWarning.vue
 delete mode 100644 src/components/Shared/TimezoneSelect.vue

diff --git a/src/components/Editor/FreeBusy/RoomAvailabilityList.vue b/src/components/Editor/FreeBusy/RoomAvailabilityList.vue
deleted file mode 100644
index 322787431b..0000000000
--- a/src/components/Editor/FreeBusy/RoomAvailabilityList.vue
+++ /dev/null
@@ -1,171 +0,0 @@
-<!--
-  - SPDX-FileCopyrightText: 2024 Nextcloud GmbH and Nextcloud contributors
-  - SPDX-License-Identifier: AGPL-3.0-or-later
--->
-<template>
-	<NcDialog
-		:open="showDialog"
-		:name="$t('calendar', 'Search room')"
-		size="large"
-		@update:open="(e) => $emit('update:show-dialog', e)">
-		<div class="modal__content__header">
-			<table>
-				<thead>
-					<tr>
-						<th class="name">
-							{{ $t('calendar', 'Room name') }}
-						</th>
-						<th>&nbsp;</th>
-					</tr>
-				</thead>
-				<tbody>
-					<tr v-for="room in rooms" :key="room.id">
-						<td>
-							<div class="item">
-								<div>
-									<div class="item-name">
-										{{ room.displayname }}
-									</div>
-								</div>
-							</div>
-						</td>
-						<td>
-							<div class="item-actions">
-								<NcButton
-									variant="secondary"
-									class="rooms__availability"
-									@click="openRoomAvailability(room)">
-									{{ $t('calendar', 'Check room availability') }}
-								</NcButton>
-							</div>
-						</td>
-					</tr>
-				</tbody>
-			</table>
-			<div>
-				<RoomAvailabilityModal
-					v-if="showRoomAvailabilityModal"
-					:show="showRoomAvailabilityModal"
-					:startDate="calendarObjectInstance.startDate"
-					:endDate="calendarObjectInstance.endDate"
-					:rooms="selectedRooms"
-					:organizer="currentUserPrincipalAsAttendee"
-					@update:show="setShowRoomAvailabilityModal" />
-			</div>
-		</div>
-	</NcDialog>
-</template>
-
-<script>
-import { NcButton, NcDialog } from '@nextcloud/vue'
-import { mapState, mapStores } from 'pinia'
-import RoomAvailabilityModal from '@/components/Editor/FreeBusy/RoomAvailabilityModal.vue'
-import { mapPrincipalObjectToAttendeeObject } from '@/models/attendee.js'
-import useCalendarObjectInstanceStore from '@/store/calendarObjectInstance.js'
-import usePrincipalsStore from '@/store/principals.js'
-
-export default {
-	name: 'RoomAvailabilityList',
-	components: {
-		NcButton,
-		NcDialog,
-		RoomAvailabilityModal,
-	},
-
-	props: {
-		showDialog: {
-			type: Boolean,
-			default: true,
-		},
-	},
-
-	emits: ['update:show-dialog'],
-
-	data() {
-		return {
-			showRoomAvailabilityModal: false,
-			selectedRooms: [],
-		}
-	},
-
-	computed: {
-		...mapStores(usePrincipalsStore),
-		...mapState(useCalendarObjectInstanceStore, ['calendarObjectInstance']),
-
-		rooms() {
-			return this.principalsStore.getRoomPrincipals
-		},
-
-		/**
-		 * Return the current user principal as a ORGANIZER attendee object.
-		 *
-		 * @return {object}
-		 */
-		currentUserPrincipalAsAttendee() {
-			return mapPrincipalObjectToAttendeeObject(
-				this.principalsStore.getCurrentUserPrincipal,
-				true,
-			)
-		},
-	},
-
-	methods: {
-		openRoomAvailability(room) {
-			this.selectedRooms = [room]
-			this.showRoomAvailabilityModal = true
-		},
-
-		setShowRoomAvailabilityModal(value) {
-			this.showRoomAvailabilityModal = value
-		},
-	},
-}
-</script>
-
-<style scoped lang="scss">
-.modal__content__header {
-	padding: 20px;
-	margin-bottom: 20px;
-}
-
-:deep(.vs__search ) {
-	text-overflow: ellipsis;
-}
-
-:deep(.mx-input) {
-	height: 38px !important;
-}
-</style>
-
-<style lang="scss">
-.blocking-event-free-busy {
-	// Show the blocking event above any other blocks, especially the *blocked for all* one
-	z-index: 3 !important;
-}
-
-.free-busy-block {
-	opacity: 0.7 !important;
-}
-
-.rooms {
-	&__availability {
-		margin: 10px 0;
-	}
-}
-
-h6 {
-	margin-top: 10px;
-}
-
-.item-name {
-	font-weight: bold;
-}
-
-.item-actions {
-	text-align: center;
-}
-
-.name {
-	opacity: .8;
-}
-</style>
diff --git a/src/components/Editor/IllustrationHeader.vue b/src/components/Editor/IllustrationHeader.vue
deleted file mode 100644
index 8cb0b67d01..0000000000
--- a/src/components/Editor/IllustrationHeader.vue
+++ /dev/null
@@ -1,92 +0,0 @@
-<!--
-  - SPDX-FileCopyrightText: 2019 Nextcloud GmbH and Nextcloud contributors
-  - SPDX-License-Identifier: AGPL-3.0-or-later
--->
-
-<template>
-	<transition name="fade" mode="out-in">
-		<!-- Using v-html won't cause any XSS here, -->
-		<!-- because illustrationUrl comes from a fixed list of SVGs -->
-		<!-- and while color is based on user-input, -->
-		<!-- we use a validator to make sure it's actually a HEX RGB code -->
-		<!-- eslint-disable-next-line vue/no-v-html -->
-		<div :key="illustrationUrl" class="illustration-header" v-html="coloredSVG" />
-	</transition>
-</template>
-
-<script>
-import HttpClient from '@nextcloud/axios'
-import { uidToHexColor } from '@/utils/color.js'
-import logger from '@/utils/logger.js'
-
-export default {
-	name: 'IllustrationHeader',
-	props: {
-		illustrationUrl: {
-			type: String,
-			required: true,
-		},
-
-		color: {
-			type: String,
-			required: true,
-			validator: (s) => /^(#)((?:[A-Fa-f0-9]{3}){1,2})$/.test(s),
-		},
-	},
-
-	data() {
-		return {
-			svg: '',
-		}
-	},
-
-	computed: {
-		coloredSVG() {
-			let color = this.color
-			if (!/^(#)((?:[A-Fa-f0-9]{3}){1,2})$/.test(color)) {
-				color = uidToHexColor(color)
-			}
-
-			if (!color.startsWith('#')) {
-				color = '#' + color
-			}
-
-			return this.svg
-				.replace(/#6c63ff/g, color)
-				.replace(/<title>[\w\d\s-]*<\/title>/i, '')
-				.replace(/height="(\d)*(.(\d)*)?"/i, '')
-				.replace(/width="(\d)*(.(\d)*)?"/i, '')
-		},
-	},
-
-	watch: {
-		illustrationUrl: {
-			async handler(newUrl, oldUrl) {
-				if (oldUrl === newUrl) {
-					return
-				}
-
-				try {
-					const response = await HttpClient.get(newUrl)
-					this.svg = response.data
-				} catch (error) {
-					logger.debug(error)
-					this.svg = ''
-				}
-			},
-
-			immediate: true,
-		},
-	},
-}
-</script>
-
-<style lang="scss" scoped>
-	.fade-enter-active, .fade-leave-active {
-		transition: opacity .3s;
-	}
-
-	.fade-enter, .fade-leave-to {
-		opacity: 0;
-	}
-</style>
diff --git a/src/components/Editor/Repeat/RepeatForkWarning.vue b/src/components/Editor/Repeat/RepeatForkWarning.vue
deleted file mode 100644
index caad661438..0000000000
--- a/src/components/Editor/Repeat/RepeatForkWarning.vue
+++ /dev/null
@@ -1,19 +0,0 @@
-<!--
-  - SPDX-FileCopyrightText: 2019 Nextcloud GmbH and Nextcloud contributors
-  - SPDX-License-Identifier: AGPL-3.0-or-later
--->
-
-<template>
-	<div class="repeat-option-warning">
-		<div class="repeat-option-warning__icon icon icon-info" />
-		<strong class="repeat-option-warning__info">
-			{{ $t('calendar', 'Changes to the recurrence-rule will only apply to this and all future occurrences.') }}
-		</strong>
-	</div>
-</template>
-
-<script>
-export default {
-	name: 'RepeatForkWarning',
-}
-</script>
diff --git a/src/components/Shared/TimezoneSelect.vue b/src/components/Shared/TimezoneSelect.vue
deleted file mode 100644
index 9d73af9151..0000000000
--- a/src/components/Shared/TimezoneSelect.vue
+++ /dev/null
@@ -1,86 +0,0 @@
-<!--
-  - SPDX-FileCopyrightText: 2018 Nextcloud GmbH and Nextcloud contributors
-  - SPDX-License-Identifier: AGPL-3.0-or-later
--->
-<template>
-	<NcSelect
-		v-model="selectedTimezone"
-		:options="options"
-		:multiple="false"
-		:groupSelect="false"
-		:placeholder="placeholder"
-		:clearable="false"
-		groupValues="regions"
-		groupLabel="continent"
-		trackBy="timezoneId"
-		label="label"
-		openDirection="above" />
-</template>
-
-<script>
-import { translate as t } from '@nextcloud/l10n'
-import { getReadableTimezoneName, getSortedTimezoneList } from '@nextcloud/timezones'
-import { NcSelect } from '@nextcloud/vue'
-import getTimezoneManager from '@/services/timezoneDataProviderService.js'
-
-export default {
-	name: 'TimezoneSelect',
-	components: {
-		NcSelect,
-	},
-
-	props: {
-		additionalTimezones: {
-			type: Array,
-			default: () => [],
-		},
-
-		value: {
-			type: String,
-			default: 'floating',
-		},
-	},
-
-	emits: ['change'],
-
-	computed: {
-		placeholder() {
-			return this.$t('calendar', 'Type to search time zone')
-		},
-
-		selectedTimezone: {
-			get() {
-				for (const additionalTimezone of this.additionalTimezones) {
-					if (additionalTimezone.timezoneId === this.value) {
-						return additionalTimezone
-					}
-				}
-
-				return {
-					label: getReadableTimezoneName(this.value),
-					timezoneId: this.value,
-				}
-			},
-
-			set(newValue) {
-				if (!newValue) {
-					return
-				}
-
-				this.$emit('change', newValue.timezoneId)
-			},
-		},
-
-		options() {
-			const timezoneManager = getTimezoneManager()
-			return getSortedTimezoneList(
-				timezoneManager.listAllTimezones(),
-				this.additionalTimezones,
-				// TRANSLATORS This refers to global timezones in the timezone picker
-				t('calendar', 'Global'),
-			)
-		},
-	},
-
-}
-</script>
diff --git a/src/mixins/EditorMixin.js b/src/mixins/EditorMixin.js
index 576c46971d..bd1c1809ec 100644
--- a/src/mixins/EditorMixin.js
+++ b/src/mixins/EditorMixin.js
@@ -156,17 +156,8 @@ export default {
 		canModifyAllDay() {
 			return (this.calendarObjectInstance?.canModifyAllDay ?? false) || !(this.calendarObject?.existsOnServer ?? true)
 		},
-		/**
-		 * Returns the color the illustration should be colored in
-		 *
-		 * @return {string}
-		 */
-		illustrationColor() {
-			return this.color || this.selectedCalendarColor
-		},
 		/**
 		 * Returns the color of the calendar selected by the user
-		 * This is used to color illustration
 		 *
 		 * @return {string}
 		 */