@asd20/ui-next 2.0.22 → 2.0.24

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # Changelog
 
+## [2.0.24](https://github.com/academydistrict20/asd20-ui-next/compare/ui-next-v2.0.23...ui-next-v2.0.24) (2026-04-03)
+
+
+### Bug Fixes
+
+* prevent double activation of multi select on mouse click ([0e8dfbd](https://github.com/academydistrict20/asd20-ui-next/commit/0e8dfbdd6ac6c20181065c47324f7e624d9f49e6))
+
+## [2.0.23](https://github.com/academydistrict20/asd20-ui-next/compare/ui-next-v2.0.22...ui-next-v2.0.23) (2026-04-03)
+
+
+### Bug Fixes
+
+* ensure search result urls are accurate ([0684303](https://github.com/academydistrict20/asd20-ui-next/commit/06843037c47bdb7b7ee4adee215c118695a1e2dc))
+
 ## [2.0.22](https://github.com/academydistrict20/asd20-ui-next/compare/ui-next-v2.0.21...ui-next-v2.0.22) (2026-04-02)
 
 ## [2.0.21](https://github.com/academydistrict20/asd20-ui-next/compare/ui-next-v2.0.20...ui-next-v2.0.21) (2026-04-02)

package/package.json

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

package/src/components/atoms/Asd20MultiselectInput/index.vue

@@ -75,6 +75,22 @@ function normalizeItem(item, itemLabel, itemValue) {
   return normalized
 }
 
+function getItemKey(item, itemLabel, itemValue) {
+  const normalized = normalizeItem(item, itemLabel, itemValue)
+  return normalized[itemValue] ?? normalized[itemLabel]
+}
+
+function sameItemKey(left, right) {
+  return (
+    left === right ||
+    (left !== undefined &&
+      left !== null &&
+      right !== undefined &&
+      right !== null &&
+      String(left) === String(right))
+  )
+}
+
 const MULTISELECT_OMITTED_INPUT_ATTRS = [
   'autocomplete',
   'disabled',
@@ -101,9 +117,7 @@ export default {
   computed: {
     multiselectValue() {
       if (Array.isArray(this.resolvedValue)) {
-        return this.resolvedValue.map(item =>
-          normalizeItem(item, this.itemLabel, this.itemValue)
-        )
+        return this.resolvedValue.map(item => this.resolveSelectedItem(item))
       }
 
       if (
@@ -114,7 +128,7 @@ export default {
         return []
       }
 
-      return [normalizeItem(this.resolvedValue, this.itemLabel, this.itemValue)]
+      return [this.resolveSelectedItem(this.resolvedValue)]
     },
     multiselectItems() {
       const seen = new Set()
@@ -156,9 +170,21 @@ export default {
     emitValue(value) {
       this.$emit('update:modelValue', value)
     },
-    getItemKey(item) {
+    resolveSelectedItem(item) {
       const normalized = normalizeItem(item, this.itemLabel, this.itemValue)
-      return normalized[this.itemValue] ?? normalized[this.itemLabel]
+      const itemKey = getItemKey(normalized, this.itemLabel, this.itemValue)
+
+      return (
+        this.computedItems.find(candidate =>
+          sameItemKey(
+            getItemKey(candidate, this.itemLabel, this.itemValue),
+            itemKey
+          )
+        ) || normalized
+      )
+    },
+    getItemKey(item) {
+      return getItemKey(item, this.itemLabel, this.itemValue)
     },
     addTag(newTag) {
       const normalizedTag = normalizeItem(newTag, this.itemLabel, this.itemValue)

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

@@ -1790,46 +1790,7 @@ export default {
 
     appendSearchContextToUrl(rawUrl) {
       if (!rawUrl || typeof rawUrl !== 'string') return rawUrl
-      if (typeof window === 'undefined' || !window.location) return rawUrl
-
-      const searchState = this.getCurrentSearchStateForRoute()
-      if (!searchState) return rawUrl
-      if (/^(mailto:|tel:|javascript:|#)/i.test(rawUrl)) return rawUrl
-
-      try {
-        const parsed = new URL(rawUrl, window.location.origin)
-        const currentHost = window.location.hostname || ''
-        const targetHost = parsed.hostname || ''
-        const sameOrigin = parsed.origin === window.location.origin
-        const currentIsLocal = this.isLocalDevelopmentHost(currentHost)
-        const currentIsAsd20 =
-          currentHost === 'asd20.org' || currentHost.endsWith('.asd20.org')
-        const targetIsAsd20 =
-          targetHost === 'asd20.org' || targetHost.endsWith('.asd20.org')
-        const sameAsd20Domain = currentIsAsd20 && targetIsAsd20
-        const mapAsd20ToLocal = currentIsLocal && targetIsAsd20
-        if (!sameOrigin && !sameAsd20Domain && !mapAsd20ToLocal) return rawUrl
-
-        const resolved = mapAsd20ToLocal
-          ? new URL(
-              `${parsed.pathname}${parsed.search}${parsed.hash}`,
-              window.location.origin
-            )
-          : parsed
-
-        const queryValues = this.buildRouteSearchQueryValues(searchState)
-        Object.keys(queryValues).forEach(key => {
-          resolved.searchParams.set(key, queryValues[key])
-        })
-
-        if (mapAsd20ToLocal) {
-          return `${resolved.pathname}${resolved.search}${resolved.hash}`
-        }
-        if (/^https?:\/\//i.test(rawUrl)) return resolved.toString()
-        return `${resolved.pathname}${resolved.search}${resolved.hash}`
-      } catch (error) {
-        return rawUrl
-      }
+      return rawUrl
     },
 
     async restoreSearchStateFromRoute() {

package/src/components/utils/Multiselect.vue

@@ -27,7 +27,7 @@
             class="multiselect__tag-icon"
             :aria-label="`Remove ${getOptionLabel(option)}`"
             @mousedown.prevent.stop="removeOption(option)"
-            @click.prevent.stop="removeOption(option)"
+            @click.prevent.stop="handleRemoveClick($event, option)"
           />
         </span>
       </div>
@@ -82,7 +82,6 @@
             role="option"
             :aria-selected="isSelected(option) ? 'true' : 'false'"
             @mousedown.prevent="toggleOption(option)"
-            @click.prevent="toggleOption(option)"
           >
             <div class="option__desc">
               <span
@@ -102,7 +101,6 @@
             role="option"
             :aria-selected="'false'"
             @mousedown.prevent="createTag"
-            @click.prevent="createTag"
           >
             <div class="option__desc">
               <span class="option__title">
@@ -384,6 +382,11 @@ export default {
       )
       this.open()
     },
+    handleRemoveClick(event, option) {
+      // Buttons need click handling for keyboard and assistive-tech activation.
+      if (event.detail !== 0) return
+      this.removeOption(option)
+    },
     moveActive(step) {
       if (!this.isOpen) {
         this.open()