@data-fair/lib-vuetify 1.9.1 → 1.10.0

package/index.d.ts

@@ -1,4 +1,4 @@
 import { type Session } from '@data-fair/lib-vue/session.js';
 import { VuetifyOptions } from 'vuetify';
-export declare function vuetifySessionOptions(session: Session): VuetifyOptions;
+export declare function vuetifySessionOptions(session: Session, cspNonce?: string): VuetifyOptions;
 export declare function defaultOptions(searchParams: Record<string, string>, darkCookie?: boolean, locale?: string): VuetifyOptions;

package/index.js

@@ -13,7 +13,7 @@ const baseDarkColors = {
   primary: '#2196F3', // blue.base
   success: '#00E676' // green.accent3
 }
-export function vuetifySessionOptions (session) {
+export function vuetifySessionOptions (session, cspNonce) {
   if (!session.site.value) { throw new Error('vuetifySessionOptions requires fething site info in session util') }
   const colors = { ...baseColors, ...session.site.value?.colors }
   return {
@@ -23,6 +23,7 @@ export function vuetifySessionOptions (session) {
       messages: { fr, en }
     },
     theme: {
+      cspNonce,
       defaultTheme: session.theme.value ?? 'default',
       themes: {
         [session.theme.value ?? 'default']: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@data-fair/lib-vuetify",
-  "version": "1.9.1",
+  "version": "1.10.0",
   "description": "Components based on the Vuetify 3 UI lib for the data-fair stack.",
   "main": "index.js",
   "files": [
@@ -23,7 +23,7 @@
   },
   "type": "module",
   "dependencies": {
-    "@data-fair/lib-common-types": "^1.1.0",
+    "@data-fair/lib-common-types": "^1.10.4",
     "@mdi/js": "^7.4.47"
   }
 }

package/personal-menu.vue

@@ -102,7 +102,7 @@
             v-for="organization in switchableOrganizations"
             :id="'toolbar-menu-switch-orga-' + organization.id"
             :key="organization.id"
-            @click="session.switchOrganization(organization.id , organization.department)"
+            @click="session.switchOrganization(organization.id , organization.department, organization.role)"
           >
             <template #prepend>
               <v-avatar
@@ -113,8 +113,8 @@
             <v-list-item-title>
               {{ organization.name }}
             </v-list-item-title>
-            <v-list-item-subtitle v-if="organization.department">
-              {{ organization.departmentName || organization.department }}
+            <v-list-item-subtitle v-if="organization.department || organization.roleLabel">
+              {{ organization.departmentName || organization.department }} {{ organization.roleLabel }}
             </v-list-item-subtitle>
           </v-list-item>
         </template>
@@ -210,9 +210,9 @@ const session = useSession()
 const { t } = useI18n({ useScope: 'local' })
 const { user, account } = toRefs(session.state)
 const switchableOrganizations = computed(() => {
-  const { user, account } = session.state
+  const { user, account, accountRole } = session.state
   if (!user || !account) return
-  return user.organizations.filter(o => account.type === 'user' || account.id !== o.id || (account.department || null) !== (o.department || null))
+  return user.organizations.filter(o => account.type === 'user' || account.id !== o.id || (account.department || null) !== (o.department || null) || (accountRole || null) !== (o.role || null))
 })
 </script>
 

package/personal-menu.vue.js

@@ -9,10 +9,10 @@ const session = useSession();
 const { t } = useI18n({ useScope: 'local' });
 const { user, account } = toRefs(session.state);
 const switchableOrganizations = computed(() => {
-    const { user, account } = session.state;
+    const { user, account, accountRole } = session.state;
     if (!user || !account)
         return;
-    return user.organizations.filter(o => account.type === 'user' || account.id !== o.id || (account.department || null) !== (o.department || null));
+    return user.organizations.filter(o => account.type === 'user' || account.id !== o.id || (account.department || null) !== (o.department || null) || (accountRole || null) !== (o.role || null));
 });
 const __VLS_fnComponent = (await import('vue')).defineComponent({});
 ;
@@ -180,7 +180,7 @@ function __VLS_template() {
                             return;
                         if (!((__VLS_ctx.user.organizations.length > 1 || (__VLS_ctx.user.organizations.length === 1 && (!__VLS_ctx.user.ipa || __VLS_ctx.account.type === 'user')))))
                             return;
-                        __VLS_ctx.session.switchOrganization(organization.id, organization.department);
+                        __VLS_ctx.session.switchOrganization(organization.id, organization.department, organization.role);
                     }
                 };
                 let __VLS_99;
@@ -202,13 +202,14 @@ function __VLS_template() {
                 (organization.name);
                 __VLS_nonNullable(__VLS_115.slots).default;
                 const __VLS_115 = __VLS_pickFunctionalComponentCtx(__VLS_110, __VLS_112);
-                if (organization.department) {
+                if (organization.department || organization.roleLabel) {
                     const __VLS_116 = __VLS_resolvedLocalAndGlobalComponents.VListItemSubtitle;
                     /** @type { [typeof __VLS_components.VListItemSubtitle, typeof __VLS_components.vListItemSubtitle, typeof __VLS_components.VListItemSubtitle, typeof __VLS_components.vListItemSubtitle, ] } */
                     // @ts-ignore
                     const __VLS_117 = __VLS_asFunctionalComponent(__VLS_116, new __VLS_116({}));
                     const __VLS_118 = __VLS_117({}, ...__VLS_functionalComponentArgsRest(__VLS_117));
                     (organization.departmentName || organization.department);
+                    (organization.roleLabel);
                     __VLS_nonNullable(__VLS_121.slots).default;
                     const __VLS_121 = __VLS_pickFunctionalComponentCtx(__VLS_116, __VLS_118);
                 }