Merge pull request #1373 from bcgov/chore/sept25LibUpdates

Tenant UI dependency updates
bcgov · Sep 27, 2024 · 3135774 · 3135774
2 parents 3a54a6a + 2eda221
commit 3135774
Show file tree

Hide file tree

Showing 21 changed files with 1,169 additions and 1,051 deletions.
diff --git a/services/tenant-ui/frontend/package-lock.json b/services/tenant-ui/frontend/package-lock.json
diff --git a/services/tenant-ui/frontend/package.json b/services/tenant-ui/frontend/package.json
@@ -17,25 +17,25 @@
   },
   "dependencies": {
     "@intlify/unplugin-vue-i18n": "^4.0.0",
-    "@jsonforms/vue": "^3.3.0",
-    "@jsonforms/vue-vanilla": "^3.3.0",
+    "@jsonforms/vue": "^3.4.0",
+    "@jsonforms/vue-vanilla": "^3.4.0",
     "@vuelidate/core": "^2.0.3",
     "@vuelidate/validators": "^2.0.4",
-    "axios": "^1.7.5",
-    "date-fns": "^3.6.0",
+    "axios": "^1.7.7",
+    "date-fns": "^4.1.0",
     "dompurify": "^3.1.6",
-    "json-editor-vue": "^0.15.2",
-    "marked": "^14.1.0",
+    "json-editor-vue": "^0.17.0",
+    "marked": "^14.1.2",
     "oidc-client-ts": "^3.0.1",
     "pinia": "^2.2.2",
     "primeflex": "^3.3.1",
     "primeicons": "^7.0.0",
     "primevue": "^3.53.0",
     "qrcode.vue": "^3.4.1",
-    "vue": "^3.4.38",
+    "vue": "^3.5.8",
     "vue-i18n": "^9.13.1",
     "vue-json-pretty": "^2.4.0",
-    "vue-router": "^4.4.3",
+    "vue-router": "^4.4.5",
     "vue-toastification": "^2.0.0-rc.5"
   },
   "devDependencies": {
@@ -44,24 +44,24 @@
     "@types/dompurify": "^3.0.5",
     "@typescript-eslint/eslint-plugin": "^7.18.0",
     "@typescript-eslint/parser": "^7.18.0",
-    "@vitejs/plugin-vue": "^5.1.2",
-    "@vitest/coverage-v8": "^2.0.5",
+    "@vitejs/plugin-vue": "^5.1.4",
+    "@vitest/coverage-v8": "^2.1.1",
     "@vue/eslint-config-prettier": "^9.0.0",
     "@vue/eslint-config-typescript": "^13.0.0",
     "@vue/test-utils": "^2.4.6",
     "eslint": "^8.57.0",
     "eslint-plugin-prettier": "^5.2.1",
-    "eslint-plugin-vue": "^9.27.0",
+    "eslint-plugin-vue": "^9.28.0",
     "flat": "^6.0.1",
     "glob": "^11.0.0",
-    "jsdom": "^24.1.1",
-    "msw": "^2.3.5",
+    "jsdom": "^25.0.1",
+    "msw": "^2.4.9",
     "prettier": "^3.3.3",
-    "sass": "^1.77.8",
-    "typescript": "^5.5.4",
-    "vite": "^5.4.2",
-    "vitest": "^2.0.5",
-    "vue-tsc": "^2.0.29",
+    "sass": "^1.79.3",
+    "typescript": "^5.6.2",
+    "vite": "^5.4.8",
+    "vitest": "^2.1.1",
+    "vue-tsc": "^2.1.6",
     "whatwg-fetch": "^3.6.20"
   }
 }
diff --git a/services/tenant-ui/frontend/src/assets/primevueOverrides/inputSwitch.scss b/services/tenant-ui/frontend/src/assets/primevueOverrides/inputSwitch.scss
@@ -1,22 +1,24 @@
+@use "sass:color";
+
 @import '../variables.scss';
 
 // Input Switches
 .p-inputswitch {
   &[data-p-highlight="true"] .p-inputswitch-slider {
-    background: darken($tenant-ui-status-green-background, 20%);
+    background: color.adjust($tenant-ui-status-green-background, $lightness: -20%);;
     &::before {
       background-color: white !important;
     }
   }
   &[data-p-highlight="false"] .p-inputswitch-slider {
-    background: darken($tenant-ui-status-red-background, 20%);
+    background: color.adjust($tenant-ui-status-red-background, $lightness: -20%);
   }
   &:hover {
     &[data-p-highlight="true"] .p-inputswitch-slider {
-      background: darken($tenant-ui-status-green-background, 40%) !important;
+      background: color.adjust($tenant-ui-status-green-background, $lightness: -40%) !important;
     }
     &[data-p-highlight="false"] .p-inputswitch-slider {
-      background: darken($tenant-ui-status-red-background, 40%) !important;
+      background: color.adjust($tenant-ui-status-red-background, $lightness: -40%) !important;
     }
   }
 }
