@kiva/kv-components 9.0.3 → 9.1.1

package/dist/vue/KvWwwHeaderBasic/MobileLendMenu/SearchPanel.js

@@ -1,17 +1,18 @@
-import s from "./SearchPanel2.js";
-import { resolveComponent as t, openBlock as i, createBlock as m } from "vue";
-import p from "../../../_virtual/_plugin-vue_export-helper.js";
-function c(o, e, r, u, g, l) {
-  const n = t("search-bar");
-  return i(), m(n, {
-    "search-suggestions": r.searchSuggestions,
-    "app-origin": r.appOrigin,
+import n from "./SearchPanel2.js";
+import { resolveComponent as t, openBlock as i, createBlock as c } from "vue";
+import m from "../../../_virtual/_plugin-vue_export-helper.js";
+function p(r, e, o, u, l, d) {
+  const s = t("search-bar");
+  return i(), c(s, {
+    "search-suggestions": o.searchSuggestions,
+    "app-origin": o.appOrigin,
+    "input-id": "kv-www-header-basic-search-mobile",
     "is-mobile": "",
-    onLoadSearchData: e[0] || (e[0] = (a) => o.$emit("load-search-data")),
-    onSearchSubmit: e[1] || (e[1] = (a) => o.$emit("search-submit", a))
+    onLoadSearchData: e[0] || (e[0] = (a) => r.$emit("load-search-data")),
+    onSearchSubmit: e[1] || (e[1] = (a) => r.$emit("search-submit", a))
   }, null, 8, ["search-suggestions", "app-origin"]);
 }
-const b = /* @__PURE__ */ p(s, [["render", c]]);
+const b = /* @__PURE__ */ m(n, [["render", p]]);
 export {
   b as default
 };

package/dist/vue/KvWwwHeaderBasic/MobileLendMenu/SearchPanel.vue.d.ts

@@ -38,9 +38,12 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             type: BooleanConstructor;
             default: boolean;
         };
+        inputId: {
+            type: StringConstructor;
+            default: string;
+        };
     }>, {
         mdiMagnify: string;
-        inputId: string;
         term: any;
         displayTerm: import('vue').ComputedRef<any>;
         groupedResults: any;
@@ -67,6 +70,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             type: BooleanConstructor;
             default: boolean;
         };
+        inputId: {
+            type: StringConstructor;
+            default: string;
+        };
     }>> & Readonly<{
         "onLoad-search-data"?: (...args: any[]) => any;
         "onSearch-submit"?: (...args: any[]) => any;
@@ -74,6 +81,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         isMobile: boolean;
         searchSuggestions: SearchSuggestion[];
         appOrigin: string;
+        inputId: string;
     }, {}, {
         KvTextInput: any;
     }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;

package/dist/vue/KvWwwHeaderBasic/SearchBar.js

@@ -1,8 +1,8 @@
 import b from "./SearchBar2.js";
-import { resolveComponent as f, openBlock as r, createElementBlock as n, withModifiers as l, createElementVNode as o, createVNode as v, withKeys as d, withDirectives as y, normalizeClass as u, Fragment as w, renderList as c, toDisplayString as _, vShow as S } from "vue";
+import { resolveComponent as f, openBlock as r, createElementBlock as n, withModifiers as l, createElementVNode as o, createVNode as v, withKeys as s, withDirectives as y, normalizeClass as w, Fragment as c, renderList as m, toDisplayString as _, vShow as S } from "vue";
 import x from "../../_virtual/_plugin-vue_export-helper.js";
 const g = ["for"], k = ["data-testid"], B = { class: "tw-text-base tw-py-0.5" }, M = ["data-testid", "onClick"], I = ["innerHTML"];
