@data-fair/lib-vuetify 1.6.0 → 1.6.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@data-fair/lib-vuetify",
-  "version": "1.6.0",
+  "version": "1.6.2",
   "description": "Components based on the Vuetify 3 UI lib for the data-fair stack.",
   "main": "index.js",
   "files": [

package/ui-notif-alert.vue

@@ -2,12 +2,12 @@
   <v-alert
     v-if="notif"
     class="ui-notif-alert"
-    v-bind="alertProps"
+    v-bind="fullAlertProps"
   >
-    <p>{{ notif.msg }}</p>
+    <p v-if="notif.msg">{{ notif.msg }}</p>
     <p
       v-if="notif.type === 'error'"
-      class="ml-3"
+      :class="notif.msg ? 'ml-3' : ''"
       v-text="notif.errorMsg"
     />
   </v-alert>
@@ -18,7 +18,10 @@ import { computed } from 'vue'
 import { type UiNotif, useUiNotif } from '@data-fair/lib-vue/ui-notif.js'
 
 const {notif, alertProps} = defineProps({
-  notif: Object as () => UiNotif,
+  notif: {
+    type: Object as () => UiNotif,
+    default: null
+  },
   alertProps: {
     type: Object,
     default () { return {} }
@@ -28,7 +31,11 @@ const {notif, alertProps} = defineProps({
 const fullAlertProps = computed(() => {
   const props = { ...alertProps }
   if (!notif) return props
-  props.type = notif.type
+  if (notif.type === 'error') {
+    props.color = notif.clientError ? 'warning' : 'error'
+  } else {
+    props.color = notif.type
+  }
   return props
 })
 

package/ui-notif-alert.vue.d.ts

@@ -1,17 +1,24 @@
 import { type UiNotif } from '@data-fair/lib-vue/ui-notif.js';
 declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-    notif: () => UiNotif;
+    notif: {
+        type: () => UiNotif;
+        default: null;
+    };
     alertProps: {
         type: ObjectConstructor;
         default(): {};
     };
 }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    notif: () => UiNotif;
+    notif: {
+        type: () => UiNotif;
+        default: null;
+    };
     alertProps: {
         type: ObjectConstructor;
         default(): {};
     };
 }>> & Readonly<{}>, {
+    notif: UiNotif;
     alertProps: Record<string, any>;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/ui-notif-alert.vue.js

@@ -2,7 +2,10 @@
 import { computed } from 'vue';
 const { defineProps, defineSlots, defineEmits, defineExpose, defineModel, defineOptions, withDefaults, } = await import('vue');
 const __VLS_props = defineProps({
-    notif: Object,
+    notif: {
+        type: Object,
+        default: null
+    },
     alertProps: {
         type: Object,
         default() { return {}; }
@@ -13,12 +16,20 @@ const fullAlertProps = computed(() => {
     const props = { ...alertProps };
     if (!notif)
         return props;
-    props.type = notif.type;
+    if (notif.type === 'error') {
+        props.color = notif.clientError ? 'warning' : 'error';
+    }
+    else {
+        props.color = notif.type;
+    }
     return props;
 });
 const __VLS_fnComponent = (await import('vue')).defineComponent({
     props: {
-        notif: Object,
+        notif: {
+            type: Object,
+            default: null
+        },
         alertProps: {
             type: Object,
             default() { return {}; }
@@ -48,19 +59,20 @@ function __VLS_template() {
         const __VLS_0 = __VLS_resolvedLocalAndGlobalComponents.VAlert;
         /** @type { [typeof __VLS_components.VAlert, typeof __VLS_components.vAlert, typeof __VLS_components.VAlert, typeof __VLS_components.vAlert, ] } */
         // @ts-ignore
-        const __VLS_1 = __VLS_asFunctionalComponent(__VLS_0, new __VLS_0({ ...{ class: ("ui-notif-alert") }, ...(__VLS_ctx.alertProps), }));
-        const __VLS_2 = __VLS_1({ ...{ class: ("ui-notif-alert") }, ...(__VLS_ctx.alertProps), }, ...__VLS_functionalComponentArgsRest(__VLS_1));
-        __VLS_elementAsFunction(__VLS_intrinsicElements.p, __VLS_intrinsicElements.p)({});
-        (__VLS_ctx.notif.msg);
+        const __VLS_1 = __VLS_asFunctionalComponent(__VLS_0, new __VLS_0({ ...{ class: ("ui-notif-alert") }, ...(__VLS_ctx.fullAlertProps), }));
+        const __VLS_2 = __VLS_1({ ...{ class: ("ui-notif-alert") }, ...(__VLS_ctx.fullAlertProps), }, ...__VLS_functionalComponentArgsRest(__VLS_1));
+        if (__VLS_ctx.notif.msg) {
+            __VLS_elementAsFunction(__VLS_intrinsicElements.p, __VLS_intrinsicElements.p)({});
+            (__VLS_ctx.notif.msg);
+        }
         if (__VLS_ctx.notif.type === 'error') {
-            __VLS_elementAsFunction(__VLS_intrinsicElements.p)({ ...{ class: ("ml-3") }, });
+            __VLS_elementAsFunction(__VLS_intrinsicElements.p)({ ...{ class: ((__VLS_ctx.notif.msg ? 'ml-3' : '')) }, });
             __VLS_directiveAsFunction(__VLS_directives.vText)(null, { ...__VLS_directiveBindingRestFields, value: (__VLS_ctx.notif.errorMsg) }, null, null);
         }
         __VLS_nonNullable(__VLS_5.slots).default;
         const __VLS_5 = __VLS_pickFunctionalComponentCtx(__VLS_0, __VLS_2);
     }
     __VLS_styleScopedClasses['ui-notif-alert'];
-    __VLS_styleScopedClasses['ml-3'];
     var __VLS_slots;
     var __VLS_inheritedAttrs;
     const __VLS_refs = {};
@@ -76,11 +88,14 @@ const __VLS_self = (await import('vue')).defineComponent({
     setup() {
         return {
             notif: notif,
-            alertProps: alertProps,
+            fullAlertProps: fullAlertProps,
         };
     },
     props: {
-        notif: Object,
+        notif: {
+            type: Object,
+            default: null
+        },
         alertProps: {
             type: Object,
             default() { return {}; }
@@ -92,7 +107,10 @@ export default (await import('vue')).defineComponent({
         return {};
     },
     props: {
-        notif: Object,
+        notif: {
+            type: Object,
+            default: null
+        },
         alertProps: {
             type: Object,
             default() { return {}; }

package/ui-notif.vue

@@ -6,10 +6,10 @@
     class="ui-notif"
     v-bind="fullSnackbarProps"
   >
-    <p>{{ notification.msg }}</p>
+    <p v-if="notification.msg">{{ notification.msg }}</p>
     <p
       v-if="notification.type === 'error'"
-      class="ml-3"
+      :class="notification.msg ? 'ml-3' : ''"
       v-text="notification.errorMsg"
     />
 
@@ -55,8 +55,13 @@ const { snackbarProps } = defineProps({
 const fullSnackbarProps = computed(() => {
   const props = { ...snackbarProps }
   if (!notification.value) return props
-  if (notification.value.type === 'error') props.timeout = -1
-  props.color = notification.value.type
+  if (notification.value.type === 'error') {
+    props.timeout = -1
+    props.color = notification.value.clientError ? 'warning' : 'error'
+  } else {
+    props.color = notification.value.type
+  }
+  
   return props
 })
 

package/ui-notif.vue.js

@@ -27,9 +27,13 @@ const fullSnackbarProps = computed(() => {
     const props = { ...snackbarProps };
     if (!notification.value)
         return props;
-    if (notification.value.type === 'error')
+    if (notification.value.type === 'error') {
         props.timeout = -1;
-    props.color = notification.value.type;
+        props.color = notification.value.clientError ? 'warning' : 'error';
+    }
+    else {
+        props.color = notification.value.type;
+    }
     return props;
 });
 const __VLS_fnComponent = (await import('vue')).defineComponent({
@@ -70,10 +74,12 @@ function __VLS_template() {
         // @ts-ignore navigation for `const notificationSnackbar = ref()`
         __VLS_ctx.notificationSnackbar;
         var __VLS_6 = {};
-        __VLS_elementAsFunction(__VLS_intrinsicElements.p, __VLS_intrinsicElements.p)({});
-        (__VLS_ctx.notification.msg);
+        if (__VLS_ctx.notification.msg) {
+            __VLS_elementAsFunction(__VLS_intrinsicElements.p, __VLS_intrinsicElements.p)({});
+            (__VLS_ctx.notification.msg);
+        }
         if (__VLS_ctx.notification.type === 'error') {
-            __VLS_elementAsFunction(__VLS_intrinsicElements.p)({ ...{ class: ("ml-3") }, });
+            __VLS_elementAsFunction(__VLS_intrinsicElements.p)({ ...{ class: ((__VLS_ctx.notification.msg ? 'ml-3' : '')) }, });
             __VLS_directiveAsFunction(__VLS_directives.vText)(null, { ...__VLS_directiveBindingRestFields, value: (__VLS_ctx.notification.errorMsg) }, null, null);
         }
         __VLS_elementAsFunction(__VLS_intrinsicElements.template, __VLS_intrinsicElements.template)({});
@@ -105,7 +111,6 @@ function __VLS_template() {
         const __VLS_5 = __VLS_pickFunctionalComponentCtx(__VLS_0, __VLS_2);
     }
     __VLS_styleScopedClasses['ui-notif'];
-    __VLS_styleScopedClasses['ml-3'];
     var __VLS_slots;
     var __VLS_inheritedAttrs;
     const __VLS_refs = {

package/vite.d.ts

@@ -6,6 +6,7 @@ export declare const autoImports: (string | {
     '@data-fair/lib-vue/ui-notif.js': string[];
     '@data-fair/lib-vue/fetch.js': string[];
     '@data-fair/lib-vue/ws.js': string[];
+    '@data-fair/lib-vue/async-action.js': string[];
 } | {
     '@data-fair/lib-vuetify/personal-menu.vue': string[][];
     '@data-fair/lib-vuetify/tutorial-alert.vue': string[][];