@datagouv/components-next 1.0.1 → 1.0.2-dev.0

package/dist/{vue3-xml-viewer.common-Bi_bsV6C.js → vue3-xml-viewer.common-BjA4LdSC.js}

@@ -1,4 +1,4 @@
-import { b as Ke } from "./main-CiH8ZmBI.js";
+import { b as Ke } from "./main-CrSRA2X-.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": "1.0.1",
+  "version": "1.0.2-dev.0",
   "private": false,
   "type": "module",
   "engines": {
@@ -104,6 +104,7 @@
     "format": "prettier --write src/",
     "css": "tailwindcss -i ./assets/main.css -o ./dist/components.css --minify --optimize",
     "preversion": "pnpm run build && pnpm run css",
+    "publish-dev": "pnpm publish --tag dev --access public",
     "publish-stable": "pnpm publish --access public"
   }
 }

package/src/components/ResourceExplorer/ResourceExplorerViewer.vue

@@ -228,52 +228,6 @@
                     />
                   </dd>
                 </template>
-                <template v-if="wfsFormats.length">
-                  <dt class="font-bold fr-text--sm fr-mb-0">
-                    <div class="flex gap-1 items-center">
-                      {{ t('Formats exportés depuis le service WFS') }}
-                      <span v-if="defaultWfsProjection"> ({{ t('projection {crs}', { crs: defaultWfsProjection }) }})</span>
-                      <Tooltip>
-                        <RiInformationLine
-                          class="flex-none size-4"
-                          :aria-label="t(`Le lien de téléchargement interroge directement le flux WFS distant. Le nombre de features téléchargées peut être limité.`)"
-                          aria-hidden="true"
-                        />
-                        <template #tooltip>
-                          <p class="text-sm font-normal mb-0">
-                            {{ t(`Le lien de téléchargement interroge directement le flux WFS distant.`) }}
-                          </p>
-                          <p class="text-sm font-normal mb-0">
-                            {{ t(`Le nombre de features téléchargées peut être limité.`) }}
-                          </p>
-                        </template>
-                      </Tooltip>
-                    </div>
-                  </dt>
-                  <dd
-                    v-for="wfsFormat in wfsFormats"
-                    :key="wfsFormat.format"
-                    class="text-sm pl-0 mb-4 text-gray-medium h-8 flex flex-wrap items-center"
-                  >
-                    <span>
-                      <span class="text-datagouv fr-icon-download-line fr-icon--sm fr-mr-1v fr-mt-1v" />
-                      <a
-                        :href="wfsFormat.url"
-                        class="fr-link"
-                        rel="ugc nofollow noopener"
-                        @click="trackEvent('Jeux de données', 'Télécharger un fichier', `Bouton : format ${wfsFormat.format}`)"
-                      >
-                        <span>{{ t('Format {format}', { format: wfsFormat.format }) }}</span>
-                      </a>
-                    </span>
-                    <CopyButton
-                      :label="t('Copier le lien')"
-                      :copied-label="t('Lien copié !')"
-                      :text="wfsFormat.url"
-                      class="relative"
-                    />
-                  </dd>
-                </template>
               </dl>
             </div>
             <div v-if="tab.key === 'swagger'">
@@ -297,7 +251,7 @@
 
 <script setup lang="ts">
 import { computed, defineAsyncComponent } from 'vue'
-import { RiDownloadLine, RiFileCopyLine, RiFileWarningLine, RiInformationLine, RiSubtractLine } from '@remixicon/vue'
+import { RiDownloadLine, RiFileCopyLine, RiFileWarningLine, RiSubtractLine } from '@remixicon/vue'
 import { toast } from 'vue-sonner'
 import BrandedButton from '../BrandedButton.vue'
 import CopyButton from '../CopyButton.vue'
@@ -309,7 +263,6 @@ import TabList from '../Tabs/TabList.vue'
 import Tab from '../Tabs/Tab.vue'
 import TabPanels from '../Tabs/TabPanels.vue'
 import TabPanel from '../Tabs/TabPanel.vue'
-import Tooltip from '../Tooltip.vue'
 import Preview from '../ResourceAccordion/Preview.vue'
 import DataStructure from '../ResourceAccordion/DataStructure.vue'
 import Metadata from '../ResourceAccordion/Metadata.vue'
