Version Bump

Dockerfile

@@ -1,5 +1,5 @@
-ARG BASE_IMAGE_BUILDER=node:20.11.1-alpine3.19
-ARG BASE_IMAGE=nginx:1.25-alpine
+ARG BASE_IMAGE_BUILDER=node:20.18.0-alpine3.19
+ARG BASE_IMAGE=nginx:1.26-alpine
 
 # Build Stage
 FROM $BASE_IMAGE_BUILDER as build

package.json

@@ -20,47 +20,47 @@
   },
   "dependencies": {
     "@mdi/font": "^7.4.47",
-    "@vee-validate/yup": "^4.12.6",
+    "@vee-validate/yup": "^4.13.2",
     "axios": "^1.6.7",
     "date-fns": "^3.6.0",
-    "pinia": "^2.1.7",
+    "pinia": "^2.2.4",
     "vee-validate": "^4.12.5",
-    "vite-plugin-vuetify": "^2.0.3",
+    "vite-plugin-vuetify": "^2.0.4",
     "vue": "^3.4.14",
-    "vue-i18n": "^9.10.1",
-    "vue-router": "^4.4.3",
-    "vuetify": "^3.5.9",
+    "vue-i18n": "^9.14.1",
+    "vue-router": "^4.4.5",
+    "vuetify": "^3.7.2",
     "yup": "^1.4.0"
   },
   "devDependencies": {
     "@intlify/unplugin-vue-i18n": "^3.0.1",
-    "@openapitools/openapi-generator-cli": "^2.12.0",
-    "@pinia/testing": "^0.1.3",
-    "@rushstack/eslint-patch": "^1.7.2",
-    "@tsconfig/node18": "^18.2.2",
-    "@types/node": "^20.11.26",
-    "@typescript-eslint/parser": "^7.2.0",
+    "@openapitools/openapi-generator-cli": "^2.14.0",
+    "@pinia/testing": "^0.1.6",
+    "@rushstack/eslint-patch": "^1.10.4",
+    "@tsconfig/node18": "^18.2.4",
+    "@types/node": "^20.16.11",
+    "@typescript-eslint/parser": "^7.18.0",
     "@vitejs/plugin-basic-ssl": "^1.1.0",
-    "@vitejs/plugin-vue": "^5.0.4",
+    "@vitejs/plugin-vue": "^5.1.4",
     "@vitest/coverage-istanbul": "^2.1.1",
     "@vue/eslint-config-prettier": "^9.0.0",
     "@vue/eslint-config-typescript": "^13.0.0",
-    "@vue/test-utils": "^2.4.4",
+    "@vue/test-utils": "^2.4.6",
     "@vue/tsconfig": "^0.5.1",
     "axios-mock-adapter": "^1.22.0",
-    "eslint": "^8.57.0",
+    "eslint": "^8.57.1",
     "eslint-config-airbnb-typescript": "^18.0.0",
-    "eslint-import-resolver-typescript": "^3.6.1",
-    "eslint-plugin-vue": "^9.23.0",
-    "jsdom": "^24.0.0",
-    "msw": "^2.2.3",
+    "eslint-import-resolver-typescript": "^3.6.3",
+    "eslint-plugin-vue": "^9.29.0",
+    "jsdom": "^24.1.3",
+    "msw": "^2.4.10",
     "npm-run-all": "^4.1.5",
-    "prettier": "^3.2.5",
-    "sass": "^1.71.1",
-    "sass-loader": "^14.1.1",
+    "prettier": "^3.3.3",
+    "sass": "^1.79.5",
+    "sass-loader": "^14.2.1",
     "typescript": "~5.4.2",
-    "vite": "^5.1.6",
+    "vite": "^5.4.8",
     "vitest": "^2.1.1",
-    "vue-tsc": "^2.0.6"
+    "vue-tsc": "^2.1.6"
   }
 }

src/components/admin/ResultTable.vue

@@ -7,16 +7,9 @@
   import { onMounted } from 'vue';
   import type { VDataTableServer } from 'vuetify/lib/components/index.mjs';
 
-  const searchFilterStore: SearchFilterStore = useSearchFilterStore();
-
-  type ReadonlyHeaders = InstanceType<typeof VDataTableServer>['headers'];
+  type Headers = VDataTableServer['headers'];
 
