@addsign/moje-agenda-shared-lib 0.0.19 → 0.0.20

package/dist/components/form/AutocompleteSearchBar.js

@@ -20,16 +20,16 @@ var le = ["mousedown", "touchstart"], se = function(e, t, r) {
   p(function() {
     d.current = t;
   }, [t]), p(function() {
-    for (var o = function(f) {
+    for (var o = function(i) {
       var c = e.current;
-      c && !c.contains(f.target) && d.current(f);
+      c && !c.contains(i.target) && d.current(i);
     }, a = 0, u = r; a < u.length; a++) {
       var h = u[a];
       re(document, h, o);
     }
     return function() {
-      for (var f = 0, c = r; f < c.length; f++) {
-        var k = c[f];
+      for (var i = 0, c = r; i < c.length; i++) {
+        var k = c[i];
         ae(document, k, o);
       }
     };
@@ -44,79 +44,79 @@ const me = ({
   fetchUrl: a,
   valueKey: u,
   labelKey: h,
-  onChange: f,
+  onChange: i,
   onFocus: c,
   onBlur: k,
-  placeholder: D,
-  serverSearch: v = !1,
+  placeholder: j,
+  serverSearch: w = !1,
   value: L,
   initOptions: R,
-  showId: C
+  showId: E
 }) => {
-  var T, V;
-  const [E, w] = m(""), [J, M] = m(!1), [x, A] = m([]), [O, b] = m(-1), [P, Q] = m(
+  var V, W;
+  const [M, C] = m(""), [J, O] = m(!1), [x, A] = m([]), [Q, b] = m(-1), [P, S] = m(
     null
-  ), [g, y] = m([]), X = F(null), j = F(null), S = te(), [B, q] = m(!1), [z] = m({});
+  ), [g, y] = m([]), X = F(null), q = F(null), D = te(), [B, z] = m(!1), [H] = m({});
   p(() => {
     a && (async () => {
-      M(!0), console.log(
+      O(!0), console.log(
         "%csrcsharedAutocompleteSearchBar.tsx:77 fetchUrl, value",
         "color: #007acc;",
         a
       );
-      const { data: s } = await S.apiClient.get(a || "");
+      const { data: s } = await D.apiClient.get(a || ""), f = s.content || s;
       A(
-        s.map((i) => ({
-          value: i[u],
-          label: i[h] + (C ? " (" + i[u] + ")" : "")
+        f.map((v) => ({
+          value: v[u],
+          label: v[h] + (E ? " (" + v[u] + ")" : "")
         }))
-      ), M(!1);
+      ), O(!1);
     })();
-  }, [a, u, S.apiClient, h, C]), p(() => {
+  }, [a]), p(() => {
     R && A(R);
   }, [R]), p(() => {
     if (L && x) {
       const l = x.find((s) => s.value == L);
-      l && (w(l.label), Q(l));
+      l && (C(l.label), S(l));
     }
   }, [L, x]), p(() => {
-    v && (async () => {
-      M(!0);
-      const { data: s } = await S.apiClient.get(a + E);
+    w && (async () => {
+      O(!0);
+      const { data: s } = await D.apiClient.get(a + M);
       A(
-        s.map((i) => ({
-          value: i[u],
-          label: i[h] + (C ? " (" + i[u] + ")" : "")
+        s.map((f) => ({
+          value: f[u],
+          label: f[h] + (E ? " (" + f[u] + ")" : "")
         }))
       ), y(
-        s.map((i) => ({
-          value: i[u],
-          label: i[h] + (C ? " (" + i[u] + ")" : "")
+        s.map((f) => ({
+          value: f[u],
+          label: f[h] + (E ? " (" + f[u] + ")" : "")
         }))
-      ), M(!1);
+      ), O(!1);
     })();
   }, [
-    E,
-    v,
+    M,
+    w,
     u,
     h,
     a,
-    S.apiClient,
-    C
-  ]), se(j, () => {
-    y([]), P || (w(""), f(null)), $();
+    D.apiClient,
+    E
+  ]), se(q, () => {
+    y([]), P || (C(""), i(null)), $();
   });
   const Y = (l) => {
-    w(l.target.value), Q(null), b(-1), y(
+    C(l.target.value), S(null), b(-1), y(
       x.filter(
         (s) => {
-          var i, W, G;
-          return (G = s == null ? void 0 : s.label) == null ? void 0 : G.toLowerCase().includes((W = (i = l.target) == null ? void 0 : i.value) == null ? void 0 : W.toLowerCase());
+          var f, v, G;
+          return (G = s == null ? void 0 : s.label) == null ? void 0 : G.toLowerCase().includes((v = (f = l.target) == null ? void 0 : f.value) == null ? void 0 : v.toLowerCase());
         }
       )
     );
   }, Z = () => {
-    console.log("handleFocus query", E), q(!0), c(), y(
+    console.log("handleFocus query", M), z(!0), c(), y(
       x
       /*.filter((option) =>
         option.label.toLowerCase().includes(query.toLowerCase()),
@@ -126,7 +126,7 @@ const me = ({
     console.log(
       "%csrcsharedAutocompleteSearchBar.tsx:95 handleClearQuery",
       "color: #007acc;"
-    ), w(""), f(null), Q(null), setTimeout(() => {
+    ), C(""), i(null), S(null), setTimeout(() => {
       b(-1), y(x);
     }, 1e3);
   }, I = (l) => {
@@ -134,18 +134,18 @@ const me = ({
       (s) => s > 0 ? s - 1 : g.length - 1
     ) : l.key === "ArrowDown" && g.length > 0 ? b(
       (s) => s < g.length - 1 ? s + 1 : 0
-    ) : l.key === "Enter" && O !== -1 ? H(g[O]) : l.key === "Escape" && O !== -1 && $();
-  }, H = (l) => {
-    w(l.label), Q(l), b(-1), f(l.value), $();
+    ) : l.key === "Enter" && Q !== -1 ? T(g[Q]) : l.key === "Escape" && Q !== -1 && $();
+  }, T = (l) => {
+    C(l.label), S(l), b(-1), i(l.value), $();
   }, $ = () => {
-    y([]), k(), q(!1);
+    y([]), k(), z(!1);
   };
   return /* @__PURE__ */ N("div", { className: "w-full min-h-20 flex-col justify-start items-start gap-1.5 inline-flex", children: [
     /* @__PURE__ */ N(
       "div",
       {
         className: "self-stretch min-h-14 flex-col justify-start items-start gap-1.5 flex relative",
-        ref: j,
+        ref: q,
         children: [
           /* @__PURE__ */ N(
             "label",
@@ -164,19 +164,19 @@ const me = ({
             {
               className: `self-stretch px-3 py-1.5 rounded-lg justify-start items-center gap-2 inline-flex outline-none border 
             ${B ? "outline-4 outline-indigo-200 outline-offset-0 border-indigo-300" : ""} 
-            ${B && ((T = z[t]) != null && T.message) ? "outline-4 outline-red-200 outline-offset-0 border-none" : ""}  
-            ${!B && ((V = z[t]) != null && V.message) ? "border-red-200" : ""}   
+            ${B && ((V = H[t]) != null && V.message) ? "outline-4 outline-red-200 outline-offset-0 border-none" : ""}  
+            ${!B && ((W = H[t]) != null && W.message) ? "border-red-200" : ""}   
             ${d ? "bg-gray-100" : "bg-transparent"}`,
               children: /* @__PURE__ */ n("div", { className: "Content grow shrink basis-0 min-h-5 xl:min-h-8 justify-start items-start gap-2 flex relative  flex-col w-full  mx-auto", children: /* @__PURE__ */ n(
                 oe,
                 {
-                  value: E,
+                  value: M,
                   onChange: Y,
                   onKeyDown: I,
                   onFocus: Z,
                   clearQuery: U,
                   inputRef: X,
-                  placeholder: D,
+                  placeholder: j,
                   isFocused: B,
                   onBlur: $,
                   isLoading: J
@@ -188,8 +188,8 @@ const me = ({
             ne,
             {
               options: g,
-              selectedOptionIndex: O,
-              handleOptionClick: H
+              selectedOptionIndex: Q,
+              handleOptionClick: T
             }
           )
         ]
@@ -217,7 +217,7 @@ const me = ({
     {
       ref: d,
       className: "overflow-y-auto resultOptionContainer w-full max-h-96 absolute outline-4 bg-white border border-gray-200 drop-shadow-xl  rounded-xl z-50 top-[73px]",
-      children: e.map((o, a) => /* @__PURE__ */ n(
+      children: e == null ? void 0 : e.map((o, a) => /* @__PURE__ */ n(
         "div",
         {
           className: `py-2 px-4 flex items-center justify-between gap-8 hover:bg-gray-200 cursor-pointer ${t === a ? "bg-gray-200" : ""}`,
@@ -237,7 +237,7 @@ const me = ({
   inputRef: a,
   placeholder: u,
   clearQuery: h,
-  isFocused: f,
+  isFocused: i,
   isLoading: c
 }) => /* @__PURE__ */ N("div", { className: "relative flex items-center w-full sharedResource", children: [
   /* @__PURE__ */ n(
@@ -284,20 +284,20 @@ const me = ({
       ]
     }
   ) }),
-  f && !c && /* @__PURE__ */ n(
+  i && !c && /* @__PURE__ */ n(
     K,
     {
       className: "material-icons absolute right-0 cursor-pointer text-gray-500",
       onClick: o
     }
   ),
-  !f && !c && /* @__PURE__ */ n(
+  !i && !c && /* @__PURE__ */ n(
     _,
     {
       className: "material-icons absolute right-0 cursor-pointer text-gray-500",
       onClick: () => {
-        var v;
-        (v = a.current) == null || v.focus(), d();
+        var w;
+        (w = a.current) == null || w.focus(), d();
       }
     }
   ),

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@addsign/moje-agenda-shared-lib",
   "private": false,
-  "version": "0.0.19",
+  "version": "0.0.20",
   "type": "module",
   "main": "dist/main.js",
   "types": "dist/main.d.ts",