@datagouv/components-next 1.0.0 → 1.0.1

package/src/functions/resourceCapabilities.ts

@@ -0,0 +1,55 @@
+import type { Resource, WfsMetadata, OgcLayerInfo } from '../types/resources'
+
+const WFS_EXPORT_FORMATS = [
+  {
+    name: 'csv',
+    mimetype: 'csv',
+  },
+  {
+    name: 'json',
+    mimetype: 'application/json',
+  },
+  {
+    name: 'shp',
+    mimetype: 'SHAPE-ZIP',
+  },
+  {
+    name: 'gml',
+    mimetype: 'application/gml+xml',
+  },
+  {
+    name: 'kml',
+    mimetype: 'KML',
+  },
+  {
+    name: 'gpkg',
+    mimetype: 'application/geopackage+sqlite3',
+  },
+]
+
+function buildWfsDownloadUrl(baseUrl: string, wfsMetadata: WfsMetadata, format: { name: string, mimetype: string }, layer: OgcLayerInfo) {
+  const version = wfsMetadata.version
+  const query = new URLSearchParams({
+    SERVICE: 'WFS',
+    REQUEST: 'GetFeature',
+    VERSION: version,
+    ...(Number(version.split('.')[0]) >= 2 ? { TYPENAMES: layer.name } : { TYPENAME: layer.name }),
+    OUTPUTFORMAT: format.mimetype,
+    ...(layer.default_crs ? { SRSNAME: layer.default_crs } : {}),
+  })
+  return `${baseUrl.split('?')[0]}?${query.toString()}`
+}
+
+export function getWfsExportFormats(resource: Pick<Resource, 'extras' | 'url'>) {
+  const wfsMetadata = resource.extras['analysis:parsing:ogc_metadata'] as WfsMetadata | null
+  if (!wfsMetadata || wfsMetadata.format !== `wfs`) return []
+  const outputFormats = wfsMetadata.output_formats.map((format: string) => format.toLowerCase())
+  const layer = wfsMetadata.detected_layer
+  if (!layer) return []
+  const formats = WFS_EXPORT_FORMATS.filter(format => outputFormats.includes(format.mimetype.toLowerCase()))
+    .map(format => ({
+      url: buildWfsDownloadUrl(resource.url, wfsMetadata, format, layer),
+      format: format.name,
+    }))
+  return formats
+}

package/src/main.ts

@@ -24,7 +24,7 @@ import type { Weight, WellType } from './types/ui'
 import type { User, UserReference } from './types/users'
 import type { Report, ReportSubject, ReportReason } from './types/reports'
 import type { GlobalSearchConfig, SearchType, SortOption } from './types/search'
-import { getDefaultDatasetConfig, getDefaultDataserviceConfig, getDefaultReuseConfig, getDefaultGlobalSearchConfig, defaultDatasetSortOptions, defaultDataserviceSortOptions, defaultReuseSortOptions } from './types/search'
+import { getDefaultDatasetConfig, getDefaultDataserviceConfig, getDefaultReuseConfig, getDefaultOrganizationConfig, getDefaultGlobalSearchConfig, defaultDatasetSortOptions, defaultDataserviceSortOptions, defaultReuseSortOptions, defaultOrganizationSortOptions } from './types/search'
 
 import ActivityList from './components/ActivityList/ActivityList.vue'
 import UserActivityList from './components/ActivityList/UserActivityList.vue'
@@ -49,12 +49,14 @@ import DatasetQuality from './components/DatasetQuality.vue'
 import DatasetQualityInline from './components/DatasetQualityInline.vue'
 import DatasetQualityItem from './components/DatasetQualityItem.vue'
 import DatasetQualityScore from './components/DatasetQualityScore.vue'
+import ProgressBar from './components/ProgressBar.vue'
 import DatasetQualityTooltipContent from './components/DatasetQualityTooltipContent.vue'
 import ExtraAccordion from './components/ExtraAccordion.vue'
 import LabelTag from './components/DatasetLabelTag.vue'
 import LoadingBlock from './components/LoadingBlock.vue'
 import MarkdownViewer from './components/MarkdownViewer.vue'
 import OrganizationCard from './components/OrganizationCard.vue'
+import OrganizationHorizontalCard from './components/OrganizationHorizontalCard.vue'
 import OrganizationLogo from './components/OrganizationLogo.vue'
 import OrganizationNameWithCertificate from './components/OrganizationNameWithCertificate.vue'
 import OwnerType from './components/OwnerType.vue'
@@ -101,6 +103,7 @@ export * from './composables/useActiveDescendant'
 export * from './composables/useMetrics'
 export * from './composables/useReuseType'
 export * from './composables/useTranslation'