@@ -363,8 +316,6 @@ const {
   ogcService,
   ogcWms,
   generatedFormats,
-  wfsFormats,
-  defaultWfsProjection,
   isResourceUrl,
   tabsOptions,
 } = useResourceCapabilities(() => props.resource, () => props.dataset)

package/src/composables/useResourceCapabilities.ts

@@ -4,9 +4,8 @@ import { useTranslation } from './useTranslation'
 import { useHasTabularData } from './useHasTabularData'
 import { detectOgcService } from '../functions/resources'
 import { isOrganizationCertified } from '../functions/organizations'
-import type { Resource, WfsMetadata } from '../types/resources'
+import type { Resource } from '../types/resources'
 import type { Dataset, DatasetV2 } from '../types/datasets'
-import { getWfsExportFormats } from '../functions/resourceCapabilities'
 
 const GENERATED_FORMATS = ['parquet', 'pmtiles', 'geojson']
 const URL_FORMATS = ['url', 'doi', 'www:link', 'www:link-1.0-http--link', 'www:link-1.0-http--partners', 'www:link-1.0-http--related', 'www:link-1.0-http--samples']
@@ -68,17 +67,6 @@ export function useResourceCapabilities(
     return formats
   })
 
-  const wfsFormats = computed(() => {
-    return getWfsExportFormats(toValue(resource))
-  })
-
-  const defaultWfsProjection = computed<string | null>(() => {
-    const r = toValue(resource)
-    const wfsMetadata = r.extras['analysis:parsing:ogc_metadata'] as WfsMetadata | null
-    if (!wfsMetadata || wfsMetadata.format !== `wfs`) return null
-    return wfsMetadata?.detected_layer?.default_crs ?? null
-  })
-
   const isResourceUrl = computed(() => URL_FORMATS.includes(toValue(resource).format))
 
   const tabsOptions = computed(() => {
@@ -123,8 +111,6 @@ export function useResourceCapabilities(
     ogcService,
     ogcWms,
     generatedFormats,
-    wfsFormats,
-    defaultWfsProjection,
     isResourceUrl,
     tabsOptions,
   }

package/src/functions/api.ts

@@ -1,17 +1,9 @@
-import { ref, toValue, watchEffect, onMounted, type ComputedRef, type MaybeRefOrGetter, type Ref } from 'vue'
+import { ref, toValue, watchEffect, onMounted, type ComputedRef, type Ref } from 'vue'
 import { ofetch } from 'ofetch'
 import { useComponentsConfig } from '../config'
 import { useTranslation } from '../composables/useTranslation'
 import type { AsyncData, AsyncDataRequestStatus, UseFetchOptions } from './api.types'
 
-function deepToValue(obj: MaybeRefOrGetter<Record<string, unknown> | undefined>): Record<string, unknown> | undefined {
-  const val = toValue(obj)
-  if (!val || typeof val !== 'object') return val
-  return Object.fromEntries(
-    Object.entries(val).map(([k, v]) => [k, toValue(v as MaybeRefOrGetter<unknown>)]),
-  )
-}
-
 export async function useFetch<DataT, ErrorT = never>(
   url: string | Request | Ref<string | Request> | ComputedRef<string | null> | (() => string | Request),
   options?: UseFetchOptions<DataT>,
@@ -31,8 +23,8 @@ export async function useFetch<DataT, ErrorT = never>(
   const execute = async () => {
     const urlValue = toValue(url)
     if (!urlValue) return
-    const params = deepToValue(options?.params)
-    const query = deepToValue(options?.query)
+    const params = toValue(options?.params)
+    const query = toValue(options?.query)
     status.value = 'pending'
     try {
       data.value = await ofetch<DataT | null>(urlValue, {

package/src/types/resources.ts

@@ -41,13 +41,3 @@ export interface ResourceGroup {
   total: number
   items: Resource[]
 }
-
-export type OgcLayerInfo = { name: string, default_crs: string | null }
-
-export type WfsMetadata = {
-  format: string
-  layers: Array<OgcLayerInfo>
-  version: string
-  detected_layer: OgcLayerInfo | null
-  output_formats: Array<string>
-}