packages/piveau-hub-ui-modules/lib/datasetDetails/distributions/DistributionFormat.vue

@@ -5,7 +5,7 @@
          :data-toggle="distributionFormatTruncated(distribution) ? 'tooltip' : false"
          :data-placement="distributionFormatTruncated(distribution) ? 'top' : false"
          :title="distributionFormatTruncated(distribution) ? getDistributionFormat(distribution) : false">
-      <span :style="{ fontSize: embed ? '0.75rem' : '' }">{{ truncate(getDistributionFormat(distribution), 6, true) }}</span>
+      <span :style="{ fontSize: embed ? '0.75rem' : '' }">{{ getDisplayString }}</span>
     </div>
   </div>
 </template>
@@ -22,6 +22,13 @@ export default {
   ],
   methods: {
     truncate
+  },
+  computed: {
+    getDisplayString() {
+      const format = this.getDistributionFormat(this.distribution);
+      const string = truncate(format, 6, true)
+      return format === "UNKNOWN" ? "" : string;
+    }
   }
 }
 </script>

packages/piveau-hub-ui-modules/lib/datasetDetails/distributions/distributionDetails/DistributionDescription.vue

@@ -2,18 +2,18 @@
   <span class="mt-2 ml-2 d-block">
     <small v-if="distributionDescriptionIsExpanded(distribution.id)">
       <p class="text-muted">
-        {{ getDistributionDescription(distribution) }}
+        {{ sanitizedDescription }}
         <span class="text-primary details-link pl-2" @click="toggleDistributionDescription(distribution.id)">
           {{ $t('message.metadata.readLess') }}
         </span>
       </p>
     </small>
-    <small v-else-if="!distributionDescriptionIsExpandable(getDistributionDescription(distribution))">
-      <p class="text-muted">{{ getDistributionDescription(distribution) }}</p>
+    <small v-else-if="!distributionDescriptionIsExpandable(sanitizedDescription)">
+      <p class="text-muted">{{ sanitizedDescription }}</p>
     </small>
     <small v-else>
       <p class="text-muted">
-        {{ truncate(getDistributionDescription(distribution), distributions.descriptionMaxChars) }}
+        {{ truncate(sanitizedDescription, distributions.descriptionMaxChars) }}
         <span class="text-primary details-link pl-2" @click="toggleDistributionDescription(distribution.id)">
           {{ $t('message.metadata.readMore') }}
         </span>
@@ -36,6 +36,10 @@ export default {
     'distributionDescriptionIsExpandable'
   ],
   computed: {
+    sanitizedDescription() {
+      const description = this.getDistributionDescription(this.distribution)
+      return description ? description.replace(/<[^>]+>/g, '') : '';
+    },
     resolvedDistributionDescription() {
       const noDescriptionKey = 'message.catalogsAndDatasets.noDescriptionAvailable'
       const noDescriptionAvailable = this.$te(noDescriptionKey)

packages/piveau-hub-ui-modules/package.json

 {
   "name": "@piveau/piveau-hub-ui-modules",
   "private": false,
-  "version": "4.6.32",
+  "version": "4.6.33",
   "license": "Apache-2.0",
   "type": "module",
   "exports": {