@datagouv/components-next 1.0.2-dev.215 → 1.0.2-dev.217

package/dist/{vue3-xml-viewer.common-Cpgf1TpW.js → vue3-xml-viewer.common-BdDsD8kK.js}

@@ -1,4 +1,4 @@
-import { g as Ke } from "./main-DmYsCy8b.js";
+import { g as Ke } from "./main-hDFmYneb.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.2-dev.215",
+  "version": "1.0.2-dev.217",
   "private": false,
   "type": "module",
   "engines": {

package/src/components/DataserviceCard.vue

@@ -147,7 +147,8 @@ import TranslationT from './TranslationT.vue'
 type Props = {
   dataservice: Dataservice
   dataserviceUrl?: RouteLocationRaw
-  organizationUrl?: RouteLocationRaw
+  // undefined falls back to the organization's data.gouv.fr page; pass null to render plain, non-linked text
+  organizationUrl?: RouteLocationRaw | null
   showDescription?: boolean
   titleTag?: TitleTag
 }

package/src/components/DatasetCard.vue

@@ -150,7 +150,8 @@ type Props = {
   dataset: Dataset | DatasetV2
   datasetUrl?: RouteLocationRaw
   datasetUrlInNewTab?: boolean
-  organizationUrl?: RouteLocationRaw
+  // undefined falls back to the organization's data.gouv.fr page; pass null to render plain, non-linked text
+  organizationUrl?: RouteLocationRaw | null
   showDescriptionShort?: boolean
   titleTag?: TitleTag
 }

package/src/components/ObjectCardOwner.vue

@@ -4,6 +4,7 @@
     class="-mr-0.5 flex-initial truncate"
   >
     <AppLink
+      v-if="organizationUrl !== null"
       class="link text-sm overflow-hidden flex items-center relative z-[2] truncate"
       :to="organizationUrl || organization.page"
     >
@@ -12,6 +13,16 @@
         size="sm"
       />
     </AppLink>
+    <span
+      v-else
+      class="text-sm overflow-hidden flex items-center truncate"
+    >
+      <OrganizationNameWithCertificate
+        :organization
+        size="sm"
+        color-class="text-gray-title"
+      />
+    </span>
   </div>
   <div
     v-else-if="ownerName"
@@ -33,7 +44,8 @@ import OrganizationNameWithCertificate from './OrganizationNameWithCertificate.v
 const props = defineProps<{
   organization?: OrganizationReference | null
   owner?: UserReference | null
-  organizationUrl?: RouteLocationRaw
+  // undefined falls back to organization.page; pass null to render plain, non-linked text
+  organizationUrl?: RouteLocationRaw | null
 }>()
 
 const ownerName = computed(() => {

package/src/components/ResourceAccordion/ResourceAccordion.vue

@@ -47,7 +47,7 @@
           <CopyButton
             :label="t('Copier le lien')"
             :copied-label="t('Lien copié !')"
-            :text="resourceExternalUrl"
+            :text="externalUrl"
             class="z-2"
           />
         </div>
@@ -327,7 +327,7 @@ import { trackEvent } from '../../functions/matomo'
 import CopyButton from '../CopyButton.vue'
 import { useComponentsConfig } from '../../config'
 import { getOwnerName } from '../../functions/owned'
-import { getResourceFormatIcon, getResourceTitleId, detectOgcService, getResourceExternalUrl, getResourceFilesize, isImagePreviewFormat } from '../../functions/resources'
+import { getResourceFormatIcon, getResourceTitleId, detectOgcService, getResourceFilesize, isImagePreviewFormat, resolveResourceExternalUrl } from '../../functions/resources'
 import BrandedButton from '../BrandedButton.vue'
 import { useTranslation } from '../../composables/useTranslation'
 import { useHasTabularData } from '../../composables/useHasTabularData'
@@ -349,6 +349,8 @@ const props = withDefaults(defineProps<{
   isCommunityResource?: boolean
   resource: Resource | CommunityResource
   canEdit?: boolean
+  // Overrides the "Copier le lien" target.
+  resourceExternalUrl?: (resource: Resource | CommunityResource) => string
 }>(), {
   expandedOnMount: false,
   isCommunityResource: false,
@@ -468,7 +470,7 @@ const resourceFilesize = computed(() => getResourceFilesize(props.resource))
 const unavailable = availabilityChecked && props.resource.extras['check:available'] === false
 const downloadButtonTitle = unavailable ? t(`Le robot de {certifier} n'a pas pu accéder à ce fichier - Télécharger le fichier en {format}`, { certifier: config.name, format: format.value }) : t(`Télécharger le fichier en {format}`, { format: format.value })
 
-const resourceExternalUrl = computed(() => getResourceExternalUrl(props.dataset, props.resource))
+const externalUrl = computed(() => resolveResourceExternalUrl(props.dataset, props.resource, props.resourceExternalUrl))
 
 const resourceContentId = 'resource-' + props.resource.id
 const resourceHeaderId = 'resource-' + props.resource.id + '-header'

package/src/components/ResourceExplorer/ResourceExplorer.vue

@@ -49,6 +49,7 @@
             :resources="flatResources"
             :resource-to="resourceTo"
             :explore-to="exploreTo"
+            :resource-external-url="resourceExternalUrl"
             replace
             :fullscreen
           />
@@ -59,6 +60,7 @@
               :resources="flatResources"
               :resource-to="resourceTo"
               :explore-to="exploreTo"
+              :resource-external-url="resourceExternalUrl"
               replace
               :fullscreen
             />
@@ -122,6 +124,8 @@ const props = withDefaults(defineProps<{
   // Inline mode only: link builder for the "Explorer" button in the viewer header
   // that opens the fullscreen explorer on the current resource.
   exploreTo?: (resource: Resource) => string
+  // Overrides the "Copier le lien" target.
+  resourceExternalUrl?: (resource: Resource) => string
 }>(), {
   noResultsImage: '',
   fullscreen: false,

package/src/components/ResourceExplorer/ResourceExplorerViewer.vue

@@ -6,6 +6,7 @@
       :resources
       :resource-to
       :explore-to="exploreTo"
+      :resource-external-url="resourceExternalUrl"
       :replace
       :fullscreen
     />
@@ -217,6 +218,8 @@ const props = withDefaults(defineProps<{
   // When provided (inline mode), shows an "Explorer" button next to the download
   // action that opens the fullscreen explorer on the current resource.
   exploreTo?: (resource: Resource) => string
+  // Overrides the "Copier le lien" target.
+  resourceExternalUrl?: (resource: Resource) => string
   replace?: boolean
   // Fullscreen mode: make the viewer a flex column so the table fills down to the
   // bottom, and hide the inline download/visit/copy actions — they're shown in the

package/src/components/ResourceExplorer/ResourceViewerHeader.vue

@@ -53,7 +53,7 @@
       <CopyButton
         :label="t('Copier le lien')"
         :copied-label="t('Lien copié !')"
-        :text="resourceExternalUrl"
+        :text="externalUrl"
         icon-only
         class="hidden shrink-0 md:inline-flex"
       />
@@ -94,7 +94,7 @@ import ResourceMainAction from './ResourceMainAction.vue'
 import FormattedDate from '../FormattedDate.vue'
 import TranslationT from '../TranslationT.vue'
 import { filesize, summarize } from '../../functions/helpers'
-import { getResourceExternalUrl, getResourceFilesize } from '../../functions/resources'
+import { getResourceFilesize, resolveResourceExternalUrl } from '../../functions/resources'
 import { trackEvent } from '../../functions/matomo'
 import { useTranslation } from '../../composables/useTranslation'
 import type { RouteLocationRaw } from 'vue-router'
@@ -110,6 +110,8 @@ const props = defineProps<{
   resources?: Resource[]
   resourceTo?: (resource: Resource) => RouteLocationRaw
   exploreTo?: (resource: Resource) => string
+  // Overrides the "Copier le lien" target.
+  resourceExternalUrl?: (resource: Resource) => string
   replace?: boolean
   // Fullscreen mode hides the inline actions — they live in the dataset context bar above.
   fullscreen?: boolean
@@ -118,5 +120,5 @@ const props = defineProps<{
 const { t } = useTranslation()
 
 const resourceFilesize = computed(() => getResourceFilesize(props.resource))
-const resourceExternalUrl = computed(() => getResourceExternalUrl(props.dataset, props.resource))
+const externalUrl = computed(() => resolveResourceExternalUrl(props.dataset, props.resource, props.resourceExternalUrl))
 </script>

package/src/components/ResourceExplorer/ResourceViewerSkeleton.vue

@@ -9,6 +9,7 @@
       :resources
       :resource-to
       :explore-to="exploreTo"
+      :resource-external-url="resourceExternalUrl"
       :replace
       :fullscreen
     />
@@ -80,6 +81,7 @@ const props = defineProps<{
   resources?: Resource[]
   resourceTo?: (resource: Resource) => RouteLocationRaw
   exploreTo?: (resource: Resource) => string
+  resourceExternalUrl?: (resource: Resource) => string
   replace?: boolean
   fullscreen?: boolean
 }>()

package/src/components/ReuseCard.vue

@@ -100,8 +100,9 @@ const props = withDefaults(defineProps<{
   /**
   * The organizationUrl is an optional route location object to allow Vue Router to navigate to the details of the organization linked to tha reuse.
   * It is used as a separate prop to allow other sites using the package to define their own organization pages.
+  * Pass null instead of a route to render the organization name as plain, non-linked text.
   */
-  organizationUrl?: RouteLocationRaw
+  organizationUrl?: RouteLocationRaw | null
 
   titleTag?: TitleTag
 }>(), {

package/src/components/ReuseHorizontalCard.vue

@@ -73,7 +73,8 @@ import ObjectCardBadge from './ObjectCardBadge.vue'
 defineProps<{
   reuse: Reuse | ReuseV2
   reuseUrl?: RouteLocationRaw
-  organizationUrl?: RouteLocationRaw
+  // undefined falls back to the organization's data.gouv.fr page; pass null to render plain, non-linked text
+  organizationUrl?: RouteLocationRaw | null
 }>()
 
 const { t } = useTranslation()

package/src/components/TopicCard.vue

@@ -35,6 +35,7 @@
       <ObjectCardOwner
         :organization="topic.organization"
         :owner="topic.owner"
+        :organization-url="organizationUrl"
       />
       <RiSubtractLine
         v-if="(topic.organization || topic.owner) && topic.last_modified"
@@ -124,6 +125,7 @@ type TopicWithStats = TopicV2 & {
 withDefaults(defineProps<{
   topic: TopicWithStats
   topicUrl?: RouteLocationRaw
+  organizationUrl?: RouteLocationRaw | null
   showLogo?: boolean
   showStats?: boolean
 }>(), {

package/src/config.ts

@@ -1,8 +1,6 @@
 import { inject, type Component, type InjectionKey } from 'vue'
 import type { UseFetchFunction } from './functions/api.types'
 import type { $Fetch, FetchOptions } from 'ofetch'
-import type { Dataset, DatasetV2 } from './types/datasets'
-import type { CommunityResource, Resource } from './types/resources'
 
 export type PluginConfig = {
   name: string // Name of the application (ex: data.gouv.fr)
@@ -47,12 +45,6 @@ export type PluginConfig = {
   clientOnly?: Component | null
   searchDebounce?: number
   forumUrl?: string
-  /**
-   * Overrides the "Copier le lien" target built by `getResourceExternalUrl`.
-   * Must return an absolute URL: it is copied to the clipboard and used as an
-   * external, `_blank` link target.
-   */
-  getResourceExternalUrl?: (dataset: Dataset | DatasetV2 | Omit<Dataset, 'resources' | 'community_resources'>, resource: Resource | CommunityResource) => string
 }
 
 export const configKey = Symbol() as InjectionKey<PluginConfig>

package/src/functions/resources.ts

@@ -176,12 +176,17 @@ export function isCommunityResource(resource: Resource | CommunityResource): boo
 }
 
 export function getResourceExternalUrl(dataset: Dataset | DatasetV2 | Omit<Dataset, 'resources' | 'community_resources'>, resource: Resource | CommunityResource): string {
-  const config = useComponentsConfig()
-  if (config.getResourceExternalUrl) return config.getResourceExternalUrl(dataset, resource)
-
   return `${dataset.page}${isCommunityResource(resource) ? '/community-resources' : ''}?resource_id=${resource.id}`
 }
 
+export function resolveResourceExternalUrl<R extends Resource | CommunityResource>(
+  dataset: Dataset | DatasetV2 | Omit<Dataset, 'resources' | 'community_resources'>,
+  resource: R,
+  override?: (resource: R) => string,
+): string {
+  return override ? override(resource) : getResourceExternalUrl(dataset, resource)
+}
+
 export function getResourceFilesize(resource: Resource): null | number {
   if (resource.filesize) return resource.filesize
   if ('analysis:content-length' in resource.extras) return resource.extras['analysis:content-length'] as number