@kiva/kv-components 6.46.0 → 6.47.1

package/dist/utils/siteSearch.js

@@ -1,112 +0,0 @@
-import { ref as s, computed as f, watch as b } from "vue";
-import { gql as q } from "@apollo/client/core";
-import { useEventListener as g } from "./event.js";
-import x from "./markMatches.js";
-import { hasExcludedQueryParams as I } from "./loanSearch/queryParamUtils.js";
-import G from "./searchEngine.js";
-import { groupBy as U } from "./arrayUtils.js";
-const d = {}, S = [
-  "Gender",
-  "Regions",
-  "Countries and Territories",
-  "United States",
-  "U.S. cities",
-  "Sectors",
-  "Group or Individual",
-  "Attributes",
-  "User tags",
-  "Partners",
-  "Gifts"
-];
-function O() {
-  const i = s(null), o = s(""), v = s(""), t = s(-1), c = s([]), m = new G(), l = f(() => {
-    const e = U(c.value, "group");
-    return Object.keys(e).map((r) => {
-      const a = e[r].slice(0, 5).map((n) => ({
-        ...n,
-        html: x(n.label, n.matches)
-      }));
-      return { name: r, suggestions: a };
-    }).sort((r, a) => {
-      const n = S.indexOf(r.name), u = S.indexOf(a.name);
-      return n === -1 && u === -1 ? r.name.localeCompare(a.name) : n === -1 ? 1 : u === -1 ? -1 : n - u;
-    });
-  }), p = f(() => l.value.reduce((e, r) => e + r.suggestions.length, 0)), w = (e) => {
-    e.query({
-      query: q`
-				query LoanSearchSuggestions {
-					lend {
-						loanSearchSuggestions {
-							group
-							label
-							query
-						}
-					}
-				}
-			`
-    }).then(({ data: r }) => {
-      r && r.lend && m.reset([
-        ...r.lend.loanSearchSuggestions,
-        {
-          group: "Gifts",
-          label: "Kiva Cards",
-          keywords: ["gift card", "kiva card", "gift", "gift certificate"],
-          url: "https://www.kiva.org/gifts/kiva-cards"
-        },
-        {
-          group: "Gifts",
-          label: "Kiva Store",
-          keywords: ["gift card", "kiva card", "gift", "gift certificate"],
-          url: "https://store.kiva.org"
-        }
-      ]);
-    });
-  }, h = f(() => {
-    if (t.value === -1)
-      return {};
-    let e = t.value, r = 0;
-    for (; e >= l.value[r].suggestions.length; )
-      e -= l.value[r].suggestions.length, r += 1;
-    return l.value[r].suggestions[e];
-  });
-  return b(h, (e) => {
-    v.value = (e == null ? void 0 : e.label) ?? o.value;
-  }), g(i, "input", (e) => {
-    e.target.value !== o.value && (o.value = e.target.value, t.value = -1, o.value.length > 0 ? m.search(o.value).then((r) => {
-      c.value = r;
-    }) : c.value = []);
-  }), g(i, "keydown", (e) => {
-    e.key === "ArrowUp" ? (e.preventDefault(), t.value === -1 && (t.value = p.value), t.value -= 1) : e.key === "ArrowDown" && (e.preventDefault(), t.value += 1, t.value === p.value && (t.value = -1));
-  }), g(i, "blur", () => {
-    t.value = -1;
-  }), {
-    searchInput: i,
-    displayTerm: v,
-    suggestionSections: l,
-    highlightedSuggestion: h,
-    getSuggestions: w,
-    runSearch: (e) => {
-      const r = typeof e == "object";
-      if (r && e.url)
-        window.location.href = e.url;
-      else {
-        let a;
-        if (r && e.query) {
-          const [y, k] = e.query.split("=");
-          a = { [y]: k };
-        } else
-          a = { queryString: e };
-        let n = "/lend/filter";
-        I(a) && (n = "/lend");
-        const u = new URLSearchParams(a).toString();
-        window.location.href = `${window.location.origin}${n}?${u}`;
-      }
-    }
-  };
-}
-function K(i = "default") {
-  return d[i] || (d[i] = O()), d[i];
-}
-export {
-  K as useSiteSearch
-};

package/dist/vue/KvWwwHeader/KvHeaderSearchBar.js