diff --git a/services/tenant-ui/frontend/src/assets/variables.scss b/services/tenant-ui/frontend/src/assets/variables.scss
@@ -1,10 +1,12 @@
+@use "sass:color";
+
 // Theme variables
 $tenant-ui-primary-color: #003366; // Main color blocks
 $tenant-ui-text-on-primary: #ffffff;
 $tenant-ui-secondary-color: #3c5973; // Buttons, actions
 $tenant-ui-accent-color: #fcba19;
-$tenant-ui-secondary-active: darken( $tenant-ui-secondary-color, 10% );
-$tenant-ui-shadow: lighten( $tenant-ui-secondary-color, 30% );
+$tenant-ui-secondary-active: color.adjust($tenant-ui-secondary-color, $lightness: -10%);
+$tenant-ui-shadow: color.adjust($tenant-ui-secondary-color, $lightness: 30%);
 $tenant-ui-flat-highlight: #ebeef3;
 
 // General text colors

diff --git a/services/tenant-ui/frontend/src/components/authentications/ApiKeys.vue b/services/tenant-ui/frontend/src/components/authentications/ApiKeys.vue
@@ -1,7 +1,7 @@
 <template>
   <MainCardContent :title="$t('apiKey.apiKeys')" :refresh-callback="loadTable">
     <DataTable
-      v-model:expandedRows="expandedRows"
+      v-model:expanded-rows="expandedRows"
       v-model:filters="filter"
       :loading="loading"
       :value="formattedApiKeys"

diff --git a/services/tenant-ui/frontend/src/components/connections/Connections.vue b/services/tenant-ui/frontend/src/components/connections/Connections.vue
@@ -4,7 +4,7 @@
     :refresh-callback="loadTable"
   >
     <DataTable
-      v-model:expandedRows="expandedRows"
+      v-model:expanded-rows="expandedRows"
       v-model:filters="filter"
       :loading="loading"
       :value="formattedConnections"

diff --git a/services/tenant-ui/frontend/src/components/connections/Invitations.vue b/services/tenant-ui/frontend/src/components/connections/Invitations.vue
@@ -4,7 +4,7 @@
     :refresh-callback="loadTable"
   >
     <DataTable
-      v-model:expandedRows="expandedRows"
+      v-model:expanded-rows="expandedRows"
       v-model:filters="filter"
       :loading="loading"
       :value="formattedInvitations"

diff --git a/services/tenant-ui/frontend/src/components/holder/CredentialsTable.vue b/services/tenant-ui/frontend/src/components/holder/CredentialsTable.vue
@@ -1,6 +1,6 @@
 <template>
   <DataTable
-    v-model:expandedRows="expandedRows"
+    v-model:expanded-rows="expandedRows"
     v-model:filters="filter"
     :loading="loading"
     :value="formattedCredentialExchanges"

diff --git a/services/tenant-ui/frontend/src/components/innkeeper/authentications/ApiKeys.vue b/services/tenant-ui/frontend/src/components/innkeeper/authentications/ApiKeys.vue
@@ -1,7 +1,7 @@
 <template>
   <MainCardContent :title="$t('apiKey.apiKeys')" :refresh-callback="loadTable">
     <DataTable
-      v-model:expandedRows="expandedRows"
+      v-model:expanded-rows="expandedRows"
       v-model:filters="filter"
       :loading="loading"
       :value="formattedApiKeys"

diff --git a/services/tenant-ui/frontend/src/components/innkeeper/reservation/Reservations.vue b/services/tenant-ui/frontend/src/components/innkeeper/reservation/Reservations.vue
@@ -4,7 +4,7 @@
     :refresh-callback="loadTable"
   >
     <DataTable
-      v-model:expandedRows="expandedRows"
+      v-model:expanded-rows="expandedRows"
       v-model:filters="filter"
       :loading="loading"
       :value="formattedReservations"

