@data-fair/lib-vuetify 1.5.2 → 1.6.0

package/index.js

@@ -40,9 +40,11 @@ export function vuetifySessionOptions (session) {
     defaults: {
       VCard: {
         // white card with light grey border by default
-        variant: 'elevated',
-        elevation: 0,
+        variant: 'flat',
         border: 'sm'
+      },
+      global: {
+        rounded: 'pill'
       }
     }
   }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@data-fair/lib-vuetify",
-  "version": "1.5.2",
+  "version": "1.6.0",
   "description": "Components based on the Vuetify 3 UI lib for the data-fair stack.",
   "main": "index.js",
   "files": [
@@ -16,7 +16,7 @@
     "build": "cd .. && npm run build"
   },
   "peerDependencies": {
-    "@data-fair/lib-vue": "^1.9.3",
+    "@data-fair/lib-vue": "^1.13.0",
     "ofetch": "1",
     "vue-i18n": "10",
     "vuetify": "3"

package/ui-notif-alert.vue

@@ -0,0 +1,38 @@
+<template>
+  <v-alert
+    v-if="notif"
+    class="ui-notif-alert"
+    v-bind="alertProps"
+  >
+    <p>{{ notif.msg }}</p>
+    <p
+      v-if="notif.type === 'error'"
+      class="ml-3"
+      v-text="notif.errorMsg"
+    />
+  </v-alert>
+</template>
+
+<script setup lang="ts">
+import { computed } from 'vue'
+import { type UiNotif, useUiNotif } from '@data-fair/lib-vue/ui-notif.js'
+
+const {notif, alertProps} = defineProps({
+  notif: Object as () => UiNotif,
+  alertProps: {
+    type: Object,
+    default () { return {} }
+  }
+})
+
+const fullAlertProps = computed(() => {
+  const props = { ...alertProps }
+  if (!notif) return props
+  props.type = notif.type
+  return props
+})
+
+</script>
+
+<style>
+</style>

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

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

package/ui-notif-alert.vue.js

@@ -0,0 +1,103 @@
+/// <reference types=".vue-global-types/vue_3.5_false.d.ts" />
+import { computed } from 'vue';
+const { defineProps, defineSlots, defineEmits, defineExpose, defineModel, defineOptions, withDefaults, } = await import('vue');
+const __VLS_props = defineProps({
+    notif: Object,
+    alertProps: {
+        type: Object,
+        default() { return {}; }
+    }
+});
+const { notif, alertProps } = __VLS_props;
+const fullAlertProps = computed(() => {
+    const props = { ...alertProps };
+    if (!notif)
+        return props;
+    props.type = notif.type;
+    return props;
+});
+const __VLS_fnComponent = (await import('vue')).defineComponent({
+    props: {
+        notif: Object,
+        alertProps: {
+            type: Object,
+            default() { return {}; }
+        }
+    },
+});
+;
+let __VLS_functionalComponentProps;
+function __VLS_template() {
+    const __VLS_ctx = {};
+    const __VLS_localComponents = {
+        ...{},
+        ...{},
+        ...__VLS_ctx,
+    };
+    let __VLS_components;
+    const __VLS_localDirectives = {
+        ...{},
+        ...__VLS_ctx,
+    };
+    let __VLS_directives;
+    let __VLS_styleScopedClasses;
+    // CSS variable injection 
+    // CSS variable injection end 
+    let __VLS_resolvedLocalAndGlobalComponents;
+    if (__VLS_ctx.notif) {
+        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);
+        if (__VLS_ctx.notif.type === 'error') {
+            __VLS_elementAsFunction(__VLS_intrinsicElements.p)({ ...{ class: ("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 = {};
+    var $refs;
+    return {
+        slots: __VLS_slots,
+        refs: $refs,
+        attrs: {},
+    };
+}
+;
+const __VLS_self = (await import('vue')).defineComponent({
+    setup() {
+        return {
+            notif: notif,
+            alertProps: alertProps,
+        };
+    },
+    props: {
+        notif: Object,
+        alertProps: {
+            type: Object,
+            default() { return {}; }
+        }
+    },
+});
+export default (await import('vue')).defineComponent({
+    setup() {
+        return {};
+    },
+    props: {
+        notif: Object,
+        alertProps: {
+            type: Object,
+            default() { return {}; }
+        }
+    },
+});
+;
+//# sourceMappingURL=ui-notif-alert.vue.js.map

package/ui-notif.vue

@@ -3,7 +3,7 @@
     v-if="notification"
     ref="notificationSnackbar"
     v-model="showNotification"
-    class="ui-notification"
+    class="ui-notif"
     v-bind="fullSnackbarProps"
   >
     <p>{{ notification.msg }}</p>

package/ui-notif.vue.js

@@ -65,8 +65,8 @@ function __VLS_template() {
         const __VLS_0 = __VLS_resolvedLocalAndGlobalComponents.VSnackbar;
         /** @type { [typeof __VLS_components.VSnackbar, typeof __VLS_components.vSnackbar, typeof __VLS_components.VSnackbar, typeof __VLS_components.vSnackbar, ] } */
         // @ts-ignore
-        const __VLS_1 = __VLS_asFunctionalComponent(__VLS_0, new __VLS_0({ ref: ("notificationSnackbar"), modelValue: ((__VLS_ctx.showNotification)), ...{ class: ("ui-notification") }, ...(__VLS_ctx.fullSnackbarProps), }));
-        const __VLS_2 = __VLS_1({ ref: ("notificationSnackbar"), modelValue: ((__VLS_ctx.showNotification)), ...{ class: ("ui-notification") }, ...(__VLS_ctx.fullSnackbarProps), }, ...__VLS_functionalComponentArgsRest(__VLS_1));
+        const __VLS_1 = __VLS_asFunctionalComponent(__VLS_0, new __VLS_0({ ref: ("notificationSnackbar"), modelValue: ((__VLS_ctx.showNotification)), ...{ class: ("ui-notif") }, ...(__VLS_ctx.fullSnackbarProps), }));
+        const __VLS_2 = __VLS_1({ ref: ("notificationSnackbar"), modelValue: ((__VLS_ctx.showNotification)), ...{ class: ("ui-notif") }, ...(__VLS_ctx.fullSnackbarProps), }, ...__VLS_functionalComponentArgsRest(__VLS_1));
         // @ts-ignore navigation for `const notificationSnackbar = ref()`
         __VLS_ctx.notificationSnackbar;
         var __VLS_6 = {};
@@ -104,7 +104,7 @@ function __VLS_template() {
         }
         const __VLS_5 = __VLS_pickFunctionalComponentCtx(__VLS_0, __VLS_2);
     }
-    __VLS_styleScopedClasses['ui-notification'];
+    __VLS_styleScopedClasses['ui-notif'];
     __VLS_styleScopedClasses['ml-3'];
     var __VLS_slots;
     var __VLS_inheritedAttrs;

package/auto-imports.js

@@ -1,11 +0,0 @@
-// made for https://github.com/unplugin/unplugin-auto-import
-import vueAutoImports from '@data-fair/lib-vue/auto-imports.js'
-export default [
-  ...vueAutoImports,
-  {
-    '@data-fair/lib-vuetify/personal-menu.vue': [['default', 'dfPersonalMenu']],
-    '@data-fair/lib-vuetify/tutorial-alert.vue': [['default', 'dfTutorialAlert']],
-    '@data-fair/lib-vuetify/user-avatar.vue': [['default', 'dfUserAvatar']]
-  }
-]
-// # sourceMappingURL=auto-imports.js.map