@asd20/ui-next 2.34.3 → 2.34.4

package/CHANGELOG.md

@@ -1,5 +1,12 @@
 # Changelog
 
+## [2.34.4](https://github.com/academydistrict20/asd20-ui-next/compare/ui-next-v2.34.3...ui-next-v2.34.4) (2026-11-02)
+
+
+### Bug Fixes
+
+* edits to related page links in search results ([01e82a9](https://github.com/academydistrict20/asd20-ui-next/commit/01e82a98caef6c5ca809714a67c59e944682fd16))
+
 ## [2.34.3](https://github.com/academydistrict20/asd20-ui-next/compare/ui-next-v2.34.2...ui-next-v2.34.3) (2026-11-02)
 
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@asd20/ui-next",
-  "version": "2.34.3",
+  "version": "2.34.4",
   "private": false,
   "description": "ASD20 UI component library for Vue 3.",
   "license": "MIT",

package/src/components/molecules/Asd20MatchingSearchLinks/index.vue

@@ -5,9 +5,6 @@
     aria-label="Matching links on this page"
     @click.stop
   >
-    <p class="asd20-matching-search-links__heading">
-      {{ links.length === 1 ? 'Matching link' : 'Matching links' }}
-    </p>
     <ul>
       <li
         v-for="link in visibleLinks"
@@ -19,11 +16,7 @@
           :rel="link.newWindow ? 'noopener noreferrer' : undefined"
           @click="$emit('navigate', $event)"
         >
-          <component
-            :is="part.matched ? 'mark' : 'span'"
-            v-for="(part, index) in highlight(link.title)"
-            :key="index"
-          >{{ part.text }}</component>
+          {{ link.title }}
           <span
             v-if="link.external"
             class="asd20-matching-search-links__external"
@@ -34,16 +27,7 @@
           v-if="link.description"
           class="asd20-matching-search-links__description"
         >
-          <component
-            :is="part.matched ? 'mark' : 'span'"
-            v-for="(part, index) in highlight(link.description)"
-            :key="index"
-          >
-            {{ part.text }}
-          </component>
-        </p>
-        <p class="asd20-matching-search-links__destination">
-          {{ link.destination }}
+          {{ link.description }}
         </p>
       </li>
     </ul>
@@ -68,31 +52,6 @@ import {
   shouldShowExternalIcon,
 } from '../../../helpers/linkPolicy'
 
-const STOP_WORDS = new Set([
-  'a',
-  'an',
-  'and',
-  'are',
-  'as',
-  'at',
-  'be',
-  'by',
-  'can',
-  'do',
-  'for',
-  'how',
-  'i',
-  'in',
-  'is',
-  'it',
-  'of',
-  'on',
-  'or',
-  'the',
-  'to',
-  'with',
-])
-
 export default {
   name: 'Asd20MatchingSearchLinks',
   props: {
@@ -119,9 +78,6 @@ export default {
             const url = new URL(link.url)
             if (url.username || url.password || seen.has(url.href)) return []
             seen.add(url.href)
-            const form = ['forms.cloud.microsoft', 'forms.office.com'].includes(
-              url.hostname
-            )
             const pageHost = this.pageUrl
               ? new URL(this.pageUrl, 'https://www.asd20.org').hostname
               : ''
@@ -131,9 +87,6 @@ export default {
                 url: url.href,
                 description:
                   typeof link.description === 'string' ? link.description : '',
-                destination: form
-                  ? 'Form · Microsoft Forms'
-                  : url.hostname.replace(/^www\./, ''),
                 external: shouldShowExternalIcon(url.href, pageHost),
                 newWindow: shouldOpenInNewWindow(url.href),
               },
@@ -156,25 +109,6 @@ export default {
       this.expanded = false
     },
   },
-  methods: {
-    highlight(text) {
-      const tokens = [
-        ...new Set(
-          this.keywords
-            .toLowerCase()
-            .split(/[^a-z0-9]+/)
-            .filter(token => token && !STOP_WORDS.has(token))
-        ),
-      ].slice(0, 8)
-      if (!tokens.length) return [{ text, matched: false }]
-      const pattern = tokens
-        .map(token => `\\b${token}${token.length >= 4 ? '[a-z0-9]*' : ''}\\b`)
-        .join('|')
-      return text
-        .split(new RegExp(`(${pattern})`, 'gi'))
-        .map((part, index) => ({ text: part, matched: index % 2 === 1 }))
-    },
-  },
 }
 </script>
 
@@ -185,11 +119,6 @@ export default {
   min-width: 0;
   overflow-wrap: anywhere;
 }
-.asd20-matching-search-links__heading {
-  margin: 0 0 0.5rem;
-  font-size: 0.875rem;
-  font-weight: 600;
-}
 ul {
   list-style: none;
   padding: 0;
@@ -205,7 +134,7 @@ li + li {
 a {
   color: var(--color__primary);
   font-weight: 600;
-  text-underline-offset: 0.15em;
+  text-decoration: none;
 }
 a:focus-visible,
 button:focus-visible {
@@ -216,18 +145,9 @@ button:focus-visible {
   margin: 0.25rem 0;
   font-size: 0.9375rem;
 }
-.asd20-matching-search-links__destination {
-  margin: 0.25rem 0 0;
-  font-size: 0.8125rem;
-}
 .asd20-matching-search-links__external {
   margin-inline-start: 0.25rem;
 }
-mark {
-  background: transparent;
-  color: inherit;
-  font-weight: 700;
-}
 button {
   margin-top: 0.75rem;
   padding: 0.25rem 0;