@addsign/moje-agenda-shared-lib 0.0.16 → 0.0.18

package/dist/components/form/AutocompleteSearchBar.js

@@ -1,8 +1,9 @@
-import { jsxs as C, jsx as n } from "react/jsx-runtime";
-import { useRef as B, useEffect as p, useState as m } from "react";
+import { jsxs as N, jsx as n } from "react/jsx-runtime";
+import { useRef as F, useEffect as p, useState as m } from "react";
 import '../../assets/tailwind.css';/* empty css                      */
-import { useFederationContext as K } from "../../contexts/FederationContext.js";
-import { a as _, b as ee, M as te } from "../../index-CvL09ndn.js";
+import { h as K, i as _, c as ee } from "../../index-CfhiHK7D.js";
+import "../../contexts/FederationContext.js";
+import { useFederationContext as te } from "../../contexts/useFederationContext.js";
 function re(e) {
   for (var t = [], r = 1; r < arguments.length; r++)
     t[r - 1] = arguments[r];
@@ -15,90 +16,98 @@ function ae(e) {
 }
 var le = ["mousedown", "touchstart"], se = function(e, t, r) {
   r === void 0 && (r = le);
-  var d = B(t);
+  var d = F(t);
   p(function() {
     d.current = t;
   }, [t]), p(function() {
-    for (var o = function(u) {
+    for (var o = function(f) {
       var c = e.current;
-      c && !c.contains(u.target) && d.current(u);
-    }, a = 0, f = r; a < f.length; a++) {
-      var h = f[a];
+      c && !c.contains(f.target) && d.current(f);
+    }, a = 0, u = r; a < u.length; a++) {
+      var h = u[a];
       re(document, h, o);
     }
     return function() {
-      for (var u = 0, c = r; u < c.length; u++) {
-        var N = c[u];
-        ae(document, N, o);
+      for (var f = 0, c = r; f < c.length; f++) {
+        var k = c[f];
+        ae(document, k, o);
       }
     };
   }, [r, e]);
 };
-const he = ({
+const me = ({
   label: e,
   name: t,
   required: r,
   disabled: d,
   description: o,
   fetchUrl: a,
-  valueKey: f,
+  valueKey: u,
   labelKey: h,
-  onChange: u,
+  onChange: f,
   onFocus: c,
-  onBlur: N,
-  placeholder: A,
+  onBlur: k,
+  placeholder: D,
   serverSearch: v = !1,
-  value: $,
-  initOptions: F,
-  showId: L
+  value: L,
+  initOptions: R,
+  showId: C
 }) => {
   var j, V;
-  const [k, w] = m(""), [J, E] = m(!1), [x, R] = m([]), [M, b] = m(-1), [P, O] = m(
+  const [E, w] = m(""), [J, M] = m(!1), [x, A] = m([]), [O, b] = m(-1), [P, Q] = m(
     null
-  ), [g, y] = m([]), X = B(null), D = B(null), q = K(), [Q, z] = m(!1), [H] = m({});
+  ), [g, y] = m([]), X = F(null), q = F(null), S = te(), [B, z] = m(!1), [H] = m({});
   p(() => {
     a && (async () => {
-      E(!0), console.log(
+      M(!0), console.log(
         "%csrcsharedAutocompleteSearchBar.tsx:77 fetchUrl, value",
         "color: #007acc;",
         a
       );
-      const { data: s } = await q.apiClient.get(a || "");
-      R(
+      const { data: s } = await S.apiClient.get(a || "");
+      A(
         s.map((i) => ({
-          value: i[f],
-          label: i[h] + (L ? " (" + i[f] + ")" : "")
+          value: i[u],
+          label: i[h] + (C ? " (" + i[u] + ")" : "")
         }))
-      ), E(!1);
+      ), M(!1);
     })();
-  }, [a]), p(() => {
-    F && R(F);
-  }, [F]), p(() => {
-    if ($ && x) {
-      const l = x.find((s) => s.value == $);
-      l && (w(l.label), O(l));
+  }, [a, u, S.apiClient, h, C]), p(() => {
+    R && A(R);
+  }, [R]), p(() => {
+    if (L && x) {
+      const l = x.find((s) => s.value == L);
+      l && (w(l.label), Q(l));
     }
-  }, [$, x]), p(() => {
+  }, [L, x]), p(() => {
     v && (async () => {
-      E(!0);
-      const { data: s } = await q.apiClient.get(a + k);
-      R(
+      M(!0);
+      const { data: s } = await S.apiClient.get(a + E);
+      A(
         s.map((i) => ({
-          value: i[f],
-          label: i[h] + (L ? " (" + i[f] + ")" : "")
+          value: i[u],
+          label: i[h] + (C ? " (" + i[u] + ")" : "")
         }))
       ), y(
         s.map((i) => ({
-          value: i[f],
-          label: i[h] + (L ? " (" + i[f] + ")" : "")
+          value: i[u],
+          label: i[h] + (C ? " (" + i[u] + ")" : "")
         }))
-      ), E(!1);
+      ), M(!1);
     })();
-  }, [k, v, f, h, a]), se(D, () => {
-    y([]), P || (w(""), u(null)), S();
+  }, [
+    E,
+    v,
+    u,
+    h,
+    a,
+    S.apiClient,
+    C
+  ]), se(q, () => {
+    y([]), P || (w(""), f(null)), $();
   });
   const Y = (l) => {
-    w(l.target.value), O(null), b(-1), y(
+    w(l.target.value), Q(null), b(-1), y(
       x.filter(
         (s) => {
           var i, W, G;
@@ -107,38 +116,38 @@ const he = ({
       )
     );
   }, Z = () => {
-    console.log("handleFocus query", k), z(!0), c(), y(
+    console.log("handleFocus query", E), z(!0), c(), y(
       x
       /*.filter((option) =>
         option.label.toLowerCase().includes(query.toLowerCase()),
       ),*/
     );
-  }, I = () => {
+  }, U = () => {
     console.log(
       "%csrcsharedAutocompleteSearchBar.tsx:95 handleClearQuery",
       "color: #007acc;"
-    ), w(""), u(null), O(null), setTimeout(() => {
+    ), w(""), f(null), Q(null), setTimeout(() => {
       b(-1), y(x);
     }, 1e3);
-  }, U = (l) => {
+  }, I = (l) => {
     l.key === "ArrowUp" && g.length > 0 ? b(
       (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" && M !== -1 ? T(g[M]) : l.key === "Escape" && M !== -1 && S();
+    ) : l.key === "Enter" && O !== -1 ? T(g[O]) : l.key === "Escape" && O !== -1 && $();
   }, T = (l) => {
-    w(l.label), O(l), b(-1), u(l.value), S();
-  }, S = () => {
-    y([]), N(), z(!1);
+    w(l.label), Q(l), b(-1), f(l.value), $();
+  }, $ = () => {
+    y([]), k(), z(!1);
   };
-  return /* @__PURE__ */ C("div", { className: "w-full min-h-20 flex-col justify-start items-start gap-1.5 inline-flex", children: [
-    /* @__PURE__ */ C(
+  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: D,
+        ref: q,
         children: [
-          /* @__PURE__ */ C(
+          /* @__PURE__ */ N(
             "label",
             {
               className: "text-slate-700 text-sm leading-tight font-medium",
@@ -154,22 +163,22 @@ const he = ({
             "div",
             {
               className: `self-stretch px-3 py-1.5 rounded-lg justify-start items-center gap-2 inline-flex outline-none border 
-            ${Q ? "outline-4 outline-indigo-200 outline-offset-0 border-indigo-300" : ""} 
-            ${Q && ((j = H[t]) != null && j.message) ? "outline-4 outline-red-200 outline-offset-0 border-none" : ""}  
-            ${!Q && ((V = H[t]) != null && V.message) ? "border-red-200" : ""}   
+            ${B ? "outline-4 outline-indigo-200 outline-offset-0 border-indigo-300" : ""} 
+            ${B && ((j = H[t]) != null && j.message) ? "outline-4 outline-red-200 outline-offset-0 border-none" : ""}  
+            ${!B && ((V = H[t]) != null && V.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: k,
+                  value: E,
                   onChange: Y,
-                  onKeyDown: U,
+                  onKeyDown: I,
                   onFocus: Z,
-                  clearQuery: I,
+                  clearQuery: U,
                   inputRef: X,
-                  placeholder: A,
-                  isFocused: Q,
-                  onBlur: S,
+                  placeholder: D,
+                  isFocused: B,
+                  onBlur: $,
                   isLoading: J
                 }
               ) })
@@ -179,7 +188,7 @@ const he = ({
             ne,
             {
               options: g,
-              selectedOptionIndex: M,
+              selectedOptionIndex: O,
               handleOptionClick: T
             }
           )
@@ -193,7 +202,7 @@ const he = ({
   selectedOptionIndex: t,
   handleOptionClick: r
 }) => {
-  const d = B(null);
+  const d = F(null);
   return p(() => {
     var o;
     if (t >= 0 && t < e.length) {
@@ -226,11 +235,11 @@ const he = ({
   onFocus: d,
   onBlur: o,
   inputRef: a,
-  placeholder: f,
+  placeholder: u,
   clearQuery: h,
-  isFocused: u,
+  isFocused: f,
   isLoading: c
-}) => /* @__PURE__ */ C("div", { className: "relative flex items-center w-full sharedResource", children: [
+}) => /* @__PURE__ */ N("div", { className: "relative flex items-center w-full sharedResource", children: [
   /* @__PURE__ */ n(
     "input",
     {
@@ -241,11 +250,11 @@ const he = ({
       onKeyDown: r,
       onFocus: d,
       ref: a,
-      placeholder: f,
+      placeholder: u,
       disabled: c
     }
   ),
-  c && /* @__PURE__ */ n("div", { className: "loader absolute right-0 text-gray-500", children: /* @__PURE__ */ C(
+  c && /* @__PURE__ */ n("div", { className: "loader absolute right-0 text-gray-500", children: /* @__PURE__ */ N(
     "svg",
     {
       className: "animate-spin h-5 w-5",
@@ -275,15 +284,15 @@ const he = ({
       ]
     }
   ) }),
-  u && !c && /* @__PURE__ */ n(
-    _,
+  f && !c && /* @__PURE__ */ n(
+    K,
     {
       className: "material-icons absolute right-0 cursor-pointer text-gray-500",
       onClick: o
     }
   ),
-  !u && !c && /* @__PURE__ */ n(
-    ee,
+  !f && !c && /* @__PURE__ */ n(
+    _,
     {
       className: "material-icons absolute right-0 cursor-pointer text-gray-500",
       onClick: () => {
@@ -293,7 +302,7 @@ const he = ({
     }
   ),
   e && !c && /* @__PURE__ */ n(
-    te,
+    ee,
     {
       className: "material-icons absolute right-10 cursor-pointer text-gray-500",
       onClick: () => {
@@ -303,5 +312,5 @@ const he = ({
   )
 ] });
 export {
-  he as default
+  me as default
 };

package/dist/components/form/FormField.js

@@ -1,49 +1,50 @@
 import { jsxs as o, jsx as t, Fragment as x } from "react/jsx-runtime";
-import { useState as M, useRef as X, useEffect as Y } from "react";
-import { M as Z } from "../../index-CvL09ndn.js";
+import { useState as T, useRef as Y, useEffect as Z } from "react";
+import { c as _ } from "../../index-CfhiHK7D.js";
 import '../../assets/tailwind.css';/* empty css                      */
-import { useFederationContext as _ } from "../../contexts/FederationContext.js";
+import "../../contexts/FederationContext.js";
+import { useFederationContext as K } from "../../contexts/useFederationContext.js";
 const ae = ({
   label: b,
   name: r,
-  type: p,
+  type: F,
   register: y,
   disabled: n,
   errors: u = {},
-  required: R,
-  clearable: H,
+  required: E,
+  clearable: G,
   value: l,
   description: w,
   onInputChange: i,
-  options: a,
+  options: s,
   placeholder: v,
   children: C,
   fetchUrl: N,
-  valueKey: T,
-  labelKey: E,
-  maxLength: G
+  valueKey: B,
+  labelKey: O,
+  maxLength: q
 }) => {
-  var j, A, S, $, L;
-  const [k, s] = M(!1), [F, B] = M(a), O = X(null), {
-    ref: q = O,
+  var $, L, R, H, M;
+  const [k, a] = T(!1), [p, j] = T(s), A = Y(null), {
+    ref: z = A,
     onBlur: d = () => {
     },
     ...f
-  } = y ? y(r) : {}, z = (j = _()) == null ? void 0 : j.apiClient, c = q || O, D = () => {
+  } = y ? y(r) : {}, S = ($ = K()) == null ? void 0 : $.apiClient, c = z || A, D = () => {
     c.current && c.current.focus();
   }, J = (e) => {
-    const g = Array.from(
+    const m = Array.from(
       e.target.selectedOptions,
-      (m) => m.value
+      (g) => g.value
     );
     i({
       ...e,
       target: {
-        value: g,
+        value: m,
         name: e.target.name
       }
     });
-  }, K = (e) => {
+  }, P = (e) => {
     i({
       ...e,
       target: {
@@ -51,7 +52,7 @@ const ae = ({
         name: e.target.name
       }
     });
-  }, P = (e) => {
+  }, Q = (e) => {
     i({
       ...e,
       target: {
@@ -60,21 +61,21 @@ const ae = ({
       }
     });
   };
-  Y(() => {
-    N && (async (g) => {
-      const { data: m } = await z.get(g), V = typeof m[0] == "number", W = m.map((h) => V ? { value: h, label: h.toString() } : {
-        value: h[T || "id"],
-        label: h[E || "name"]
+  Z(() => {
+    N && (async (m) => {
+      const { data: g } = await S.get(m), W = typeof g[0] == "number", X = g.map((h) => W ? { value: h, label: h.toString() } : {
+        value: h[B || "id"],
+        label: h[O || "name"]
       });
-      B([
+      j([
         { value: null, label: " " },
         // Add an empty option as the first item
-        ...W
+        ...X
       ]);
-    })(N), a && B(a);
-  }, [N, a]);
-  const Q = () => {
-    switch (p) {
+    })(N), s && j(s);
+  }, [N, s, S, B, O]);
+  const V = () => {
+    switch (F) {
       case "select":
         return /* @__PURE__ */ t(x, { children: /* @__PURE__ */ o(
           "select",
@@ -86,13 +87,13 @@ const ae = ({
             ...f,
             ref: c,
             onChange: i,
-            onFocus: () => s(!0),
+            onFocus: () => a(!0),
             onBlur: (e) => {
-              d(e), s(!1);
+              d(e), a(!1);
             },
             children: [
               v && /* @__PURE__ */ t("option", { label: v }),
-              F == null ? void 0 : F.map((e) => /* @__PURE__ */ t(
+              p == null ? void 0 : p.map((e) => /* @__PURE__ */ t(
                 "option",
                 {
                   value: e.value ? e.value : void 0,
@@ -115,11 +116,11 @@ const ae = ({
             ...f,
             ref: c,
             onChange: J,
-            onFocus: () => s(!0),
+            onFocus: () => a(!0),
             onBlur: (e) => {
-              d(e), s(!1);
+              d(e), a(!1);
             },
-            children: a == null ? void 0 : a.map((e) => /* @__PURE__ */ t(
+            children: s == null ? void 0 : s.map((e) => /* @__PURE__ */ t(
               "option",
               {
                 value: e.value ? e.value : void 0,
@@ -130,7 +131,7 @@ const ae = ({
           }
         ) });
       case "radioGroup":
-        return /* @__PURE__ */ t("div", { className: "flex flex-col", children: a == null ? void 0 : a.map((e, g) => /* @__PURE__ */ o(
+        return /* @__PURE__ */ t("div", { className: "flex flex-col", children: s == null ? void 0 : s.map((e, m) => /* @__PURE__ */ o(
           "label",
           {
             className: "inline-flex items-center space-x-2 my-2",
@@ -151,7 +152,7 @@ const ae = ({
               /* @__PURE__ */ t("span", { className: "text-gray-900 text-sm font-normal leading-tight", children: e.label })
             ]
           },
-          g
+          m
         )) });
       case "textarea":
         return /* @__PURE__ */ t(
@@ -165,10 +166,10 @@ const ae = ({
             ...f,
             ref: c,
             onChange: i,
-            onFocus: () => s(!0),
-            maxLength: G || 4e3,
+            onFocus: () => a(!0),
+            maxLength: q || 4e3,
             onBlur: (e) => {
-              d(e), s(!1);
+              d(e), a(!1);
             }
           }
         );
@@ -184,10 +185,10 @@ const ae = ({
               disabled: n,
               ...f,
               ref: c,
-              onChange: K,
-              onFocus: () => s(!0),
+              onChange: P,
+              onFocus: () => a(!0),
               onBlur: (e) => {
-                d(e), s(!1);
+                d(e), a(!1);
               }
             }
           ),
@@ -201,14 +202,14 @@ const ae = ({
             id: r,
             readOnly: n,
             value: l,
-            type: p,
+            type: F,
             ...f,
             ref: c,
             placeholder: v,
             onChange: i,
-            onFocus: () => s(!0),
+            onFocus: () => a(!0),
             onBlur: (e) => {
-              d(e), s(!1);
+              d(e), a(!1);
             }
           }
         ) });
@@ -224,24 +225,24 @@ const ae = ({
           children: [
             b,
             " ",
-            R ? "*" : ""
+            E ? "*" : ""
           ]
         }
       ),
       /* @__PURE__ */ t(
         "div",
         {
-          className: `self-stretch px-3  py-2 rounded-lg justify-start items-center gap-2 inline-flex outline-none border ${k && !((A = u[r]) != null && A.message) ? "outline-4 outline-indigo-200 outline-offset-0 border-indigo-300" : ""} ${k && ((S = u[r]) != null && S.message) ? "outline-4 outline-red-200 outline-offset-0 border-none" : ""}  ${!k && (($ = u[r]) != null && $.message) ? "border-red-200" : ""}  ${n ? "bg-gray-100" : "bg-transparent"}`,
+          className: `self-stretch px-3  py-2 rounded-lg justify-start items-center gap-2 inline-flex outline-none border ${k && !((L = u[r]) != null && L.message) ? "outline-4 outline-indigo-200 outline-offset-0 border-indigo-300" : ""} ${k && ((R = u[r]) != null && R.message) ? "outline-4 outline-red-200 outline-offset-0 border-none" : ""}  ${!k && ((H = u[r]) != null && H.message) ? "border-red-200" : ""}  ${n ? "bg-gray-100" : "bg-transparent"}`,
           children: /* @__PURE__ */ o("div", { className: "flex relative grow shrink basis-0 min-h-5 xl:min-h-[32px] justify-start items-stretch gap-2 max-w-full", children: [
-            Q(),
+            V(),
             C && /* @__PURE__ */ t("div", { onClick: D, children: C }),
-            H && l && /* @__PURE__ */ t(Z, { onClick: P })
+            G && l && /* @__PURE__ */ t(_, { onClick: Q })
           ] })
         }
       )
     ] }),
     w && /* @__PURE__ */ t("div", { className: "HintText self-stretch text-slate-600 text-sm font-normal leading-tight", children: w }),
-    u[r] && /* @__PURE__ */ t("div", { className: "HintText self-stretch text-red-600 text-sm font-normal leading-tight", children: (L = u[r]) == null ? void 0 : L.message })
+    u[r] && /* @__PURE__ */ t("div", { className: "HintText self-stretch text-red-600 text-sm font-normal leading-tight", children: (M = u[r]) == null ? void 0 : M.message })
   ] });
 };
 export {

package/dist/contexts/FederationContext.d.ts

@@ -6,5 +6,4 @@ type FederationContextProviderProps = PropsWithChildren & {
     value: IContextValue;
 };
 export declare const FederationContextProvider: FC<FederationContextProviderProps>;
-export declare const useFederationContext: () => IContextValue;
 export {};

package/dist/contexts/FederationContext.js

@@ -1,17 +1,16 @@
-import { jsx as s } from "react/jsx-runtime";
-import { createContext as x, useContext as a } from "react";
-const t = x({}), C = ({
-  children: e,
-  value: o
+import { jsx as i } from "react/jsx-runtime";
+import { createContext as a } from "react";
+const c = a({}), d = ({
+  children: t,
+  value: e
 }) => {
-  const { userInfo: n, apiClient: r } = o, i = {
-    userInfo: n,
+  const { userInfo: o, apiClient: r } = e, n = {
+    userInfo: o,
     apiClient: r
   };
-  return /* @__PURE__ */ s(t.Provider, { value: i, children: e });
-}, d = () => a(t);
+  return /* @__PURE__ */ i(c.Provider, { value: n, children: t });
+};
 export {
-  t as FederationContext,
-  C as FederationContextProvider,
-  d as useFederationContext
+  c as FederationContext,
+  d as FederationContextProvider
 };

package/dist/contexts/useFederationContext.d.ts

@@ -0,0 +1 @@
+export declare const useFederationContext: () => import('../types').IContextValue;

package/dist/contexts/useFederationContext.js

@@ -0,0 +1,6 @@
+import { useContext as t } from "react";
+import { FederationContext as o } from "./FederationContext.js";
+const n = () => t(o);
+export {
+  n as useFederationContext
+};