@owp/core 2.5.20 → 2.5.22

package/dist/components/OwpQuerySelector/OwpQuerySelector.js

@@ -1,273 +1,286 @@
-var Qt = Object.defineProperty;
-var s = (t, n) => Qt(t, "name", { value: n, configurable: !0 });
-import { jsx as wt } from "../../node_modules/.pnpm/@emotion_react@11.14.0_@types_react@19.2.14_react@19.2.4/node_modules/@emotion/react/jsx-runtime/dist/emotion-react-jsx-runtime.browser.esm.js";
-import { OwpSelectorBase as ht } from "../OwpSelectorBase/OwpSelectorBase.js";
-import { splitSelectorValue as P, mergeSelectorOptions as Et } from "../OwpSelectorBase/utils/querySelectorUtils.js";
-import { STORAGE_ACCESS_TOKEN_KEY as Lt } from "../../constants/localStorageKeys.js";
-import { useOwpAppContext as Ct } from "../../contexts/OwpAppProvider.js";
-import { useGetCurrentUser as It } from "../../hooks/useCurrentUser.js";
-import { createJsonString as Bt } from "../../utils/createJsonString.js";
-import { getApiLanguageCode as Nt } from "../../utils/language.js";
-import { useQuery as y } from "@tanstack/react-query";
-import { clsx as st } from "../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.js";
-import { useState as B, useMemo as N, useEffect as j } from "react";
-import { isArray as it } from "../../node_modules/.pnpm/es-toolkit@1.39.10/node_modules/es-toolkit/dist/compat/predicate/isArray.js";
-import { isPlainObject as jt } from "../../node_modules/.pnpm/es-toolkit@1.39.10/node_modules/es-toolkit/dist/compat/predicate/isPlainObject.js";
-import { isFunction as at } from "../../node_modules/.pnpm/es-toolkit@1.39.10/node_modules/es-toolkit/dist/compat/predicate/isFunction.js";
-const $t = "resultData", v = /* @__PURE__ */ s((t) => typeof t == "string" || typeof t == "number" ? `${t}` : "", "getQuerySelectorOptionLabelText"), Tt = /* @__PURE__ */ s((t) => ({
-  jsondata: Bt(t)
-}), "defaultBuildRequestQuery"), ct = /* @__PURE__ */ s((t, n) => n != null && n.length ? [...t, n] : t, "appendQuerySelectorQueryKeyDeps"), G = /* @__PURE__ */ s((t) => {
+var Ct = Object.defineProperty;
+var c = (t, o) => Ct(t, "name", { value: o, configurable: !0 });
+import { jsx as Ot } from "../../node_modules/.pnpm/@emotion_react@11.14.0_@types_react@19.2.14_react@19.2.4/node_modules/@emotion/react/jsx-runtime/dist/emotion-react-jsx-runtime.browser.esm.js";
+import { OwpSelectorBase as Bt } from "../OwpSelectorBase/OwpSelectorBase.js";
+import { splitSelectorValue as y, mergeSelectorOptions as It } from "../OwpSelectorBase/utils/querySelectorUtils.js";
+import { STORAGE_ACCESS_TOKEN_KEY as Nt } from "../../constants/localStorageKeys.js";
+import { useOwpAppContext as jt } from "../../contexts/OwpAppProvider.js";
+import { useGetCurrentUser as $t } from "../../hooks/useCurrentUser.js";
+import { createJsonString as Tt } from "../../utils/createJsonString.js";
+import { getApiLanguageCode as Mt } from "../../utils/language.js";
+import { useQuery as Y } from "@tanstack/react-query";
+import { clsx as ct } from "../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.js";
+import { useState as V, useMemo as N, useEffect as j } from "react";
+import { isArray as at } from "../../node_modules/.pnpm/es-toolkit@1.39.10/node_modules/es-toolkit/dist/compat/predicate/isArray.js";
+import { isPlainObject as Vt } from "../../node_modules/.pnpm/es-toolkit@1.39.10/node_modules/es-toolkit/dist/compat/predicate/isPlainObject.js";
+import { isFunction as it } from "../../node_modules/.pnpm/es-toolkit@1.39.10/node_modules/es-toolkit/dist/compat/predicate/isFunction.js";
+const _t = "resultData", v = /* @__PURE__ */ c((t) => typeof t == "string" || typeof t == "number" ? `${t}` : "", "getQuerySelectorOptionLabelText"), Rt = /* @__PURE__ */ c((t) => ({
+  jsondata: Tt(t)
+}), "defaultBuildRequestQuery"), ut = /* @__PURE__ */ c((t, o) => o != null && o.length ? [...t, o] : t, "appendQuerySelectorQueryKeyDeps"), H = /* @__PURE__ */ c((t) => {
   if (t instanceof Date)
     return t.toJSON();
   if (typeof t == "bigint")
     return t.toString();
-  if (it(t))
-    return t.map((n) => G(n));
-  if (jt(t))
-    return Object.keys(t).sort().reduce((n, c) => {
-      const g = G(t[c]);
-      return g === void 0 || (n[c] = g), n;
+  if (at(t))
+    return t.map((o) => H(o));
+  if (Vt(t))
+    return Object.keys(t).sort().reduce((o, a) => {
+      const m = H(t[a]);
+      return m === void 0 || (o[a] = m), o;
     }, {});
-  if (!(at(t) || typeof t == "symbol"))
+  if (!(it(t) || typeof t == "symbol"))
     return t;
-}, "normalizeQuerySelectorKeyValue"), Vt = /* @__PURE__ */ s((t) => JSON.stringify(G(t)), "createQuerySelectorScopeKey"), Mt = /* @__PURE__ */ s((t, n, c, g) => {
-  const C = new URL(t.endsWith("/") ? t : `${t}/`), f = new URL(n.startsWith("/") ? n.slice(1) : n, C);
-  return Object.entries(c).forEach(([l, u]) => {
-    u != null && f.searchParams.set(l, typeof u == "string" ? u : JSON.stringify(u));
-  }), g && f.searchParams.set("TOKEN", g), f.searchParams.set("i18nextLng", Nt()), f.toString();
-}, "createQuerySelectorRequestUrl"), _t = /* @__PURE__ */ s((t, n) => {
+}, "normalizeQuerySelectorKeyValue"), Jt = /* @__PURE__ */ c((t) => JSON.stringify(H(t)), "createQuerySelectorScopeKey"), zt = /* @__PURE__ */ c((t, o, a, m) => {
+  const Q = new URL(t.endsWith("/") ? t : `${t}/`), n = new URL(o.startsWith("/") ? o.slice(1) : o, Q);
+  return Object.entries(a).forEach(([d, l]) => {
+    l != null && n.searchParams.set(d, typeof l == "string" ? l : JSON.stringify(l));
+  }), m && n.searchParams.set("TOKEN", m), n.searchParams.set("i18nextLng", Mt()), n.toString();
+}, "createQuerySelectorRequestUrl"), kt = /* @__PURE__ */ c((t, o) => {
   if (!t || typeof t != "object")
     return [];
-  const c = t[n];
-  return it(c) ? c : [];
-}, "getQuerySelectorResponseList"), Rt = /* @__PURE__ */ s((t, n, c) => `${(c ? c(t) : `${(t == null ? void 0 : t[n ?? ""]) ?? ""}`) ?? ""}`.trim(), "resolveQuerySelectorValue"), Jt = /* @__PURE__ */ s((t, n, c) => `${(c ? c(t) : `${(t == null ? void 0 : t[n ?? ""]) ?? ""}`) ?? ""}`.trim(), "resolveQuerySelectorLabel"), zt = /* @__PURE__ */ s((t, n, c, g, C) => t.map((f) => {
-  const l = Rt(f, n, g);
-  return l ? {
-    label: Jt(f, c, C),
-    raw: f,
-    value: l
+  const a = t[o];
+  return at(a) ? a : [];
+}, "getQuerySelectorResponseList"), Gt = /* @__PURE__ */ c((t, o, a) => `${(a ? a(t) : `${(t == null ? void 0 : t[o ?? ""]) ?? ""}`) ?? ""}`.trim(), "resolveQuerySelectorValue"), Wt = /* @__PURE__ */ c((t, o, a) => `${(a ? a(t) : `${(t == null ? void 0 : t[o ?? ""]) ?? ""}`) ?? ""}`.trim(), "resolveQuerySelectorLabel"), Yt = /* @__PURE__ */ c((t, o, a, m, Q) => t.map((n) => {
+  const d = Gt(n, o, m);
+  return d ? {
+    label: Wt(n, a, Q),
+    raw: n,
+    value: d
   } : null;
-}).filter((f) => f != null), "mapQuerySelectorOptions"), Pt = /* @__PURE__ */ s(({
+}).filter((n) => n != null), "mapQuerySelectorOptions"), tn = /* @__PURE__ */ c(({
   apiUrl: t,
-  asyncSearch: n,
-  buildRequestQuery: c = Tt,
-  className: g,
-  disableAllValueItem: C,
-  filterOptions: f,
-  multiple: l,
-  query: u,
-  queryKeyDeps: $,
-  responseListKey: Q = $t,
-  selectorType: T = "select",
-  value: b,
-  valueKey: w,
-  valueResolver: ut,
-  labelKey: h,
-  labelResolver: ft,
-  onChange: W,
-  defaultValue: V,
-  textFieldProps: m,
-  ...lt
+  asyncSearch: o,
+  buildRequestQuery: a = Rt,
+  className: m,
+  filterOptions: Q,
+  forceEmptyOptions: n = !1,
+  multiple: d,
+  query: l,
+  queryKeyDeps: _,
+  responseListKey: L = _t,
+  selectorType: R = "select",
+  value: w,
+  valueKey: C,
+  valueResolver: lt,
+  labelKey: O,
+  labelResolver: dt,
+  onChange: U,
+  defaultValue: J,
+  showAllOption: ft = !0,
+  textFieldProps: f,
+  ...gt
 }) => {
-  const { env: Y } = Ct(), H = It(), I = `${(Y == null ? void 0 : Y.apiBaseUrl) ?? ""}`.trim(), mt = `${(H == null ? void 0 : H.token) ?? localStorage.getItem(Lt) ?? ""}`.trim(), e = T === "autocomplete" ? n : void 0, i = e != null, tt = i ? !0 : C, dt = (e == null ? void 0 : e.minLength) ?? 1, ot = (e == null ? void 0 : e.debounceMs) ?? 300, [U, X] = B(b ?? V ?? ""), [gt, p] = B(""), [nt, M] = B(""), [Z, _] = B(""), et = $ != null && $.length ? G($) : void 0, S = Vt(
-    ct(
-      [t, u, Q, w, h],
-      et
+  const { env: X } = jt(), Z = $t(), $ = `${(X == null ? void 0 : X.apiBaseUrl) ?? ""}`.trim(), mt = `${(Z == null ? void 0 : Z.token) ?? localStorage.getItem(Nt) ?? ""}`.trim(), r = R === "autocomplete" ? o : void 0, u = r != null, tt = n || u ? !1 : ft, St = (r == null ? void 0 : r.minLength) ?? 1, nt = (r == null ? void 0 : r.debounceMs) ?? 300, [A, K] = V(w ?? J ?? ""), [bt, S] = V(""), [et, T] = V(""), [D, M] = V(""), ot = _ != null && _.length ? H(_) : void 0, h = Jt(
+    ut(
+      [t, l, L, C, O],
+      ot
     )
-  ), [R, pt] = B(() => ({
+  ), [z, wt] = V(() => ({
     options: {},
-    scopeKey: S
+    scopeKey: h
   })), rt = N(
-    () => R.scopeKey === S ? R.options : {},
-    [R.options, R.scopeKey, S]
-  ), E = N(() => P(U), [U]), A = i && Z.trim().length >= dt, J = /* @__PURE__ */ s((...o) => ct(["owp", "query-selector", ...o], et), "createSelectorQueryKey");
+    () => z.scopeKey === h ? z.options : {},
+    [z.options, z.scopeKey, h]
+  ), st = N(() => y(A), [A]), B = N(
+    () => n ? [] : st,
+    [n, st]
+  ), E = !n && u && D.trim().length >= St, k = /* @__PURE__ */ c((...e) => ut(["owp", "query-selector", ...e], ot), "createSelectorQueryKey");
   j(() => {
-    b !== void 0 && X(b);
-  }, [b]), j(() => {
-    b === void 0 && X(V ?? "");
-  }, [V, b]), j(() => {
-    if (!i)
+    w !== void 0 && K(w);
+  }, [w]), j(() => {
+    w === void 0 && K(J ?? "");
+  }, [J, w]), j(() => {
+    if (!u)
       return;
-    const o = window.setTimeout(() => {
-      _(nt.trim());
-    }, ot);
+    const e = window.setTimeout(() => {
+      M(et.trim());
+    }, nt);
     return () => {
-      window.clearTimeout(o);
+      window.clearTimeout(e);
     };
-  }, [ot, i, nt]);
-  const z = /* @__PURE__ */ s(async (o) => {
-    const r = await fetch(
-      Mt(I, t, c(o), mt)
-    ), a = await r.json();
-    if (!r.ok || (a == null ? void 0 : a.resultCode) === "STATUS_0")
-      throw new Error(`${(a == null ? void 0 : a.resultMessage) ?? "Failed to fetch selector options"}`);
-    const d = _t(a, Q), O = at(f) ? f(d) : d;
-    return zt(
+  }, [nt, u, et]);
+  const G = /* @__PURE__ */ c(async (e) => {
+    const s = await fetch(
+      zt($, t, a(e), mt)
+    ), i = await s.json();
+    if (!s.ok || (i == null ? void 0 : i.resultCode) === "STATUS_0")
+      throw new Error(`${(i == null ? void 0 : i.resultMessage) ?? "Failed to fetch selector options"}`);
+    const g = kt(i, L), b = it(Q) ? Q(g) : g;
+    return Yt(
+      b,
+      C,
       O,
-      w,
-      h,
-      ut,
-      ft
+      lt,
+      dt
     );
-  }, "fetchOptions"), K = y({
-    queryKey: J(t, u, Q, w, h),
-    enabled: !!I && !i,
-    queryFn: /* @__PURE__ */ s(() => z(u), "queryFn")
-  }), D = y({
-    queryKey: J(
+  }, "fetchOptions"), p = Y({
+    queryKey: k(t, l, L, C, O),
+    enabled: !!$ && !n && !u,
+    queryFn: /* @__PURE__ */ c(() => G(l), "queryFn")
+  }), q = Y({
+    queryKey: k(
       "search",
       t,
-      u,
-      Z,
-      Q,
-      w,
-      h
+      l,
+      D,
+      L,
+      C,
+      O
     ),
-    enabled: !!I && i && A,
-    queryFn: /* @__PURE__ */ s(() => z({
-      ...u,
-      ...(e == null ? void 0 : e.buildKeywordQuery(Z)) ?? {}
+    enabled: !!$ && !n && u && E,
+    queryFn: /* @__PURE__ */ c(() => G({
+      ...l,
+      ...(r == null ? void 0 : r.buildKeywordQuery(D)) ?? {}
     }), "queryFn")
-  }), q = y({
-    queryKey: J(
+  }), x = Y({
+    queryKey: k(
       "all",
       t,
-      u,
-      Q,
-      w,
-      h
+      l,
+      L,
+      C,
+      O
     ),
-    enabled: !!I && i && (!!E.length || !!l && !tt),
-    queryFn: /* @__PURE__ */ s(() => {
-      var o;
-      return z({
-        ...u,
-        ...((o = e == null ? void 0 : e.buildAllQuery) == null ? void 0 : o.call(e)) ?? {}
+    enabled: !!$ && !n && u && (!!B.length || !!d && tt),
+    queryFn: /* @__PURE__ */ c(() => {
+      var e;
+      return G({
+        ...l,
+        ...((e = r == null ? void 0 : r.buildAllQuery) == null ? void 0 : e.call(r)) ?? {}
       });
     }, "queryFn")
-  }), x = y({
-    queryKey: J(
+  }), F = Y({
+    queryKey: k(
       "selected",
       t,
-      u,
-      E,
-      Q,
-      w,
-      h
+      l,
+      B,
+      L,
+      C,
+      O
     ),
-    enabled: !!I && i && !!E.length && !!(e != null && e.buildSelectedQuery),
-    queryFn: /* @__PURE__ */ s(() => {
-      var o;
-      return z({
-        ...u,
-        ...((o = e == null ? void 0 : e.buildSelectedQuery) == null ? void 0 : o.call(e, E)) ?? {}
+    enabled: !!$ && !n && u && !!B.length && !!(r != null && r.buildSelectedQuery),
+    queryFn: /* @__PURE__ */ c(() => {
+      var e;
+      return G({
+        ...l,
+        ...((e = r == null ? void 0 : r.buildSelectedQuery) == null ? void 0 : e.call(r, B)) ?? {}
       });
     }, "queryFn")
-  }), F = N(() => i ? A ? D.data ?? [] : [] : K.data ?? [], [
-    K.data,
-    i,
-    D.data,
-    A
-  ]), L = N(
-    () => Et(
-      F,
-      q.data,
+  }), P = N(() => n ? [] : u ? E ? q.data ?? [] : [] : p.data ?? [], [
+    p.data,
+    n,
+    u,
+    q.data,
+    E
+  ]), I = N(
+    () => n ? [] : It(
+      P,
       x.data,
+      F.data,
       Object.values(rt)
     ),
-    [q.data, rt, F, x.data]
-  ), k = N(
+    [
+      x.data,
+      rt,
+      P,
+      n,
+      F.data
+    ]
+  ), W = N(
     () => {
-      const o = {};
-      return L.forEach((r) => {
-        o[r.value] = r;
-      }), o;
+      const e = {};
+      return I.forEach((s) => {
+        e[s.value] = s;
+      }), e;
     },
-    [L]
-  ), Ot = K.isLoading || D.isLoading || q.isLoading || x.isLoading, bt = st(T === "autocomplete" && "!min-w-160", g), St = st(
-    T === "autocomplete" && !(m != null && m.className) && "w-full",
-    m == null ? void 0 : m.className
+    [I]
+  ), ht = !n && (p.isLoading || q.isLoading || x.isLoading || F.isLoading), Qt = ct(R === "autocomplete" && "!min-w-160", m), Lt = ct(
+    R === "autocomplete" && !(f != null && f.className) && "w-full",
+    f == null ? void 0 : f.className
   );
   return j(() => {
-    L.length && pt((o) => {
-      const r = o.scopeKey === S ? o.options : {}, a = { ...r };
-      let d = !1;
-      return L.forEach((O) => {
-        a[O.value] !== O && (a[O.value] = O, d = !0);
-      }), !d && o.scopeKey === S ? o : {
-        options: d ? a : r,
-        scopeKey: S
+    I.length && wt((e) => {
+      const s = e.scopeKey === h ? e.options : {}, i = { ...s };
+      let g = !1;
+      return I.forEach((b) => {
+        i[b.value] !== b && (i[b.value] = b, g = !0);
+      }), !g && e.scopeKey === h ? e : {
+        options: g ? i : s,
+        scopeKey: h
       };
     });
-  }, [S, L]), j(() => {
-    var r;
-    if (!i)
+  }, [h, I]), j(() => {
+    var s;
+    if (!u)
       return;
-    if (l) {
-      p("");
+    if (d) {
+      S("");
       return;
     }
-    const o = E[0];
-    if (!o) {
-      p("");
+    const e = B[0];
+    if (!e) {
+      S("");
       return;
     }
-    p(v(((r = k[o]) == null ? void 0 : r.label) ?? ""));
-  }, [i, l, k, E]), /* @__PURE__ */ wt(
-    ht,
+    S(v(((s = W[e]) == null ? void 0 : s.label) ?? ""));
+  }, [u, d, W, B]), j(() => {
+    !n || !u || (S(""), T(""), M(""));
+  }, [n, u]), /* @__PURE__ */ Ot(
+    Bt,
     {
-      ...lt,
-      allOptions: L,
+      ...gt,
+      allOptions: I,
       allValueMode: "joined",
-      autocompleteInputValue: i ? gt : void 0,
-      className: bt,
-      defaultValue: V,
-      disableAllValueItem: tt,
-      disableClientFilter: i,
-      loading: Ot,
-      multiple: l,
-      onAutocompleteInputChange: i ? (o, r) => {
-        r !== "reset" && (l && r !== "input" || (p(o), M(o)));
+      autocompleteInputValue: u ? n ? "" : bt : void 0,
+      className: Qt,
+      defaultValue: n ? "" : J,
+      disableClientFilter: u,
+      loading: ht,
+      multiple: d,
+      onAutocompleteInputChange: u ? (e, s) => {
+        s !== "reset" && (d && s !== "input" || n || (S(e), T(e)));
       } : void 0,
-      onChange: /* @__PURE__ */ s((o) => {
-        var r;
-        if (X(o.target.value), i) {
-          const a = P(o.target.value);
-          if (l)
-            p(""), M(""), _("");
+      onChange: /* @__PURE__ */ c((e) => {
+        var s;
+        if (K(e.target.value), u) {
+          const i = n ? [] : y(e.target.value);
+          if (d)
+            S(""), T(""), M("");
           else {
-            const d = a[0], O = d ? v(((r = k[d]) == null ? void 0 : r.label) ?? "") : "";
-            p(O), M(""), _("");
+            const g = i[0], b = g ? v(((s = W[g]) == null ? void 0 : s.label) ?? "") : "";
+            S(b), T(""), M("");
           }
         }
-        W == null || W(o);
+        U == null || U(e);
       }, "onChange"),
-      options: F,
-      selectorType: T,
+      options: P,
+      selectorType: R,
+      showAllOption: tt,
       textFieldProps: {
-        ...m,
-        className: St,
-        onBlur: /* @__PURE__ */ s((o) => {
-          var r, a;
-          if (i) {
-            if (l)
-              p("");
+        ...f,
+        className: Lt,
+        onBlur: /* @__PURE__ */ c((e) => {
+          var s, i;
+          if (u) {
+            if (d)
+              S("");
             else {
-              const d = P(U)[0];
-              p(
-                d ? v(((r = k[d]) == null ? void 0 : r.label) ?? "") : ""
+              const g = n ? void 0 : y(A)[0];
+              S(
+                g ? v(((s = W[g]) == null ? void 0 : s.label) ?? "") : ""
               );
             }
-            M(""), _("");
+            T(""), M("");
           }
-          (a = m == null ? void 0 : m.onBlur) == null || a.call(m, o);
+          (i = f == null ? void 0 : f.onBlur) == null || i.call(f, e);
         }, "onBlur")
       },
-      value: b
+      value: n ? "" : w
     }
   );
 }, "OwpQuerySelector");
 export {
-  Pt as OwpQuerySelector
+  tn as OwpQuerySelector
 };
 //# sourceMappingURL=OwpQuerySelector.js.map