diff --git a/services/tenant-ui/frontend/src/components/innkeeper/reservation/ReservationsHistory.vue b/services/tenant-ui/frontend/src/components/innkeeper/reservation/ReservationsHistory.vue
@@ -4,7 +4,7 @@
     :refresh-callback="loadTable"
   >
     <DataTable
-      v-model:expandedRows="expandedRows"
+      v-model:expanded-rows="expandedRows"
       v-model:filters="filter"
       :loading="loading"
       :value="formattedReservationHistory"

diff --git a/services/tenant-ui/frontend/src/components/innkeeper/tenants/Tenants.vue b/services/tenant-ui/frontend/src/components/innkeeper/tenants/Tenants.vue
@@ -1,7 +1,7 @@
 <template>
   <MainCardContent :title="$t('tenants.tenants')" :refresh-callback="loadTable">
     <DataTable
-      v-model:expandedRows="expandedRows"
+      v-model:expanded-rows="expandedRows"
       v-model:filters="filter"
       :loading="loading"
       :value="formattedTenants"

diff --git a/...enant-ui/frontend/src/components/issuance/credentialDefinitions/CredentialDefinitions.vue b/...enant-ui/frontend/src/components/issuance/credentialDefinitions/CredentialDefinitions.vue
@@ -5,7 +5,7 @@
   >
     <DataTable
       v-model:selection="selectedCredentialDefinition"
-      v-model:expandedRows="expandedRows"
+      v-model:expanded-rows="expandedRows"
       v-model:filters="filter"
       :loading="loading"
       :value="formattedstoredCredDefs"

diff --git a/services/tenant-ui/frontend/src/components/issuance/credentials/IssuedCredentials.vue b/services/tenant-ui/frontend/src/components/issuance/credentials/IssuedCredentials.vue
@@ -6,7 +6,7 @@
     <DataTable
       v-model:selection="selectedCredential"
       v-model:filters="filter"
-      v-model:expandedRows="expandedRows"
+      v-model:expanded-rows="expandedRows"
       :loading="loading"
       :value="formattedIssuedCredentials"
       :paginator="true"

diff --git a/services/tenant-ui/frontend/src/components/issuance/schemas/Schemas.vue b/services/tenant-ui/frontend/src/components/issuance/schemas/Schemas.vue
@@ -5,7 +5,7 @@
   >
     <DataTable
       v-model:selection="selectedSchema"
-      v-model:expandedRows="expandedRows"
+      v-model:expanded-rows="expandedRows"
       v-model:filters="filter"
       :loading="loading"
       :value="formattedSchemaList"

diff --git a/services/tenant-ui/frontend/src/components/messages/Messages.vue b/services/tenant-ui/frontend/src/components/messages/Messages.vue
@@ -8,7 +8,7 @@
       {{ $t('messages.disclaimer') }}
     </p>
     <DataTable
-      v-model:expandedRows="expandedRows"
+      v-model:expanded-rows="expandedRows"
       v-model:selection="selectedMessage"
       v-model:filters="filter"
       :loading="loading"

diff --git a/services/tenant-ui/frontend/src/components/oca/Oca.vue b/services/tenant-ui/frontend/src/components/oca/Oca.vue
@@ -4,7 +4,7 @@
     :refresh-callback="loadTable"
   >
     <DataTable
-      v-model:expandedRows="expandedRows"
+      v-model:expanded-rows="expandedRows"
       v-model:filters="filter"
       :loading="loading"
       :value="formattedOcas"

diff --git a/services/tenant-ui/frontend/src/components/verifier/Presentations.vue b/services/tenant-ui/frontend/src/components/verifier/Presentations.vue
@@ -6,7 +6,7 @@
     <DataTable
       v-model:selection="selectedPresentation"
       v-model:filters="filter"
-      v-model:expandedRows="expandedRows"
+      v-model:expanded-rows="expandedRows"
       :loading="loading"
       :value="presentations"
       data-key="pres_ex_id"

diff --git a/services/tenant-ui/frontend/vite.config.ts b/services/tenant-ui/frontend/vite.config.ts
@@ -36,6 +36,7 @@ export default defineConfig({
     preprocessorOptions: {
       scss: {
         additionalData: `@import "@/assets/variables.scss";`,
+        api: 'modern-compiler',
       },
     },
   },