@@ -1,72 +0,0 @@
-import { ref as f, resolveComponent as u, resolveDirective as h, openBlock as c, createElementBlock as w, withDirectives as d, createElementVNode as p, withKeys as v, vModelText as y, createVNode as x, normalizeClass as _, createTextVNode as S } from "vue";
-import { useSiteSearch as g } from "../../utils/siteSearch.js";
-import { mdiMagnify as k } from "@mdi/js";
-import b from "../KvMaterialIcon.js";
-import T from "../../_virtual/_plugin-vue_export-helper.js";
-const V = {
-  components: {
-    KvMaterialIcon: b
-  },
-  emits: [
-    "close-search"
-  ],
-  setup(m, { emit: t }) {
-    const {
-      searchInput: n,
-      displayTerm: e,
-      runSearch: i,
-      getSuggestions: a
-    } = g(), o = f(!1);
-    return {
-      mdiMagnify: k,
-      closeSearch: () => {
-        o.value = !1, t("close-search");
-      },
-      displayTerm: e,
-      onOpen: () => {
-        var s;
-        o.value = !0, (s = n.value) == null || s.focus();
-      },
-      searchInput: n,
-      searchExitVisible: o,
-      runSearch: i,
-      getSuggestions: a
-    };
-  }
-}, E = { class: "tw-inline-flex tw-pl-1.5 md:tw-pl-0 tw-w-full" }, C = { class: "tw-flex-none tw-order-first tw-inline-flex tw-items-center tw-my-1.5 tw-p-0.5 tw-rounded-l tw-bg-tertiary peer-placeholder-shown:tw-bg-secondary tw-transition-colors tw-duration-100" };
-function K(m, t, n, e, i, a) {
-  const o = u("kv-material-icon"), l = h("kv-track-event");
-  return c(), w("div", E, [
-    d(p("input", {
-      ref: "searchInput",
-      "onUpdate:modelValue": t[0] || (t[0] = (r) => e.displayTerm = r),
-      type: "text",
-      placeholder: "Search",
-      class: "tw-peer tw-flex-1 tw-min-w-0 tw-my-1.5 tw-px-1 tw-rounded-r tw-bg-tertiary placeholder-shown:tw-bg-secondary focus:tw-outline-none placeholder:tw-text-gray-300 placeholder:tw-font-medium tw-transition-colors tw-duration-100",
-      onKeydown: t[1] || (t[1] = v((r) => e.runSearch(e.displayTerm), ["enter"]))
-    }, null, 544), [
-      [y, e.displayTerm]
-    ]),
-    p("div", C, [
-      x(o, {
-        class: "tw-w-3 tw-h-3",
-        icon: e.mdiMagnify
-      }, null, 8, ["icon"])
-    ]),
-    d((c(), w("button", {
-      class: _(["tw-px-2.5 tw-transition-opacity", {
-        "tw-opacity-full tw-duration-300": e.searchExitVisible,
-        "tw-opacity-0 tw-duration-100": !e.searchExitVisible
-      }]),
-      onClick: t[2] || (t[2] = (...r) => e.closeSearch && e.closeSearch(...r))
-    }, t[3] || (t[3] = [
-      S(" Cancel ")
-    ]), 2)), [
-      [l, ["TopNav", "click-cancel-search"]]
-    ])
-  ]);
-}
-const O = /* @__PURE__ */ T(V, [["render", K]]);
-export {
-  O as default
-};

package/dist/vue/KvWwwHeader/KvHeaderSearchSuggestions.css

@@ -1 +0,0 @@
-.search-results[data-v-f3f87a06]{top:3.75rem}

package/dist/vue/KvWwwHeader/KvHeaderSearchSuggestions.js

@@ -1,57 +0,0 @@
-import { useSiteSearch as h } from "../../utils/siteSearch.js";
-import { withDirectives as u, openBlock as t, createElementBlock as e, createElementVNode as i, Fragment as d, renderList as c, toDisplayString as w, normalizeClass as m, withModifiers as p, vShow as _ } from "vue";
-import "./KvHeaderSearchSuggestions.css";
-import g from "../../_virtual/_plugin-vue_export-helper.js";
-const f = {
-  setup() {
-    const {
-      suggestionSections: a,
-      highlightedSuggestion: r,
-      runSearch: l
-    } = h();
-    return {
-      suggestionSections: a,
-      highlightedSuggestion: r,
-      runSearch: l
-    };
-  }
-}, S = { class: "search-results tw-absolute tw-bg-primary tw-border tw-border-tertiary tw-p-2.5 tw-w-full tw-z-popover" }, v = {
-  style: {
-    "max-width": "600px"
-  },
-  class: "tw-mx-auto"
-}, y = ["data-testid"], b = { class: "tw-text-base tw-py-0.5" }, x = ["onClick"], k = ["innerHTML"];
-function M(a, r, l, o, C, H) {
-  return u((t(), e("div", S, [
-    i("ol", v, [
-      (t(!0), e(d, null, c(o.suggestionSections, (s) => (t(), e("li", {
-        key: s.name,
-        "data-testid": `header-search-results-${s.name}`
-      }, [
-        i("h2", b, w(s.name), 1),
-        i("ol", null, [
-          (t(!0), e(d, null, c(s.suggestions, (n) => (t(), e("li", {
-            key: n.label,
-            "data-testid": "header-search-result-item",
-            class: m(["tw-pl-1.5 tw-py-0.5 tw-rounded-sm tw-font-medium tw-cursor-pointer hover:tw-bg-tertiary hover:tw-underline", {
-              "tw-bg-tertiary tw-underline": o.highlightedSuggestion === n
-            }]),
-            onMousedown: r[0] || (r[0] = p(() => {
-            }, ["prevent"])),
-            onClick: (L) => o.runSearch(n)
-          }, [
-            i("span", {
-              innerHTML: n.html
-            }, null, 8, k)
-          ], 42, x))), 128))
-        ])
-      ], 8, y))), 128))
-    ])
-  ], 512)), [
-    [_, o.suggestionSections.length]
-  ]);
-}
-const T = /* @__PURE__ */ g(f, [["render", M], ["__scopeId", "data-v-f3f87a06"]]);
-export {
-  T as default
-};