@datagouv/components-next 0.0.31 → 0.1.0

package/src/main.ts

@@ -1,7 +1,8 @@
 import type { App, Plugin } from 'vue'
-import { createI18n, useI18n } from 'vue-i18n'
+import type { Activity, ActivityKey } from './types/activity.js'
+import type { PaginatedArray } from './types/api.js'
 import type { ContactPoint, ContactPointRole } from './types/contact_point.js'
-import type { Badge, Badges } from './types/badges'
+import type { Badge, Badges, TranslatedBadge } from './types/badges'
 import type { Dataset, DatasetV2, DatasetV2WithFullObject, NewDataset, Quality, Rel } from './types/datasets'
 import type { NewDataservice, Dataservice, DataserviceAccessAudience, DataserviceAccessAudienceCondition, DataserviceAccessAudienceType } from './types/dataservices'
 import type { Frequency, Frequencies } from './types/frequency'
@@ -11,12 +12,14 @@ import type { License } from './types/licenses'
 import type { Member, MemberRole, NewOrganization, Organization } from './types/organizations'
 import type { Owned, OwnedWithId } from './types/owned'
 import type { NewReuse, Reuse, ReuseTopic, ReuseType } from './types/reuses'
-import type { TopicV2 } from './types/topics'
+import type { TopicV2, TopicElement, TopicElementClass, TopicElementRel } from './types/topics'
 import type { CommunityResource, FileResourceFileType, RemoteResourceFileType, ResourceFileType, ResourceType, Resource } from './types/resources'
 import type { Site } from './types/site'
 import type { Weight, WellType } from './types/ui'
 import type { User } from './types/users'
 
+import ActivityList from './components/ActivityList/ActivityList.vue'
+import UserActivityList from './components/ActivityList/UserActivityList.vue'
 import AnimatedLoader from './components/AnimatedLoader.vue'
 import AppLink from './components/AppLink.vue'
 import Avatar from './components/Avatar.vue'
@@ -33,10 +36,13 @@ import DatasetQualityInline from './components/DatasetQualityInline.vue'
 import DatasetQualityItem from './components/DatasetQualityItem.vue'
 import DatasetQualityScore from './components/DatasetQualityScore.vue'
 import DatasetQualityTooltipContent from './components/DatasetQualityTooltipContent.vue'
+import ExtraAccordion from './components/ExtraAccordion.vue'
+import LabelTag from './components/DatasetLabelTag.vue'
 import OrganizationCard from './components/OrganizationCard.vue'
 import OrganizationNameWithCertificate from './components/OrganizationNameWithCertificate.vue'
 import OwnerType from './components/OwnerType.vue'
 import OwnerTypeIcon from './components/OwnerTypeIcon.vue'
+import PaddedContainer from './components/PaddedContainer.vue'
 import Pagination from './components/Pagination.vue'
 import Placeholder from './components/Placeholder.vue'
 import ReadMore from './components/ReadMore.vue'
@@ -44,29 +50,43 @@ import ResourceAccordion from './components/ResourceAccordion/ResourceAccordion.
 import ResourceIcon from './components/ResourceAccordion/ResourceIcon.vue'
 import Swagger from './components/ResourceAccordion/Swagger.client.vue'
 import ReuseCard from './components/ReuseCard.vue'
+import ReuseDetails from './components/ReuseDetails.vue'
 import SimpleBanner from './components/SimpleBanner.vue'
 import StatBox from './components/StatBox.vue'
+import Tab from './components/Tabs/Tab.vue'
+import TabGroup from './components/Tabs/TabGroup.vue'
+import TabList from './components/Tabs/TabList.vue'
+import TabPanel from './components/Tabs/TabPanel.vue'
+import TabPanels from './components/Tabs/TabPanels.vue'
 import Tooltip from './components/Tooltip.vue'
 import Toggletip from './components/Toggletip.vue'
+import TranslationT from './components/TranslationT.vue'
 import type { UseFetchFunction } from './functions/api.types'
 import { configKey, useComponentsConfig, type PluginConfig } from './config.js'
 
+export * from './composables/useActiveDescendant'
 export * from './composables/useReuseType'
+export * from './composables/useTranslation'
 
-export * from './functions/dates'
-export * from './functions/organizations'
-export * from './functions/resources'
-export * from './functions/users'
+export * from './functions/activities'
 export * from './functions/datasets'
-export * from './functions/owned'
+export * from './functions/dates'
 export * from './functions/helpers'
+export * from './functions/markdown'
 export * from './functions/matomo'
 export * from './functions/never'
