@datagouv/components-next 0.0.25 → 0.0.27

package/dist/{vue3-xml-viewer.common-BZLPbkUq.js → vue3-xml-viewer.common-Bb5dDJsR.js}

@@ -1,4 +1,4 @@
-import { g as Ke } from "./main-qCXX5fcf.js";
+import { g as Ke } from "./main-CZXf5f3h.js";
 import We from "vue";
 function Fe(I, K) {
   for (var V = 0; V < K.length; V++) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@datagouv/components-next",
-  "version": "0.0.25",
+  "version": "0.0.27",
   "private": false,
   "type": "module",
   "main": "./src/main.ts",

package/src/components/AnimatedLoader.vue

@@ -0,0 +1,19 @@
+<script setup lang="ts">
+import { RiLoader5Line } from '@remixicon/vue'
+
+withDefaults(defineProps<{
+  color?: 'primary' | 'white'
+}>(), {
+  color: 'primary',
+})
+</script>
+
+<template>
+  <RiLoader5Line
+    class=" text-7xl animate-spin"
+    :class="{
+      'text-primary': color === 'primary',
+      'text-white': color === 'white',
+    }"
+  />
+</template>

package/src/components/BrandedButton.vue

@@ -11,7 +11,7 @@
     :target="newTab ? '_blank' : undefined"
     :type
   >
-    <AdminLoader
+    <AnimatedLoader
       v-if="loading"
       size="16"
       :color="color === 'primary' ? 'white' : 'primary'"
@@ -51,6 +51,7 @@ import { RiExternalLinkLine } from '@remixicon/vue'
 import type { RouteLocation } from 'vue-router'
 import AppLink from './AppLink.vue'
 import { bannerActionTypeKey } from './BannerAction.vue'
+import AnimatedLoader from './AnimatedLoader.vue'
 
 type ColorType = 'primary' | 'primary-soft' | 'primary-softer' | 'secondary' | 'secondary-softer' | 'warning' | 'danger' | 'tertiary'
 

package/src/main.ts

@@ -1,4 +1,5 @@
 import type { App, Plugin } from 'vue'
+import { createI18n } from 'vue-i18n'
 import type { ContactPoint, ContactPointRole } from './types/contact_point.js'
 import type { Badge, Badges } from './types/badges'
 import type { Dataset, DatasetV2, DatasetV2WithFullObject, NewDataset, Quality, Rel } from './types/datasets'
@@ -16,6 +17,7 @@ import type { Site } from './types/site'
 import type { Weight, WellType } from './types/ui'
 import type { User } from './types/users'
 
+import AnimatedLoader from './components/AnimatedLoader.vue'
 import AppLink from './components/AppLink.vue'
 import Avatar from './components/Avatar.vue'
 import AvatarWithName from './components/AvatarWithName.vue'
@@ -117,12 +119,27 @@ const datagouv: Plugin<PluginConfig> = {
       const textClamp = await import('vue3-text-clamp')
       options.textClamp = textClamp.default
     }
+    if (!options.i18n) {
+      const i18n = createI18n({
+        legacy: false,
+        globalInjection: true,
+        locale: 'fr',
+        messages: {},
+        formatFallbackMessages: true,
+        missingWarn: false,
+        fallbackFormat: true,
+        fallbackWarn: false,
+      })
+      options.i18n = i18n
+      app.use(i18n)
+    }
   },
 }
 
 export {
   datagouv,
   useComponentsConfig,
+  AnimatedLoader,
   AppLink,
   Avatar,
   AvatarWithName,

package/dist/Swagger.client-CzgEk61z.js

@@ -1,4 +0,0 @@
-import { _ as f } from "./main-qCXX5fcf.js";
-export {
-  f as default
-};