-  // Mutable headers
-  type ReadonlyHeadersMutable = VDataTableServer['$props']['headers'];
-  type UnwrapReadonlyArray<A> = A extends Readonly<Array<infer I>> ? I : never;
-  type ReadonlyDataTableHeader = UnwrapReadonlyArray<ReadonlyHeadersMutable>;
-  type DeepMutable<T> = { -readonly [P in keyof T]: DeepMutable<T[P]> };
-  type Headers = DeepMutable<ReadonlyDataTableHeader>;
+  const searchFilterStore: SearchFilterStore = useSearchFilterStore();
 
   export type TableItem = Record<string, unknown>;
   export type TableRow<T> = {
@@ -26,7 +19,7 @@
   type Props = {
     currentPage?: number;
     disableRowClick?: boolean;
-    headers: ReadonlyHeaders | Headers;
+    headers: Headers;
     items: TableItem[];
     itemsPerPage: number;
     itemValuePath: string;
@@ -84,12 +77,9 @@
   onMounted(() => {
     // If the sortField in the store has a value then we don't trigger this logic. This logic should only be triggered when the table was first opened without any changes to sorting.
     if (searchFilterStore.sortField === '') {
-      const headers: Headers[] = props.headers as Headers[];
-      const firstHeader: Headers = headers[0] as Headers;
-
-      if (firstHeader.key) {
+      if (props.headers && props.headers[0]?.key) {
         emit('onTableUpdate', {
-          sortField: firstHeader.key as string,
+          sortField: props.headers[0]?.key,
           sortOrder: SortOrder.Asc,
         });
       }

src/components/admin/personen/BefristungInput.vue

@@ -34,7 +34,7 @@
   const localBefristungOption: Ref<string | undefined> = ref<string | undefined>(props.befristungOption);
 
   // Handles any change related to the befristung radio buttons
-  function handleBefristungOptionChange(value: string | undefined): void {
+  function handleBefristungOptionChange(value: string | null): void {
     localBefristung.value = undefined;
     switch (value) {
       case BefristungOption.SCHULJAHRESENDE: {

src/views/admin/KlassenManagementView.vue

@@ -25,28 +25,25 @@
 
   const router: Router = useRouter();
 
-  type ReadonlyHeaders = VDataTableServer['$props']['headers'];
-  type UnwrapReadonlyArray<A> = A extends Readonly<Array<infer I>> ? I : never;
-  type ReadonlyDataTableHeader = UnwrapReadonlyArray<ReadonlyHeaders>;
-
-  // Utility type to make headers mutable
-  type DeepMutable<T> = { -readonly [P in keyof T]: DeepMutable<T[P]> };
-  type DataTableHeader = DeepMutable<ReadonlyDataTableHeader>;
+  type TableHeaders = VDataTableServer['headers'];
 
   // Define headers as a mutable array
-  const headers: Ref<DataTableHeader[]> = ref([
+  let headers: TableHeaders = [
     {
       title: t('admin.klasse.klasse'),
       key: 'name',
       align: 'start',
-    } as DataTableHeader,
+    },
     {
       title: t('action'),
       key: 'actions',
       align: 'center',
       sortable: false,
-    } as DataTableHeader,
-  ]);
+    },
+  ];
+
+  const bla: TableHeaders = [...headers];
+  console.log(bla);
 
   const selectedSchule: Ref<string | null> = ref(null);
   const selectedKlassen: Ref<Array<string>> = ref([]);
@@ -295,12 +292,15 @@
           await organisationStore.getKlassenByOrganisationId(selectedSchule.value);
           hasAutoselectedSchule.value = true;
         }
-      } else {
-        headers.value.unshift({
-          title: t('admin.schule.dienststellennummer'),
-          key: 'schuleDetails',
-          align: 'start',
-        } as DataTableHeader);
+      } else if (headers){
+        headers = [
+          {
+            title: t('admin.schule.dienststellennummer'),
+            key: 'schuleDetails',
+            align: 'start',
+          },
+          ...headers
+        ];
       }
     }
   }

src/views/admin/PersonManagementView.vue

@@ -31,7 +31,7 @@
   let timerId: ReturnType<typeof setTimeout>;
   const hasAutoSelectedOrganisation: Ref<boolean> = ref(false);
 
-  type ReadonlyHeaders = InstanceType<typeof VDataTableServer>['headers'];
+  type ReadonlyHeaders = VDataTableServer['headers'];
   const headers: ReadonlyHeaders = [
     { title: t('person.lastName'), key: 'person.name.familienname', align: 'start' },
     { title: t('person.firstName'), key: 'person.name.vorname', align: 'start' },