@data-fair/lib-vuetify 1.13.3 → 1.13.4

package/index.js

@@ -57,6 +57,12 @@ export function vuetifySessionOptions(session, cspNonce) {
             },
             VSwitch: {
                 color: 'primary'
+            },
+            vAutocomplete: {
+                autocomplete: 'suppress'
+            },
+            vSelect: {
+                autocomplete: 'suppress'
             }
         }
     };

package/navigation-right.vue

@@ -14,7 +14,7 @@
         bg-color="background"
         density="compact"
       >
-        <v-defaults-provider :defaults="{ VListItem: { rounded: true } }">
+        <v-defaults-provider :defaults="defaults">
           <slot />
         </v-defaults-provider>
       </v-list>
@@ -43,10 +43,9 @@
       >
         <v-list
           data-iframe-height
-          bg-color="background"
           density="compact"
         >
-          <v-defaults-provider :defaults="{ VListItem: { rounded: true } }">
+          <v-defaults-provider :defaults="defaults">
             <slot />
           </v-defaults-provider>
         </v-list>
@@ -60,4 +59,29 @@ import { mdiDotsVertical } from '@mdi/js'
 import { useDisplay } from 'vuetify'
 
 const display = useDisplay()
+
+const defaults = {
+  VListItem: {
+    rounded: true
+  },
+  VAutocomplete: {
+    color: 'primary',
+    density: 'compact',
+    variant: 'outlined',
+    clearable: true,
+    hideDetails: true,
+    rounded: true,
+  },
+  VSelect: {
+    color: 'primary',
+    density: 'compact',
+    variant: 'outlined',
+    clearable: true,
+    hideDetails: true,
+    rounded: true
+  },
+  VSwitch: {
+    hideDetails: true
+  }
+}
 </script>

package/navigation-right.vue.js

@@ -3,6 +3,30 @@ import { mdiDotsVertical } from '@mdi/js';
 import { useDisplay } from 'vuetify';
 const { defineProps, defineSlots, defineEmits, defineExpose, defineModel, defineOptions, withDefaults, } = await import('vue');
 const display = useDisplay();
+const defaults = {
+    VListItem: {
+        rounded: true
+    },
+    VAutocomplete: {
+        color: 'primary',
+        density: 'compact',
+        variant: 'outlined',
+        clearable: true,
+        hideDetails: true,
+        rounded: true,
+    },
+    VSelect: {
+        color: 'primary',
+        density: 'compact',
+        variant: 'outlined',
+        clearable: true,
+        hideDetails: true,
+        rounded: true
+    },
+    VSwitch: {
+        hideDetails: true
+    }
+};
 const __VLS_fnComponent = (await import('vue')).defineComponent({});
 ;
 let __VLS_functionalComponentProps;