+export * from './composables/useHasTabularData'
 
 export * from './functions/activities'
 export * from './functions/datasets'
@@ -221,10 +224,12 @@ export {
   getDefaultDatasetConfig,
   getDefaultDataserviceConfig,
   getDefaultReuseConfig,
+  getDefaultOrganizationConfig,
   getDefaultGlobalSearchConfig,
   defaultDatasetSortOptions,
   defaultDataserviceSortOptions,
   defaultReuseSortOptions,
+  defaultOrganizationSortOptions,
 }
 
 // Vue Plugin
@@ -273,6 +278,7 @@ export {
   Tag,
   MarkdownViewer,
   OrganizationCard,
+  OrganizationHorizontalCard,
   OrganizationLogo,
   OrganizationNameWithCertificate,
   OwnerType,
@@ -280,6 +286,7 @@ export {
   PaddedContainer,
   Pagination,
   Placeholder,
+  ProgressBar,
   PostCard,
   RadioGroup,
   RadioInput,

package/src/types/resources.ts

@@ -41,3 +41,13 @@ 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>
+}

package/src/types/search.ts

@@ -201,6 +201,7 @@ export type OrganizationSearchSort = 'reuses' | 'datasets' | 'followers' | 'view
 
 export type OrganizationSearchFilters = {
   badge?: OrganizationBadgeFilter
+  producer_type?: ProducerType
 }
 
 export type OrganizationSearchQueryParams = BaseSearchQueryParams<OrganizationSearchSort> & OrganizationSearchFilters
@@ -315,7 +316,16 @@ export type ReuseSearchConfig = {
   sortOptions?: SortOption<ReuseSearchSort>[]
 }
 
-export type SearchTypeConfig = DatasetSearchConfig | DataserviceSearchConfig | ReuseSearchConfig
+export type OrganizationSearchConfig = {
+  class: 'organizations'
+  name?: string
+  hiddenFilters?: HiddenFilter<OrganizationSearchFilters>[]
+  basicFilters?: (keyof OrganizationSearchFilters)[]
+  advancedFilters?: (keyof OrganizationSearchFilters)[]
+  sortOptions?: SortOption<OrganizationSearchSort>[]
+}
+
+export type SearchTypeConfig = DatasetSearchConfig | DataserviceSearchConfig | ReuseSearchConfig | OrganizationSearchConfig
 
 export type SearchType = SearchTypeConfig['class']
 
@@ -340,6 +350,13 @@ export const defaultReuseSortOptions: SortOption<ReuseSearchSort>[] = [
   { value: '-datasets', label: 'Nombre de jeux de données' },
 ]
 
+export const defaultOrganizationSortOptions: SortOption<OrganizationSearchSort>[] = [
+  { value: '-created', label: 'Date de création' },
+  { value: '-followers', label: `Nombre d'abonnés` },
+  { value: '-datasets', label: 'Nombre de jeux de données' },
+  { value: '-reuses', label: 'Nombre de réutilisations' },
+]
+
 export function getDefaultDatasetConfig(overrides?: Partial<Omit<DatasetSearchConfig, 'class'>>): DatasetSearchConfig {
   return {
     class: 'datasets',
@@ -370,10 +387,21 @@ export function getDefaultReuseConfig(overrides?: Partial<Omit<ReuseSearchConfig
   }
 }
 
+export function getDefaultOrganizationConfig(overrides?: Partial<Omit<OrganizationSearchConfig, 'class'>>): OrganizationSearchConfig {
+  return {
+    class: 'organizations',
+    basicFilters: ['producer_type'],
+    advancedFilters: [],
+    sortOptions: defaultOrganizationSortOptions,
+    ...overrides,
+  }
+}
+
 export function getDefaultGlobalSearchConfig(): GlobalSearchConfig {
   return [
     getDefaultDatasetConfig(),
     getDefaultDataserviceConfig(),
     getDefaultReuseConfig(),
+    getDefaultOrganizationConfig(),
   ]
 }

package/dist/PdfPreview.client-CopqSDyt.js

@@ -1,107 +0,0 @@
-import { defineComponent as B, defineAsyncComponent as q, ref as n, computed as w, onMounted as O, createElementBlock as p, openBlock as s, createBlock as d, createCommentVNode as L, createVNode as a, unref as o, toDisplayString as u, withCtx as f, createElementVNode as g } from "vue";
-import { u as S, a as $, g as N, _ as h, F as m } from "./main-CNHxAJ8J.js";
-const V = { class: "text-xs" }, A = { key: 0 }, H = {
-  key: 1,
-  class: "text-gray-medium"
-}, M = /* @__PURE__ */ B({
-  __name: "PdfPreview.client",
-  props: {
-    resource: {}
-  },
-  setup(x) {
-    const _ = q(
-      () => import("./pdf-vue3-IkJO65RH.js").then((e) => e.default)
-    ), c = x, F = S(), { t } = $(), r = n(!1), i = n(!1), l = n(null), P = n(!1), v = w(() => N(c.resource)), b = w(() => {
-      const e = v.value;
-      if (!e)
-        return !1;
-      const y = F.maxPdfPreviewByteSize ?? 1e7;
-      return e <= y;
-    }), D = async () => {
-      if (!b.value) {
-        P.value = !0;
-        return;
-      }
-      i.value = !0, l.value = null;
-      try {
-        const e = await fetch(c.resource.url, { method: "HEAD" });
-        if (!e.ok)
-          throw new Error(`HTTP error! status: ${e.status}`);
-        r.value = !0;
-      } catch (e) {
-        console.error("Error testing PDF URL:", e), e instanceof TypeError ? l.value = "network" : l.value = "generic", r.value = !1;
-      } finally {
-        i.value = !1;
-      }
-    }, k = (e) => {
-      console.log(`PDF loading progress: ${e}%`);
-    }, z = () => {
-      console.log("PDF download completed");
-    }, C = (e) => {
-      console.log(`PDF page changed to: ${e}`);
-    }, E = (e) => {
-      console.log("PDF initialized:", e);
-    }, T = (e) => {
-      console.error("PDF loading error:", e), e instanceof TypeError ? l.value = "network" : l.value = "generic", r.value = !1;
-    };
-    return O(() => {
-      D();
-    }), (e, y) => (s(), p("div", V, [
-      r.value ? (s(), p("div", A, [
-        a(o(_), {
-          src: c.resource.url,
-          "show-progress": !0,
-          "progress-color": "#0063cb",
-          "show-page-tooltip": !0,
-          "show-back-to-top-btn": !0,
-          "scroll-threshold": 300,
-          "pdf-width": "100%",
-          "row-gap": 12,
-          "use-system-fonts": !0,
-          "disable-range": !1,
-          "disable-stream": !1,
-          "disable-auto-fetch": !1,
-          class: "w-full",
-          onOnProgress: k,
-          onOnComplete: z,
-          onOnPageChange: C,
-          onOnPdfInit: E,
-          onOnError: T
-        }, null, 8, ["src"])
-      ])) : i.value ? (s(), p("div", H, u(o(t)("Chargement de l'aperçu PDF...")), 1)) : P.value ? (s(), d(h, {
-        key: 2,
-        type: "warning",
-        class: "flex items-center space-x-2"
-      }, {
-        default: f(() => [
-          a(o(m), { class: "flex-none size-6" }),
-          g("span", null, u(v.value ? o(t)("Fichier PDF trop volumineux pour l'aperçu. Pour consulter le fichier complet, téléchargez-le en cliquant sur le bouton bleu ou depuis l'onglet Téléchargements.") : o(t)("L'aperçu n'est pas disponible car la taille du fichier est inconnue. Pour consulter le fichier complet, téléchargez-le en cliquant sur le bouton bleu ou depuis l'onglet Téléchargements.")), 1)
-        ]),
-        _: 1
-      })) : l.value === "network" ? (s(), d(h, {
-        key: 3,
-        type: "warning",
-        class: "flex items-center space-x-2"
-      }, {
-        default: f(() => [
-          a(o(m), { class: "flex-none size-6" }),
-          g("span", null, u(o(t)("Ce fichier PDF ne peut pas être prévisualisé, peut-être parce qu'il est hébergé sur un autre site qui ne l'autorise pas. Pour le consulter, téléchargez-le en cliquant sur le bouton bleu ou depuis l'onglet Téléchargements.")), 1)
-        ]),
-        _: 1
-      })) : l.value ? (s(), d(h, {
-        key: 4,
-        type: "warning",
-        class: "flex items-center space-x-2"
-      }, {
-        default: f(() => [
-          a(o(m), { class: "flex-none size-6" }),
-          g("span", null, u(o(t)("Erreur lors du chargement de l'aperçu PDF. Pour consulter le fichier, téléchargez-le depuis l'onglet Téléchargements.")), 1)
-        ]),
-        _: 1
-      })) : L("", !0)
-    ]));
-  }
-});
-export {
-  M as default
-};

package/dist/Swagger.client-eJ7gpfZA.js

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