@datagouv/components-next 1.0.2-dev.204 → 1.0.2-dev.206

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,4 +1,4 @@
1
- import { g as Ke } from "./main-CICNrWF8.js";
1
+ import { g as Ke } from "./main-DV8PLxLT.js";
2
2
  import We from "vue";
3
3
  function Fe(I, K) {
4
4
  for (var V = 0; V < K.length; V++) {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@datagouv/components-next",
3
- "version": "1.0.2-dev.204",
3
+ "version": "1.0.2-dev.206",
4
4
  "private": false,
5
5
  "type": "module",
6
6
  "engines": {
@@ -1,5 +1,6 @@
1
1
  <script setup lang="ts">
2
2
  import { computed } from 'vue'
3
+ import { RiInformationLine } from '@remixicon/vue'
3
4
  import type { Resource } from '../../types/resources'
4
5
  import CopyButton from '../CopyButton.vue'
5
6
  import DescriptionDetails from '../DescriptionDetails.vue'
@@ -7,6 +8,7 @@ import DescriptionTerm from '../DescriptionTerm.vue'
7
8
  import FormattedDate from '../FormattedDate.vue'
8
9
  import { filesize } from '../../functions/helpers'
9
10
  import ExtraAccordion from '../ExtraAccordion.vue'
11
+ import Toggletip from '../Toggletip.vue'
10
12
  import { getResourceTitleId, getResourceLabel, getResourceFilesize } from '../../functions/resources'
11
13
  import { useTranslation } from '../../composables/useTranslation'
12
14
 
@@ -41,8 +43,23 @@ const { t } = useTranslation()
41
43
  </a>
42
44
  </code>
43
45
  </DescriptionDetails>
44
- <DescriptionTerm>
46
+ <DescriptionTerm class="flex items-center">
45
47
  {{ t('URL stable') }}
48
+ <Toggletip
49
+ :styled-button="false"
50
+ button-class="ml-1 border-transparent -outline-offset-2 inline-flex items-center justify-center rounded-sm p-1 text-gray-medium hover:bg-gray-lower transition-colors"
51
+ >
52
+ <RiInformationLine
53
+ class="size-4"
54
+ aria-hidden="true"
55
+ />
56
+ <span class="sr-only">{{ t(`Qu'est-ce qu'une URL stable ?`) }}</span>
57
+ <template #toggletip>
58
+ <p class="fr-text--sm m-0">
59
+ {{ t(`Cette URL redirige toujours vers la dernière version du fichier. L'URL du fichier, elle, change à chaque mise à jour : privilégiez l'URL stable pour partager la ressource ou l'utiliser dans un script.`) }}
60
+ </p>
61
+ </template>
62
+ </Toggletip>
46
63
  <CopyButton
47
64
  :label="t(`Copier l'URL stable`)"
48
65
  :copied-label="t('URL stable copiée !')"