@@ -38,8 +62,8 @@ function __VLS_template() {
             const __VLS_12 = __VLS_resolvedLocalAndGlobalComponents.VDefaultsProvider;
             /** @type { [typeof __VLS_components.VDefaultsProvider, typeof __VLS_components.vDefaultsProvider, typeof __VLS_components.VDefaultsProvider, typeof __VLS_components.vDefaultsProvider, ] } */
             // @ts-ignore
-            const __VLS_13 = __VLS_asFunctionalComponent(__VLS_12, new __VLS_12({ defaults: (({ VListItem: { rounded: true } })), }));
-            const __VLS_14 = __VLS_13({ defaults: (({ VListItem: { rounded: true } })), }, ...__VLS_functionalComponentArgsRest(__VLS_13));
+            const __VLS_13 = __VLS_asFunctionalComponent(__VLS_12, new __VLS_12({ defaults: ((__VLS_ctx.defaults)), }));
+            const __VLS_14 = __VLS_13({ defaults: ((__VLS_ctx.defaults)), }, ...__VLS_functionalComponentArgsRest(__VLS_13));
             var __VLS_18 = {};
             __VLS_nonNullable(__VLS_17.slots).default;
             const __VLS_17 = __VLS_pickFunctionalComponentCtx(__VLS_12, __VLS_14);
@@ -72,13 +96,13 @@ function __VLS_template() {
         const __VLS_43 = __VLS_resolvedLocalAndGlobalComponents.VList;
         /** @type { [typeof __VLS_components.VList, typeof __VLS_components.vList, typeof __VLS_components.VList, typeof __VLS_components.vList, ] } */
         // @ts-ignore
-        const __VLS_44 = __VLS_asFunctionalComponent(__VLS_43, new __VLS_43({ dataIframeHeight: (true), bgColor: ("background"), density: ("compact"), }));
-        const __VLS_45 = __VLS_44({ dataIframeHeight: (true), bgColor: ("background"), density: ("compact"), }, ...__VLS_functionalComponentArgsRest(__VLS_44));
+        const __VLS_44 = __VLS_asFunctionalComponent(__VLS_43, new __VLS_43({ dataIframeHeight: (true), density: ("compact"), }));
+        const __VLS_45 = __VLS_44({ dataIframeHeight: (true), density: ("compact"), }, ...__VLS_functionalComponentArgsRest(__VLS_44));
         const __VLS_49 = __VLS_resolvedLocalAndGlobalComponents.VDefaultsProvider;
         /** @type { [typeof __VLS_components.VDefaultsProvider, typeof __VLS_components.vDefaultsProvider, typeof __VLS_components.VDefaultsProvider, typeof __VLS_components.vDefaultsProvider, ] } */
         // @ts-ignore
-        const __VLS_50 = __VLS_asFunctionalComponent(__VLS_49, new __VLS_49({ defaults: (({ VListItem: { rounded: true } })), }));
-        const __VLS_51 = __VLS_50({ defaults: (({ VListItem: { rounded: true } })), }, ...__VLS_functionalComponentArgsRest(__VLS_50));
+        const __VLS_50 = __VLS_asFunctionalComponent(__VLS_49, new __VLS_49({ defaults: ((__VLS_ctx.defaults)), }));
+        const __VLS_51 = __VLS_50({ defaults: ((__VLS_ctx.defaults)), }, ...__VLS_functionalComponentArgsRest(__VLS_50));
         var __VLS_55 = {};
         __VLS_nonNullable(__VLS_54.slots).default;
         const __VLS_54 = __VLS_pickFunctionalComponentCtx(__VLS_49, __VLS_51);
@@ -109,6 +133,7 @@ const __VLS_self = (await import('vue')).defineComponent({
         return {
             mdiDotsVertical: mdiDotsVertical,
             display: display,
+            defaults: defaults,
         };
     },
 });

package/owner-avatar.vue

@@ -50,7 +50,7 @@ const avatarUrl = computed(() => {
 const label = computed(() => {
   let label = ''
   if (!props.omitOwnerName || !props.owner.department) label += props.owner.name
-  if (props.owner.department) label += !props.omitOwnerName ? ' - ' : '' + (props.owner.departmentName || props.owner.department)
+  if (props.owner.department) label += (!props.omitOwnerName ? ' - ' : '') + (props.owner.departmentName || props.owner.department)
   if (props.owner.role) label += ` (${props.owner.role})`
   return label
 })

package/owner-avatar.vue.js

@@ -18,7 +18,7 @@ const label = computed(() => {
     if (!props.omitOwnerName || !props.owner.department)
         label += props.owner.name;
     if (props.owner.department)
-        label += !props.omitOwnerName ? ' - ' : '' + (props.owner.departmentName || props.owner.department);
+        label += (!props.omitOwnerName ? ' - ' : '') + (props.owner.departmentName || props.owner.department);
     if (props.owner.role)
         label += ` (${props.owner.role})`;
     return label;

package/package.json

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

package/search-address.vue

@@ -36,6 +36,12 @@ const findAdressesFn = async (search: string, selectedId?: string) => {
   loadingAddresses.value = true
   if (!search || search.length < 3) {
     addressesList.value = address.value ? [address.value] : []
+  } else if (/^\s*(-?\d+\.?\d*),\s*(-?\d+\.?\d*)\s*$/.test(search)) {
+    const [lat, lon] = search.split(',').map(s => parseFloat(s.trim()))
+    addressesList.value = [{
+      title: `${lat}, ${lon}`,
+      value: { lat, lon, label: `${lat}, ${lon}` }
+    }]
   } else {
     const params = { q: search }
     const result = (await ofetch('https://data.geopf.fr/geocodage/search/', { params }))
@@ -65,7 +71,11 @@ watch(
   address,
   (addr) => {
     if (addr) {
-      model.value = JSON.stringify([addr.title, addr.value.id]).slice(1, -1)
+      if (addr.value.lat !== undefined && addr.value.lon !== undefined && !addr.value.id) {
+        model.value = `${addr.value.lat}, ${addr.value.lon}`
+      } else {
+        model.value = JSON.stringify([addr.title, addr.value.id]).slice(1, -1)
+      }
     } else {
       model.value = undefined
       addressesList.value = []

package/search-address.vue.js

@@ -14,6 +14,13 @@ const findAdressesFn = async (search, selectedId) => {
     if (!search || search.length < 3) {
         addressesList.value = address.value ? [address.value] : [];
     }
+    else if (/^\s*(-?\d+\.?\d*),\s*(-?\d+\.?\d*)\s*$/.test(search)) {
+        const [lat, lon] = search.split(',').map(s => parseFloat(s.trim()));
+        addressesList.value = [{
+                title: `${lat}, ${lon}`,
+                value: { lat, lon, label: `${lat}, ${lon}` }
+            }];
+    }
     else {
         const params = { q: search };
         const result = (await ofetch('https://data.geopf.fr/geocodage/search/', { params }));
@@ -38,7 +45,12 @@ if (model.value && model.value.length) {
 }
 watch(address, (addr) => {
     if (addr) {
-        model.value = JSON.stringify([addr.title, addr.value.id]).slice(1, -1);
+        if (addr.value.lat !== undefined && addr.value.lon !== undefined && !addr.value.id) {
+            model.value = `${addr.value.lat}, ${addr.value.lon}`;
+        }
+        else {
+            model.value = JSON.stringify([addr.title, addr.value.id]).slice(1, -1);
+        }
     }
     else {
         model.value = undefined;

package/search-field.vue

@@ -0,0 +1,29 @@
+<template>
+  <v-text-field
+    v-bind="$attrs"
+    :append-inner-icon="mdiMagnify"
+    :label="t('search')"
+    class="mx-4"
+    color="primary"
+    density="compact"
+    variant="outlined"
+    autofocus
+    hide-details
+    clearable
+  />
+</template>
+
+<script setup lang="ts">
+import { mdiMagnify } from '@mdi/js'
+import { useI18n } from 'vue-i18n'
+
+const { t } = useI18n()
+
+</script>
+
+<i18n lang="yaml">
+  en:
+    search: Search
+  fr:
+    search: Rechercher
+</i18n>

package/search-field.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/search-field.vue.js

@@ -0,0 +1,55 @@
+/// <reference types=".vue-global-types/vue_3.5_false.d.ts" />
+import { mdiMagnify } from '@mdi/js';
+import { useI18n } from 'vue-i18n';
+const { defineProps, defineSlots, defineEmits, defineExpose, defineModel, defineOptions, withDefaults, } = await import('vue');
+const { t } = useI18n();
+const __VLS_fnComponent = (await import('vue')).defineComponent({});
+;
+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;
+    let __VLS_resolvedLocalAndGlobalComponents;
+    const __VLS_0 = __VLS_resolvedLocalAndGlobalComponents.VTextField;
+    /** @type { [typeof __VLS_components.VTextField, typeof __VLS_components.vTextField, ] } */
+    // @ts-ignore
+    const __VLS_1 = __VLS_asFunctionalComponent(__VLS_0, new __VLS_0({ ...(__VLS_ctx.$attrs), appendInnerIcon: ((__VLS_ctx.mdiMagnify)), label: ((__VLS_ctx.t('search'))), ...{ class: ("mx-4") }, color: ("primary"), density: ("compact"), variant: ("outlined"), autofocus: (true), hideDetails: (true), clearable: (true), }));
+    const __VLS_2 = __VLS_1({ ...(__VLS_ctx.$attrs), appendInnerIcon: ((__VLS_ctx.mdiMagnify)), label: ((__VLS_ctx.t('search'))), ...{ class: ("mx-4") }, color: ("primary"), density: ("compact"), variant: ("outlined"), autofocus: (true), hideDetails: (true), clearable: (true), }, ...__VLS_functionalComponentArgsRest(__VLS_1));
+    __VLS_styleScopedClasses['mx-4'];
+    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 {
+            mdiMagnify: mdiMagnify,
+            t: t,
+        };
+    },
+});
+export default (await import('vue')).defineComponent({
+    setup() {
+        return {};
+    },
+});
+;
+//# sourceMappingURL=search-field.vue.js.map