@asd20/ui-next 2.12.5 → 2.12.7

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # Changelog
 
+## [2.12.7](https://github.com/academydistrict20/asd20-ui-next/compare/ui-next-v2.12.6...ui-next-v2.12.7) (2026-06-15)
+
+
+### Bug Fixes
+
+* fix font size for bullets in page notifications; fix person list spacing when description is not present ([e92b5c5](https://github.com/academydistrict20/asd20-ui-next/commit/e92b5c525899d26f6fd97d3872f79f69e727fbe6))
+
+## [2.12.6](https://github.com/academydistrict20/asd20-ui-next/compare/ui-next-v2.12.5...ui-next-v2.12.6) (2026-06-02)
+
+
+### Bug Fixes
+
+* allow exact contact matches to rise above group results; fix notification bullet indent ([ab35494](https://github.com/academydistrict20/asd20-ui-next/commit/ab35494603e9b36d79565fe96bcf50c9771e1a5c))
+
 ## [2.12.5](https://github.com/academydistrict20/asd20-ui-next/compare/ui-next-v2.12.4...ui-next-v2.12.5) (2026-05-28)
 
 

package/package.json

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

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

@@ -185,8 +185,8 @@ export default {
     display: block;
     flex-direction: column;
     margin: 0.5rem 0;
-    padding-left: 0;
-    list-style-position: inside;
+    padding-left: 1.25rem !important;
+    list-style-position: outside !important;
     white-space: normal;
   }
 
@@ -197,6 +197,15 @@ export default {
     white-space: normal;
   }
 
+  .asd20-notification__description p,
+  .asd20-notification__description ul,
+  .asd20-notification__description ol,
+  .asd20-notification__description li,
+  .asd20-notification__description div,
+  .asd20-notification__description span {
+    font-size: inherit !important;
+  }
+
   &__dismiss {
     position: absolute !important;
     top: 0;

package/src/components/organisms/Asd20SiteSearch/index.vue

@@ -1006,7 +1006,19 @@ export default {
     },
 
     contactListItems() {
-      return [...this.peopleListItems, ...this.groupListItems]
+      return [...this.groupListItems, ...this.peopleListItems]
+        .map((item, index) => ({
+          item,
+          index,
+          exactMatch: this.isExactContactMatch(item),
+          typeRank: item.contactType === 'group' ? 0 : 1,
+        }))
+        .sort((a, b) => {
+          if (a.exactMatch !== b.exactMatch) return a.exactMatch ? -1 : 1
+          if (a.typeRank !== b.typeRank) return a.typeRank - b.typeRank
+          return a.index - b.index
+        })
+        .map(entry => entry.item)
     },
     feedbackFormUrlRaw() {
       if (this.aiSearchFeedbackFormUrl) return this.aiSearchFeedbackFormUrl
@@ -1441,6 +1453,32 @@ export default {
       return String(group.id || group.title || group.contactEmail || '').trim()
     },
 
+    normalizeContactMatchValue(value = '') {
+      return String(value || '')
+        .toLowerCase()
+        .replace(/[^a-z0-9\s]/g, ' ')
+        .replace(/\s+/g, ' ')
+        .trim()
+    },
+
+    getContactSearchText() {
+      return (
+        this.searchQuestion ||
+        this.keywords ||
+        this.inputText ||
+        ''
+      ).trim()
+    },
+
+    isExactContactMatch(item = {}) {
+      const searchText = this.normalizeContactMatchValue(
+        this.getContactSearchText()
+      )
+      const label = this.normalizeContactMatchValue(item.label)
+
+      return !!searchText && !!label && label === searchText
+    },
+
     hasGroupContactDetails(group = {}) {
       if (!group || typeof group !== 'object') return false
       const detailFields = [

package/src/helpers/mapPeopleToListItems.js

@@ -1,6 +1,24 @@
 export default function mapPeopleToListItems(people) {
   if (people) {
     return people.map(p => {
+      const jobTitles = Array.isArray(p.jobTitles)
+        ? p.jobTitles.filter(Boolean)
+        : p.jobTitles
+        ? [p.jobTitles]
+        : []
+      const formattedJobTitles = jobTitles.map(t =>
+        t.replace('Teacher: ', 'Teacher, ').replace(/.+: /g, '')
+      )
+      const location = p.office || p.organization || ''
+      const descriptionParts =
+        formattedJobTitles.length > 0
+          ? [
+              formattedJobTitles.join(', '),
+              location ? `<small>${location}</small>` : '',
+            ]
+          : [p.title || '', location ? `<small>${location}</small>` : '']
+      const description = descriptionParts.filter(Boolean).join('<br>')
+
       return {
         person: p,
         id: p.id || p.employeeId || p.profileId || p.userId,
@@ -11,34 +29,25 @@ export default function mapPeopleToListItems(people) {
           .split(' ')
           .map(n => n[0])
           .join(''),
-        description: p.jobTitles
-          ? `${p.jobTitles
-              .map(t =>
-                t.replace('Teacher: ', 'Teacher, ').replace(/.+: /g, '')
-              )
-              .join(', ')}<br><small>${p.office || p.organization}</small>`
-          : p.title,
+        description,
         badge: '',
         email: p.email,
         condensed: false,
         actionable: true,
         bordered: true,
         checked: false,
-        alignTop: true,
+        alignTop: !!description,
         tags: [],
         thumbnail: p.thumbnail || p.photoUrl,
         // description: `${p.biography.slice(0, 100)}...`,
         biography: p.biography,
-        office: p.office || p.organization,
+        office: location,
         workPhone: p.title === 'Teacher' ? '' : p.phone,
-        jobTitles: [p.jobTitles],
-        jobTypes: p.jobTitles
-          ? `${p.jobTitles
-              .map(t =>
-                t.replace('Teacher: ', 'Teacher, ').replace(/.+: /g, '')
-              )
-              .join(', ')}, ${p.office || p.organization}`
-          : p.title,
+        jobTitles: [jobTitles],
+        jobTypes:
+          formattedJobTitles.length > 0
+            ? [formattedJobTitles.join(', '), location].filter(Boolean).join(', ')
+            : p.title,
       }
     })
   }