-function C(F, a, m, t, D, K) {
+function C(F, a, d, t, D, K) {
   const p = f("kv-text-input");
   return r(), n("form", {
     class: "tw-relative",
@@ -10,11 +10,11 @@ function C(F, a, m, t, D, K) {
     onSubmit: a[1] || (a[1] = l((...e) => t.onSubmit && t.onSubmit(...e), ["prevent"]))
   }, [
     o("label", {
-      for: t.inputId,
+      for: d.inputId,
       class: "tw-sr-only"
     }, "Search all loans", 8, g),
     v(p, {
-      id: t.inputId,
+      id: d.inputId,
       type: "search",
       name: "queryString",
       "data-testid": "header-basic-search-input",
@@ -27,28 +27,28 @@ function C(F, a, m, t, D, K) {
       onFocus: t.onFocus,
       onBlur: t.onBlur,
       onKeydown: [
-        d(l(t.listUp, ["prevent"]), ["up"]),
-        d(l(t.listDown, ["prevent"]), ["down"]),
-        d(l(t.onSubmit, ["prevent"]), ["enter"])
+        s(l(t.listUp, ["prevent"]), ["up"]),
+        s(l(t.listDown, ["prevent"]), ["down"]),
+        s(l(t.onSubmit, ["prevent"]), ["enter"])
       ]
     }, null, 8, ["id", "icon", "model-value", "onInput", "onFocus", "onBlur", "onKeydown"]),
     y(o("ol", {
-      class: u(["tw-w-full tw-bg-primary tw-p-2.5 tw-border tw-border-tertiary tw-overflow-auto", m.isMobile ? "tw-mt-2" : "tw-absolute tw-z-popover tw-inset-x-0 md:tw-rounded-b"])
+      class: w(["tw-w-full tw-bg-primary tw-p-2.5 tw-border tw-border-tertiary tw-overflow-auto", d.isMobile ? "tw-mt-2" : "tw-absolute tw-z-popover tw-inset-x-0 md:tw-rounded-b"])
     }, [
-      (r(!0), n(w, null, c(t.groupedResults, (e) => (r(), n("li", {
+      (r(!0), n(c, null, m(t.groupedResults, (e) => (r(), n("li", {
         key: e.group,
         "data-testid": `header-basic-search-results-${e.group}`
       }, [
         o("h2", B, _(e.group), 1),
         o("ol", null, [
-          (r(!0), n(w, null, c(e.items, (i, h) => {
-            var s;
+          (r(!0), n(c, null, m(e.items, (i, h) => {
+            var u;
             return r(), n("li", {
               key: i.label
             }, [
               o("button", {
                 type: "button",
-                class: u(["tw-w-full tw-text-left tw-pl-1.5 tw-py-0.5 tw-rounded-xs tw-font-medium tw-cursor-pointer hover:tw-bg-secondary hover:tw-underline", { "tw-bg-secondary tw-underline": i.label === ((s = t.highlighted) == null ? void 0 : s.label) }]),
+                class: w(["tw-w-full tw-text-left tw-pl-1.5 tw-py-0.5 tw-rounded-xs tw-font-medium tw-cursor-pointer hover:tw-bg-secondary hover:tw-underline", { "tw-bg-secondary tw-underline": i.label === ((u = t.highlighted) == null ? void 0 : u.label) }]),
                 "data-testid": `header-basic-search-result-item-${e.group}-${h}`,
                 onMousedown: a[0] || (a[0] = l(() => {
                 }, ["prevent"])),

package/dist/vue/KvWwwHeaderBasic/SearchBar.vue.d.ts

@@ -12,9 +12,12 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         type: BooleanConstructor;
         default: boolean;
     };
+    inputId: {
+        type: StringConstructor;
+        default: string;
+    };
 }>, {
     mdiMagnify: string;
-    inputId: string;
     term: any;
     displayTerm: import('vue').ComputedRef<any>;
     groupedResults: any;
@@ -41,6 +44,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         type: BooleanConstructor;
         default: boolean;
     };
+    inputId: {
+        type: StringConstructor;
+        default: string;
+    };
 }>> & Readonly<{
     "onLoad-search-data"?: (...args: any[]) => any;
     "onSearch-submit"?: (...args: any[]) => any;
@@ -48,6 +55,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     isMobile: boolean;
     searchSuggestions: SearchSuggestion[];
     appOrigin: string;
+    inputId: string;
 }, {}, {
     KvTextInput: any;
 }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;

package/dist/vue/KvWwwHeaderBasic/SearchBar2.js

@@ -1,11 +1,11 @@
-import { inject as B, ref as m, toRef as p, computed as s } from "vue";
-import { mdiMagnify as E } from "@mdi/js";
-import F from "../KvTextInput.js";
-import O from "../../utils/markMatches.js";
-import { useTypeaheadSearch as _ } from "../../utils/useTypeaheadSearch.js";
-const K = {
+import { inject as x, ref as m, toRef as p, computed as s } from "vue";
+import { mdiMagnify as B } from "@mdi/js";
+import E from "../KvTextInput.js";
+import F from "../../utils/markMatches.js";
+import { useTypeaheadSearch as O } from "../../utils/useTypeaheadSearch.js";
+const D = {
   name: "SearchBar",
-  components: { KvTextInput: F },
+  components: { KvTextInput: E },
   props: {
     searchSuggestions: {
       type: Array,
@@ -18,67 +18,73 @@ const K = {
     isMobile: {
       type: Boolean,
       default: !1
+    },
+    /**
+     * Id for the search input and its label's `for` attribute. Must be unique per instance.
+     */
+    inputId: {
+      type: String,
+      default: "kv-www-header-basic-search"
     }
   },
   emits: ["load-search-data", "search-submit"],
-  setup(r, { emit: i }) {
-    const f = B("$kvTrackEvent", () => {
-    }), d = "kv-www-header-basic-search", n = m(!1), v = m(!1), {
+  setup(c, { emit: i }) {
+    const f = x("$kvTrackEvent", () => {
+    }), l = m(!1), v = m(!1), {
       term: t,
-      groupedResults: o,
+      groupedResults: n,
       activeIndex: a,
-      resolveSubmit: g
-    } = _(p(r, "searchSuggestions"), p(r, "appOrigin")), l = s(() => o.value.flatMap((e) => e.items)), u = s(() => a.value > -1 ? l.value[a.value] : void 0), b = s(() => {
+      resolveSubmit: d
+    } = O(p(c, "searchSuggestions"), p(c, "appOrigin")), o = s(() => n.value.flatMap((e) => e.items)), u = s(() => a.value > -1 ? o.value[a.value] : void 0), g = s(() => {
       var e;
       return ((e = u.value) == null ? void 0 : e.label) ?? t.value;
-    }), y = s(() => o.value.length > 0 && n.value);
-    function S(e) {
+    }), y = s(() => n.value.length > 0 && l.value);
+    function b(e) {
       t.value = e;
     }
-    function k() {
-      n.value = !0, v.value || (i("load-search-data"), v.value = !0), f("search", "focus");
+    function S() {
+      l.value = !0, v.value || (i("load-search-data"), v.value = !0), f("search", "focus");
     }
-    function w() {
-      n.value = !1, a.value = -1;
+    function k() {
+      l.value = !1, a.value = -1;
     }
-    function c(e) {
-      const h = g(e);
+    function r(e) {
+      const h = d(e);
       f("search", "click", h.suggestion ? "type-ahead-search" : "custom-search-option"), i("search-submit", h);
     }
-    function I(e) {
-      c(e);
+    function w(e) {
+      r(e);
+    }
+    function I() {
+      u.value ? r(u.value) : r(t.value);
     }
     function R() {
-      u.value ? c(u.value) : c(t.value);
+      a.value += 1, a.value >= o.value.length && (a.value = -1);
     }
     function T() {
-      a.value += 1, a.value >= l.value.length && (a.value = -1);
-    }
-    function M() {
-      a.value === -1 && (a.value = l.value.length), a.value -= 1;
+      a.value === -1 && (a.value = o.value.length), a.value -= 1;
     }
-    function x(e) {
-      return O(e.label, e.matches);
+    function M(e) {
+      return F(e.label, e.matches);
     }
     return {
-      mdiMagnify: E,
-      inputId: d,
+      mdiMagnify: B,
       term: t,
-      displayTerm: b,
-      groupedResults: o,
+      displayTerm: g,
+      groupedResults: n,
       highlighted: u,
       showResults: y,
-      onInput: S,
-      onFocus: k,
-      onBlur: w,
-      onSubmit: R,
-      runSearch: I,
-      listUp: M,
-      listDown: T,
-      formatResult: x
+      onInput: b,
+      onFocus: S,
+      onBlur: k,
+      onSubmit: I,
+      runSearch: w,
+      listUp: T,
+      listDown: R,
+      formatResult: M
     };
   }
 };
 export {
-  K as default
+  D as default
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kiva/kv-components",
-  "version": "9.0.3",
+  "version": "9.1.1",
   "type": "module",
   "publishConfig": {
     "access": "public"
@@ -44,10 +44,9 @@
     "@storybook/vue3-vite": "^10.1.10",
     "@testing-library/dom": "^8.1.0",
     "@testing-library/jest-dom": "^5.16.2",
-    "@testing-library/user-event": "^13.2.1",
+    "@testing-library/user-event": "^14.6.7",
     "@testing-library/vue": "^8.1.0",
     "@types/leaflet": "^1.9.21",
-    "@vue/reactivity": "3.2.37",
     "@vue/vue3-jest": "^29.2.6",
     "@vueuse/integrations": "^14.1.0",
     "aria-hidden": "^1.2.4",
@@ -113,5 +112,5 @@
   "dependencies": {
     "fuse.js": "^7.1.0"
   },
-  "gitHead": "34383a223296d1dd68ac2bdb3828ee89a2d7b23d"
+  "gitHead": "b8e2d2c7bb4a12f0151226fea982f696ab77856b"
 }