+export * from './functions/organizations'
+export * from './functions/owned'
+export * from './functions/pagination'
+export * from './functions/resources'
+export * from './functions/reuses'
 export * from './functions/schemas'
-export * from './functions/markdown'
+export * from './functions/users'
 
 export type {
   UseFetchFunction,
+  Activity,
+  ActivityKey,
   Badge,
   Badges,
   CommunityResource,
@@ -95,6 +115,7 @@ export type {
   Organization,
   Owned,
   OwnedWithId,
+  PaginatedArray,
   Quality,
   Rel,
   RemoteResourceFileType,
@@ -106,7 +127,11 @@ export type {
   ReuseType,
   Site,
   SpatialZone,
+  TranslatedBadge,
   TopicV2,
+  TopicElement,
+  TopicElementClass,
+  TopicElementRel,
   User,
   Weight,
   WellType,
@@ -120,29 +145,13 @@ const datagouv: Plugin<PluginConfig> = {
       const textClamp = await import('vue3-text-clamp')
       options.textClamp = textClamp.default
     }
-    try {
-      // There is no condition to check if vue-i18n is instancied, only an error...
-      useI18n()
-    }
-    catch {
-      const i18n = createI18n({
-        legacy: false,
-        globalInjection: true,
-        locale: 'fr',
-        messages: {},
-        formatFallbackMessages: true,
-        missingWarn: false,
-        fallbackFormat: true,
-        fallbackWarn: false,
-      })
-      app.use(i18n)
-    }
   },
 }
 
 export {
   datagouv,
   useComponentsConfig,
+  ActivityList,
   AnimatedLoader,
   AppLink,
   Avatar,
@@ -159,19 +168,30 @@ export {
   DatasetQualityScore,
   DatasetQualityTooltipContent,
   DateRangeDetails,
+  ExtraAccordion,
+  LabelTag,
   OrganizationCard,
   OrganizationNameWithCertificate,
   OwnerType,
   OwnerTypeIcon,
+  PaddedContainer,
   Pagination,
   Placeholder,
   ReadMore,
   ResourceAccordion,
   ResourceIcon,
   ReuseCard,
+  ReuseDetails,
   SimpleBanner,
   StatBox,
   Swagger,
+  Tab,
+  TabGroup,
+  TabList,
+  TabPanel,
+  TabPanels,
   Tooltip,
   Toggletip,
+  TranslationT,
+  UserActivityList,
 }

package/src/types/activity.ts

@@ -0,0 +1,24 @@
+import type { Organization } from './organizations'
+import type { User } from './users'
+
+export type ActivityKey = 'dataset:created' | 'dataset:updated' | 'dataset:deleted' | 'dataset:discussed' | 'dataset:followed'
+  | 'dataset:resource:added' | 'dataset:resource:updated' | 'dataset:resource:deleted'
+  | 'dataservice:created' | 'dataservice:updated' | 'dataservice:deleted' | 'dataservice:discussed' | 'dataservice:followed'
+  | 'organization:created' | 'organization:updated' | 'organization:followed'
+  | 'reuse:created' | 'reuse:updated' | 'reuse:deleted' | 'reuse:discussed' | 'reuse:followed'
+  | 'user:followed' | 'topic:created' | 'topic:updated'
+
+export type Activity = {
+  actor: User
+  organization: Organization | null
+  related_to: string
+  related_to_id: string
+  related_to_kind: string
+  related_to_url: string
+  created_at: string
+  label: string
+  key: ActivityKey
+  icon: string
+  extras: Record<string, unknown>
+  changes?: Array<string>
+}

package/src/types/api.ts

@@ -0,0 +1,8 @@
+export type PaginatedArray<T> = {
+  data: Array<T>
+  next_page: string | null
+  page: number
+  page_size: number
+  previous_page: string | null
+  total: number
+}

package/src/types/badges.ts

@@ -2,4 +2,8 @@ export type Badge = {
   kind: string
 }
 
+export type TranslatedBadge = Badge & {
+  label: string
+}
+
 export type Badges = Array<Badge>

package/src/types/dataservices.ts

@@ -43,14 +43,12 @@ export type Dataservice = Owned & {
   base_api_url: string | null
   contact_points: Array<ContactPoint>
   created_at: string
-  datasets: Array<{
-    class: string
-    id: string
-    acronym: string
-    page: string
-    title: string
-    uri: string
-  }>
+  datasets: {
+    href: string
+    rel: 'subsection'
+    total: number
+    type: 'GET'
+  }
   deleted_at: string | null
   description: string
   featured: boolean

package/src/types/datasets.ts

@@ -27,6 +27,7 @@ export type BaseDataset = Owned & {
   acronym: string
   archived: boolean
   description: string
+  description_short: string
   tags: Array<string> | null
   license: string
   frequency: string
@@ -69,6 +70,7 @@ export type Dataset = BaseDataset & {
   slug: string
   quality: Quality
   metrics: {
+    dataservices: number
     discussions: number
     discussions_open: number
     followers: number
@@ -87,7 +89,7 @@ export type DatasetV2 = Owned & Omit<Dataset, 'resources' | 'community_resources
   community_resources: Rel
 }
 
-export type DatasetV2WithFullObject = Omit<DatasetV2, 'license' | 'frequency' | 'spatial'> & {
+export type DatasetV2WithFullObject = Owned & Omit<DatasetV2, 'license' | 'frequency' | 'spatial'> & {
   license: License
   frequency: Frequency
   spatial: {

package/src/types/site.ts

@@ -4,6 +4,7 @@ export type Site = {
   datasets_page: string | null
   reuses_page: string | null
   dataservices_page: string | null
+  version: string
   metrics: {
     'dataservices': number
     'datasets': number

package/src/types/topics.ts

@@ -1,14 +1,29 @@
 import type { Rel } from './datasets'
 import type { Owned } from './owned'
 
+export type TopicElementClass = 'Dataset' | 'Reuse'
+
+export type TopicElementRel = {
+  id: string
+  class: TopicElementClass
+}
+
+export type TopicElement = {
+  id: string
+  title?: string
+  description?: string
+  tags: Array<string>
+  extras: Record<string, unknown>
+  element: TopicElementRel
+}
+
 export type TopicV2 = Owned & {
   id: string
   name: string
   slug: string
   description: string
   tags: Array<string>
-  datasets: Rel
-  reuses: Rel
+  elements: Rel
   featured: boolean
   private: boolean
   created_at: string

package/dist/JsonPreview.client-B5cv59th.js

@@ -1,93 +0,0 @@
-import { defineComponent as b, defineAsyncComponent as C, ref as o, computed as x, onMounted as S, createElementBlock as p, openBlock as n, createBlock as f, createCommentVNode as N, createVNode as a, unref as u, toDisplayString as i, withCtx as d, createElementVNode as h } from "vue";
-import { d as P, a as m, F as v } from "./main-Qu3kUOIH.js";
-const T = { class: "fr-text--xs" }, $ = { key: 0 }, E = {
-  key: 1,
-  class: "text-gray-medium"
-}, O = /* @__PURE__ */ b({
-  __name: "JsonPreview.client",
-  props: {
-    resource: {}
-  },
-  setup(k) {
-    const z = C(
-      () => import("./vue3-json-viewer-B1fiyuLU.js").then((e) => (Promise.resolve({                     }), e.JsonViewer))
-    ), s = k, g = P(), l = o(null), c = o(!1), r = o(null), y = o(!1), w = x(() => {
-      var t;
-      if (s.resource.filesize)
-        return s.resource.filesize;
-      const e = (t = s.resource.extras) == null ? void 0 : t["analysis:content-length"];
-      return e && typeof e == "number" ? e : null;
-    }), J = x(() => {
-      const e = w.value;
-      if (!e || !g.maxJsonPreviewCharSize)
-        return !1;
-      const t = g.maxJsonPreviewCharSize;
-      return e <= t;
-    }), _ = async () => {
-      if (!J.value) {
-        y.value = !0;
-        return;
-      }
-      c.value = !0, r.value = null;
-      try {
-        const e = await fetch(s.resource.url);
-        if (!e.ok)
-          throw new Error(`HTTP error! status: ${e.status}`);
-        const t = await e.json();
-        l.value = t;
-      } catch (e) {
-        console.error("Error loading JSON:", e), e instanceof TypeError ? r.value = "network" : r.value = "generic", l.value = null;
-      } finally {
-        c.value = !1;
-      }
-    };
-    return S(() => {
-      _();
-    }), (e, t) => (n(), p("div", T, [
-      l.value ? (n(), p("div", $, [
-        a(u(z), {
-          value: l.value,
-          boxed: "",
-          sort: "",
-          theme: "light",
-          "max-depth": 3,
-          "expand-depth": 2,
-          "indent-width": 2
-        }, null, 8, ["value"])
-      ])) : c.value ? (n(), p("div", E, i(e.$t("Chargement de l'aperçu JSON...")), 1)) : y.value ? (n(), f(m, {
-        key: 2,
-        type: "warning",
-        class: "flex items-center space-x-2"
-      }, {
-        default: d(() => [
-          a(u(v), { class: "shink-0 size-6" }),
-          h("span", null, i(w.value ? e.$t("Fichier JSON 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.") : e.$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
-      })) : r.value === "network" ? (n(), f(m, {
-        key: 3,
-        type: "warning",
-        class: "flex items-center space-x-2"
-      }, {
-        default: d(() => [
-          a(u(v), { class: "shink-0 size-6" }),
-          h("span", null, i(e.$t("Ce fichier JSON 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
-      })) : r.value ? (n(), f(m, {
-        key: 4,
-        type: "warning",
-        class: "flex items-center space-x-2"
-      }, {
-        default: d(() => [
-          a(u(v), { class: "shink-0 size-6" }),
-          h("span", null, i(e.$t("Erreur lors du chargement de l'aperçu JSON.")), 1)
-        ]),
-        _: 1
-      })) : N("", !0)
-    ]));
-  }
-});
-export {
-  O as default
-};

package/dist/Swagger.client-BisHyZkP.js

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

package/dist/XmlPreview.client-BSjMew4d.js

@@ -1,85 +0,0 @@
-import { defineComponent as C, defineAsyncComponent as b, ref as a, computed as w, onMounted as L, createElementBlock as p, openBlock as r, createBlock as f, createCommentVNode as P, createVNode as o, unref as u, toDisplayString as i, withCtx as m, createElementVNode as h } from "vue";
-import { d as T, a as d, F as v } from "./main-Qu3kUOIH.js";
-const $ = { class: "fr-text--xs" }, E = { key: 0 }, M = {
-  key: 1,
-  class: "text-gray-medium"
-}, S = /* @__PURE__ */ C({
-  __name: "XmlPreview.client",
-  props: {
-    resource: {}
-  },
-  setup(k) {
-    const z = b(
-      () => import("./vue3-xml-viewer.common-NQY1dx9T.js").then((e) => e.v).then((e) => e.default || e.XmlViewer)
-    ), n = k, g = T(), s = a(null), c = a(!1), l = a(null), y = a(!1), x = w(() => {
-      var t;
-      if (n.resource.filesize)
-        return n.resource.filesize;
-      const e = (t = n.resource.extras) == null ? void 0 : t["analysis:content-length"];
-      return e && typeof e == "number" ? e : null;
-    }), X = w(() => {
-      const e = x.value;
-      if (!e || !g.maxXmlPreviewCharSize)
-        return !1;
-      const t = g.maxXmlPreviewCharSize;
-      return e <= t;
-    }), _ = async () => {
-      if (!X.value) {
-        y.value = !0;
-        return;
-      }
-      c.value = !0, l.value = null;
-      try {
-        const e = await fetch(n.resource.url);
-        if (!e.ok)
-          throw new Error(`HTTP error! status: ${e.status}`);
-        const t = await e.text();
-        s.value = t;
-      } catch (e) {
-        console.error("Error loading XML:", e), e instanceof TypeError ? l.value = "network" : l.value = "generic", s.value = null;
-      } finally {
-        c.value = !1;
-      }
-    };
-    return L(() => {
-      _();
-    }), (e, t) => (r(), p("div", $, [
-      s.value ? (r(), p("div", E, [
-        o(u(z), { xml: s.value }, null, 8, ["xml"])
-      ])) : c.value ? (r(), p("div", M, i(e.$t("Chargement de l'aperçu XML...")), 1)) : y.value ? (r(), f(d, {
-        key: 2,
-        type: "warning",
-        class: "flex items-center space-x-2"
-      }, {
-        default: m(() => [
-          o(u(v), { class: "shink-0 size-6" }),
-          h("span", null, i(x.value ? e.$t("Fichier XML 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.") : e.$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" ? (r(), f(d, {
-        key: 3,
-        type: "warning",
-        class: "flex items-center space-x-2"
-      }, {
-        default: m(() => [
-          o(u(v), { class: "shink-0 size-6" }),
-          h("span", null, i(e.$t("Ce fichier XML 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 ? (r(), f(d, {
-        key: 4,
-        type: "warning",
-        class: "flex items-center space-x-2"
-      }, {
-        default: m(() => [
-          o(u(v), { class: "shink-0 size-6" }),
-          h("span", null, i(e.$t("Erreur lors du chargement de l'aperçu XML.")), 1)
-        ]),
-        _: 1
-      })) : P("", !0)
-    ]));
-  }
-});
-export {
-  S as default
-};