BC-9407 - minor updates

package.json

@@ -35,34 +35,34 @@
 		"maska": "^2.1.10",
 		"mobile-drag-drop": "^3.0.0-rc.0",
 		"object-hash": "^3.0.0",
-		"pinia": "^3.0.0",
-		"socket.io-client": "^4.7.5",
-		"sortablejs": "^1.15.2",
+		"pinia": "^3.0.2",
+		"socket.io-client": "^4.8.1",
+		"sortablejs": "^1.15.6",
 		"sortablejs-vue3": "^1.2.11",
 		"vue": "^3.5.13",
 		"vue-dompurify-html": "^4.1.4",
 		"vue-i18n": "^9.14.3",
-		"vue-router": "^4.5.0",
+		"vue-router": "^4.5.1",
 		"vuedraggable": "^4.1.0",
-		"vuetify": "^3.7.14",
+		"vuetify": "^3.8.6",
 		"vuex": "^4.0.2"
 	},
 	"devDependencies": {
 		"@babel/core": "^7.26.9",
 		"@babel/preset-env": "^7.26.9",
-		"@eslint/js": "^9.21.0",
+		"@eslint/js": "^9.27.0",
 		"@golevelup/ts-jest": "^0.4.0",
 		"@intlify/bundle-utils": "^8.0.0",
 		"@jest/globals": "^29.7.0",
 		"@mdi/js": "^7.2.96",
 		"@openapitools/openapi-generator-cli": "^2.19.1",
-		"@pinia/testing": "^0.1.3",
-		"@types/jest": "^29.5.12",
+		"@pinia/testing": "^1.0.1",
+		"@types/jest": "^29.5.14",
 		"@types/katex": "^0.16.7",
-		"@types/lodash": "^4.17.0",
+		"@types/lodash": "^4.17.17",
 		"@types/object-hash": "^3.0.6",
 		"@types/sortablejs": "^1.15.7",
-		"@types/webpack-env": "^1.18.5",
+		"@types/webpack-env": "^1.18.8",
 		"@vue/eslint-config-typescript": "^14.5.0",
 		"@vue/test-utils": "^2.4.5",
 		"@vue/vue3-jest": "^29.2.6",
@@ -72,19 +72,19 @@
 		"copy-webpack-plugin": "^12.0.2",
 		"cross-env": "^7.0.3",
 		"css-loader": "^6.10.0",
-		"eslint": "^9.21.0",
+		"eslint": "^9.27.0",
 		"eslint-config-prettier": "^9.1.0",
-		"eslint-plugin-prettier": "^5.2.3",
+		"eslint-plugin-prettier": "^5.4.0",
 		"eslint-plugin-vue": "^9.33.0",
-		"eslint-webpack-plugin": "^5.0.0",
-		"fishery": "^2.2.2",
+		"eslint-webpack-plugin": "^5.0.1",
+		"fishery": "^2.3.1",
 		"globals": "^15.9.0",
 		"html-webpack-plugin": "^5.6.3",
 		"http-proxy-middleware": "^3.0.5",
 		"jest": "^29.7.0",
 		"jest-environment-jsdom": "^29.7.0",
 		"jest-transform-stub": "^2.0.0",
-		"prettier": "^3.2.5",
+		"prettier": "^3.3.3",
 		"resize-observer-polyfill": "^1.5.1",
 		"sass": "^1.89.0",
 		"sass-loader": "^16.0.5",

src/components/administration/ExternalToolSection.unit.ts

@@ -36,7 +36,7 @@ import { mount } from "@vue/test-utils";
 import { setActivePinia } from "pinia";
 import { nextTick, ref } from "vue";
 import { Router, useRouter } from "vue-router";
-import { VCardText } from "vuetify/lib/components/index.mjs";
+import { VCardText } from "vuetify/lib/components/index";
 import ExternalToolSection from "./ExternalToolSection.vue";
 import VidisMediaSyncSection from "./VidisMediaSyncSection.vue";
 

src/components/administration/ProvisioningOptionsPage.unit.ts

@@ -20,7 +20,7 @@ import { flushPromises, mount } from "@vue/test-utils";
 import { nextTick, ref } from "vue";
 import { ComponentProps } from "vue-component-type-helpers";
 import { Router, useRouter } from "vue-router";
-import { VCheckboxBtn } from "vuetify/lib/components/index.mjs";
+import { VCheckboxBtn } from "vuetify/lib/components/index";
 import ProvisioningOptionsPage from "./ProvisioningOptionsPage.vue";
 
 jest.mock("@data-provisioning-options");

src/components/administration/SchoolYearChangeSection.unit.ts

@@ -15,7 +15,7 @@ import { useSharedSchoolYearChange } from "@data-school";
 import { createMock, DeepMocked } from "@golevelup/ts-jest";
 import { mount } from "@vue/test-utils";
 import { nextTick, ref } from "vue";
-import { VBtn, VCheckbox } from "vuetify/lib/components/index.mjs";
+import { VBtn, VCheckbox } from "vuetify/lib/components/index";
 import SchoolYearChangeSection from "./SchoolYearChangeSection.vue";
 
 jest.mock("@data-school");

src/components/atoms/vRoomAvatar.unit.ts

@@ -5,7 +5,7 @@ import {
 import { createMock } from "@golevelup/ts-jest";
 import { mdiSync } from "@icons/material";
 import { mount } from "@vue/test-utils";
-import { VBadge } from "vuetify/lib/components/index.mjs";
+import { VBadge } from "vuetify/lib/components/index";
 import vRoomAvatar from "./vRoomAvatar.vue";
 
 const mockData = {

src/components/external-tools/configuration/ExternalToolConfigurator.unit.ts

@@ -17,7 +17,7 @@ import {
 import { createMock } from "@golevelup/ts-jest";
 import { flushPromises, mount } from "@vue/test-utils";
 import { ComponentProps } from "vue-component-type-helpers";
-import { VAutocomplete, VBtn } from "vuetify/lib/components/index.mjs";
+import { VAutocomplete, VBtn } from "vuetify/lib/components/index";
 import ExternalToolConfigSettings from "./ExternalToolConfigSettings.vue";
 import ExternalToolConfigurator from "./ExternalToolConfigurator.vue";
 

src/components/lern-store/AddContentModal.unit.ts

@@ -10,7 +10,7 @@ import { createMock } from "@golevelup/ts-jest";
 import { mount } from "@vue/test-utils";
 import { AxiosInstance } from "axios";
 import { nextTick } from "vue";
-import { VBtn, VSelect } from "vuetify/lib/components/index.mjs";
+import { VBtn, VSelect } from "vuetify/lib/components/index";
 import { createStore } from "vuex";
 import AddContentModal from "./AddContentModal.vue";
 

src/components/lern-store/AddContentModalCourses.unit.ts

@@ -6,7 +6,7 @@ import {
 	createTestingVuetify,
 	createTestingI18n,
 } from "@@/tests/test-utils/setup";
-import { VSelect } from "vuetify/lib/components/index.mjs";
+import { VSelect } from "vuetify/lib/components/index";
 import courses from "@/store/courses";
 import { createStore } from "vuex";
 import ContentModule from "@/store/content";

src/components/lern-store/LoadingModal.unit.ts

@@ -4,7 +4,7 @@ import {
 	createTestingVuetify,
 } from "@@/tests/test-utils/setup";
 import { mount } from "@vue/test-utils";
-import { VBtn } from "vuetify/lib/components/index.mjs";
+import { VBtn } from "vuetify/lib/components/index";
 import LoadingModal from "./LoadingModal.vue";
 
 describe("@/components/molecules/LoadingModal", () => {

src/components/molecules/Alert.unit.ts

@@ -6,7 +6,7 @@ import {
 import { mount } from "@vue/test-utils";
 import Alert from "./Alert.vue";
 import { mdiCheckCircle } from "@icons/material";
-import { VAlert, VIcon } from "vuetify/lib/components/index.mjs";
+import { VAlert, VIcon } from "vuetify/lib/components/index";
 
 const getWrapper = (props?: AlertPayload) => {
 	const data: AlertPayload = {

src/components/molecules/CommonCartridgeExportModal.unit.ts

@@ -13,7 +13,7 @@ import {
 	createTestingVuetify,
 } from "@@/tests/test-utils/setup";
 import { mount } from "@vue/test-utils";
-import { VDialog } from "vuetify/lib/components/index.mjs";
+import { VDialog } from "vuetify/lib/components/index";
 
 describe("@/components/molecules/CommonCartridgeExportModal", () => {
 	let exportModuleMock: CommonCartridgeExportModule;

src/components/molecules/TaskItemMenu.unit.ts

@@ -16,7 +16,7 @@ import {
 } from "@@/tests/test-utils/setup";
 import setupStores from "@@/tests/test-utils/setupStores";
 import { mount } from "@vue/test-utils";
-import { VBtn } from "vuetify/lib/components/index.mjs";
+import { VBtn } from "vuetify/lib/components/index";
 import TaskItemMenu from "./TaskItemMenu.vue";
 
 const { tasksTeacher } = mocks;

src/components/molecules/TaskItemTeacher.unit.ts

@@ -10,7 +10,7 @@ import {
 } from "@@/tests/test-utils/setup";
 import { createMock } from "@golevelup/ts-jest";
 import { mount } from "@vue/test-utils";
-import { VBtn, VHover, VListItem } from "vuetify/lib/components/index.mjs";
+import { VBtn, VHover, VListItem } from "vuetify/lib/components/index";
 import TaskItemMenu from "./TaskItemMenu.vue";
 import TaskItemTeacher from "./TaskItemTeacher.vue";
 import { logger } from "@util-logger";

src/components/molecules/vCustomDoublePanels.unit.ts

@@ -3,7 +3,7 @@ import {
 	createTestingVuetify,
 } from "@@/tests/test-utils/setup";
 import { mount } from "@vue/test-utils";
-import { VExpansionPanels } from "vuetify/lib/components/index.mjs";
+import { VExpansionPanels } from "vuetify/lib/components/index";
 import vCustomDoublePanels from "./vCustomDoublePanels.vue";
 
 describe("@/components/molecules/vCustomDoublePanels", () => {

src/components/molecules/vImportUsersMatchSearch.unit.ts

@@ -17,11 +17,7 @@ import { mdiFlag, mdiFlagOutline } from "@icons/material";
 import { mount } from "@vue/test-utils";
 import { nextTick } from "vue";
 import { ComponentProps } from "vue-component-type-helpers";
-import {
-	VAutocomplete,
-	VBtn,
-	VListItem,
-} from "vuetify/lib/components/index.mjs";
+import { VAutocomplete, VBtn, VListItem } from "vuetify/lib/components/index";
 import vImportUsersMatchSearch from "./vImportUsersMatchSearch.vue";
 
 const testProps = {

src/components/molecules/vRoomGroupAvatar.unit.ts

@@ -5,7 +5,7 @@ import {
 	createTestingVuetify,
 } from "@@/tests/test-utils/setup";
 import { mount } from "@vue/test-utils";
-import { VBadge, VCard } from "vuetify/lib/components/index.mjs";
+import { VBadge, VCard } from "vuetify/lib/components/index";
 import vRoomGroupAvatar from "./vRoomGroupAvatar.vue";
 
 const mockData = {

src/components/organisms/administration/ImportUsers.unit.ts

@@ -15,7 +15,7 @@ import {
 import setupStores from "@@/tests/test-utils/setupStores";
 import { mount } from "@vue/test-utils";
 import { nextTick } from "vue";
-import { VDataTable } from "vuetify/lib/components/index.mjs";
+import { VDataTable } from "vuetify/lib/components/index";
 import ImportUsers from "./ImportUsers.vue";
 
 const mockImportUsers: ImportUserListResponse = {

src/components/templates/RoomDashboard.unit.ts

@@ -22,7 +22,7 @@ import { createMock } from "@golevelup/ts-jest";
 import { mount, VueWrapper } from "@vue/test-utils";
 import { nextTick } from "vue";
 import { Router, useRouter } from "vue-router";
-import { VCard } from "vuetify/lib/components/index.mjs";
+import { VCard } from "vuetify/lib/components/index";
 import RoomDashboard from "./RoomDashboard.vue";
 import { EmptyState } from "@ui-empty-state";
 

src/components/templates/TasksDashboardMain.unit.ts

@@ -23,7 +23,7 @@ import {
 import setupStores from "@@/tests/test-utils/setupStores";
 import { SpeedDialMenu } from "@ui-speed-dial-menu";
 import { mount, VueWrapper } from "@vue/test-utils";
-import { VAutocomplete } from "vuetify/lib/components/index.mjs";
+import { VAutocomplete } from "vuetify/lib/components/index";
 import TasksDashboardMain from "./TasksDashboardMain.vue";
 import TasksDashboardStudent from "./TasksDashboardStudent.vue";
 import TasksDashboardTeacher from "./TasksDashboardTeacher.vue";

src/layouts/LoggedIn.layout.unit.ts

@@ -17,7 +17,7 @@ import {
 } from "@@/tests/test-utils/setup";
 import { mount } from "@vue/test-utils";
 import { h, nextTick } from "vue";
-import { VApp } from "vuetify/lib/components/index.mjs";
+import { VApp } from "vuetify/lib/components/index";
 import LoggedInLayout from "./LoggedIn.layout.vue";
 import { Topbar, Sidebar } from "@ui-layout";
 import { createTestingPinia } from "@pinia/testing";

src/modules/feature/board-collaborative-text-editor-element/CollaborativeTextEditorElement.unit.ts

@@ -12,7 +12,7 @@ import { createMock } from "@golevelup/ts-jest";
 import { ContentElementBar } from "@ui-board";
 import { mount } from "@vue/test-utils";
 import { nextTick } from "vue";
-import { VCard } from "vuetify/lib/components/index.mjs";
+import { VCard } from "vuetify/lib/components/index";
 import CollaborativeTextEditorElementMenu from "./components/CollaborativeTextEditorElementMenu.vue";
 import { setupCollaborativeTextEditorApiMock } from "./test-utils/collaborativeTextEditorApiMock";
 import { BOARD_IS_LIST_LAYOUT } from "@util-board";

src/modules/feature/board-h5p-element/H5pElement.unit.ts

@@ -17,7 +17,7 @@ import { BOARD_IS_LIST_LAYOUT } from "@util-board";
 import { mount } from "@vue/test-utils";
 import { nextTick } from "vue";
 import { RouteLocationResolved, useRouter } from "vue-router";
-import { VImg } from "vuetify/lib/components/index.mjs";
+import { VImg } from "vuetify/lib/components/index";
 import H5pElement from "./H5pElement.vue";
 import H5pElementMenu from "./H5pElementMenu.vue";
 

src/modules/feature/board-submission-element/components/SubmissionItemsTeacherDisplay.vue

@@ -99,7 +99,7 @@ import { TeacherSubmission, Status } from "../types/submission";
 import { DataTableHeader } from "@/types/vuetify";
 import { useI18n } from "vue-i18n";
 import { MaybeRef } from "@vueuse/core";
-import { VExpansionPanelTitle } from "vuetify/lib/components/index.mjs";
+import { VExpansionPanelTitle } from "vuetify/lib/components/index";
 import { mdiCheck, mdiClose, mdiMinus } from "@icons/material";
 
 type StatusFilter = "all" | Status;

src/modules/feature/board/shared/BoardAnyTitleInput.unit.ts

@@ -4,7 +4,7 @@ import {
 } from "@@/tests/test-utils/setup";
 import { mount } from "@vue/test-utils";
 import BoardAnyTitleInput from "./BoardAnyTitleInput.vue";
-import { VTextarea } from "vuetify/lib/components/index.mjs";
+import { VTextarea } from "vuetify/lib/components/index";
 
 jest.mock("@util-board");
 

src/modules/feature/board/shared/BoardAnyTitleInput.vue

@@ -48,7 +48,7 @@ import {
 	watch,
 } from "vue";
 import { useI18n } from "vue-i18n";
-import { VTextarea } from "vuetify/lib/components/index.mjs";
+import { VTextarea } from "vuetify/lib/components/index";
 
 export default defineComponent({
 	name: "BoardAnyTitleInput",

src/modules/feature/course-sync/GroupSelectionDialog.unit.ts

@@ -9,7 +9,7 @@ import { createMock, DeepMocked } from "@golevelup/ts-jest";
 import { mount } from "@vue/test-utils";
 import { nextTick, ref } from "vue";
 import type { ComponentProps } from "vue-component-type-helpers";
-import { VAutocomplete } from "vuetify/lib/components/index.mjs";
+import { VAutocomplete } from "vuetify/lib/components/index";
 import GroupSelectionDialog from "./GroupSelectionDialog.vue";
 
 jest.mock("@data-group", () => {

src/modules/feature/folder/Folder.unit.ts

@@ -13,7 +13,7 @@ import { createMock } from "@golevelup/ts-jest";
 import * as ConfirmationDialog from "@ui-confirmation-dialog";
 import { KebabMenuActionDelete } from "@ui-kebab-menu";
 import { ComputedRef, nextTick, ref } from "vue";
-import { VSkeletonLoader } from "vuetify/lib/components/index.mjs";
+import { VSkeletonLoader } from "vuetify/lib/components/index";
 import * as DeleteFilesConfirmation from "./composables/DeleteFilesConfirmation.composable";
 import EmptyFolderSvg from "./file-table/EmptyFolderSvg.vue";
 import KebabMenuActionDeleteFiles from "./file-table/KebabMenuActionDeleteFiles.vue";

src/modules/feature/folder/file-table/FileTable.unit.ts

@@ -7,7 +7,7 @@ import {
 } from "@@/tests/test-utils/setup";
 import { DataTable } from "@ui-data-table";
 import { EmptyState } from "@ui-empty-state";
-import { VSkeletonLoader } from "vuetify/lib/components/index.mjs";
+import { VSkeletonLoader } from "vuetify/lib/components/index";
 import FilePreview from "./FilePreview.vue";
 import FileTable from "./FileTable.vue";
 import FileUploadProgress from "./FileUploadProgress.vue";

src/modules/feature/folder/file-table/FileTable.vue

@@ -99,7 +99,7 @@ import { convertFileSize, isDownloadAllowed } from "@/utils/fileHelper";
 import { DataTable } from "@ui-data-table";
 import { EmptyState } from "@ui-empty-state";
 import { KebabMenu } from "@ui-kebab-menu";
-import { computed, defineProps, PropType } from "vue";
+import { computed, PropType } from "vue";
 import { useI18n } from "vue-i18n";
 import EmptyFolderSvg from "./EmptyFolderSvg.vue";
 import FileInteractionHandler from "./FileInteractionHandler.vue";

src/modules/feature/folder/file-table/FileUploadProgress.vue

@@ -23,7 +23,7 @@
 
 <script setup lang="ts">
 import { mdiCheckCircle } from "@icons/material";
-import { defineProps, PropType, ref, watch } from "vue";
+import { PropType, ref, watch } from "vue";
 import { useI18n } from "vue-i18n";
 
 const { t } = useI18n();

src/modules/feature/media-shelf/MediaBoardElementDisplay.unit.ts

@@ -2,7 +2,7 @@ import { createTestingVuetify } from "@@/tests/test-utils/setup";
 import { ContentElementBar } from "@ui-board";
 import { mount } from "@vue/test-utils";
 import { ComponentProps } from "vue-component-type-helpers";
-import { VImg, VSkeletonLoader } from "vuetify/lib/components/index.mjs";
+import { VImg, VSkeletonLoader } from "vuetify/lib/components/index";
 import MediaBoardElementDisplay from "./MediaBoardElementDisplay.vue";
 
 describe("MediaBoardElementDisplay", () => {

src/modules/feature/media-shelf/MediaBoardExternalToolDeletedElement.unit.ts

@@ -7,7 +7,7 @@ import { KebabMenuAction } from "@ui-kebab-menu";
 import { mount } from "@vue/test-utils";
 import { nextTick } from "vue";
 import { ComponentProps } from "vue-component-type-helpers";
-import { VBtn } from "vuetify/lib/components/index.mjs";
+import { VBtn } from "vuetify/lib/components/index";
 import MediaBoardDeletedElement from "./MediaBoardExternalToolDeletedElement.vue";
 import MediaBoardExternalToolElementMenu from "./MediaBoardExternalToolElementMenu.vue";
 

src/modules/feature/media-shelf/MediaBoardLineMenu.unit.ts

@@ -7,8 +7,8 @@ import { mdiChevronDown, mdiChevronUp } from "@icons/material";
 import { mount } from "@vue/test-utils";
 import { nextTick } from "vue";
 import { ComponentProps } from "vue-component-type-helpers";
-import { VColorPicker, VListItem } from "vuetify/lib/components/index.mjs";
-import colors from "vuetify/lib/util/colors.mjs";
+import { VColorPicker, VListItem } from "vuetify/lib/components/index";
+import colors from "vuetify/lib/util/colors";
 import MediaBoardLineMenu from "./MediaBoardLineMenu.vue";
 
 describe("MediaBoardLineMenu", () => {

src/modules/feature/media-shelf/utils/mediaBoardColorMapper.ts

@@ -1,5 +1,5 @@
 import { MediaBoardColors } from "@/serverApi/v3";
-import colors from "vuetify/lib/util/colors.mjs";
+import colors from "vuetify/lib/util/colors";
 
 export const isMediaBoardColor = (
 	colorName: string

src/modules/feature/media-shelf/utils/mediaBoardColorMapper.unit.ts

@@ -1,5 +1,5 @@
 import { MediaBoardColors } from "@/serverApi/v3";
-import colors from "vuetify/lib/util/colors.mjs";
+import colors from "vuetify/lib/util/colors";
 import {
 	isMediaBoardColor,
 	MediaBoardColorMapper,

src/modules/feature/room/RoomGrid.unit.ts

@@ -8,7 +8,7 @@ import RoomGrid from "./RoomGrid.vue";
 import { createMock, DeepMocked } from "@golevelup/ts-jest";
 import { useRoomsState } from "@data-room";
 import { ref } from "vue";
-import { VSkeletonLoader } from "vuetify/lib/components/index.mjs";
+import { VSkeletonLoader } from "vuetify/lib/components/index";
 import RoomTile from "./RoomTile.vue";
 import { EmptyState } from "@ui-empty-state";
 

src/modules/feature/room/RoomMembers/AddMembers.unit.ts

@@ -15,7 +15,7 @@ import {
 	schoolFactory,
 } from "@@/tests/test-utils";
 import { VueWrapper } from "@vue/test-utils";
-import { VAutocomplete } from "vuetify/lib/components/index.mjs";
+import { VAutocomplete } from "vuetify/lib/components/index";
 import { useFocusTrap } from "@vueuse/integrations/useFocusTrap";
 import { createTestingPinia } from "@pinia/testing";
 import { useRoomAuthorization, useRoomMembersStore } from "@data-room";