@addsign/moje-agenda-shared-lib 0.0.9 → 0.0.11

package/dist/components/Button.js

@@ -24,7 +24,7 @@ const i = " py-2 px-4 leading-[25px] ", m = {
   return /* @__PURE__ */ d(
     "button",
     {
-      className: g + " " + (n || " sharedLibraryource..23 "),
+      className: g + " " + (n || " sharedLibraryource..234 "),
       onClick: o,
       ...e,
       children: t

package/dist/components/form/AutocompleteSearchBar.d.ts

@@ -0,0 +1,21 @@
+import { IOptionItem } from '../../main';
+
+declare const AutocompleteSearchBar: React.FC<{
+    label: string;
+    name: string;
+    required?: boolean;
+    disabled?: boolean;
+    description?: string;
+    fetchUrl?: string;
+    valueKey: string;
+    labelKey: string;
+    onChange: (value: any) => void;
+    onFocus: () => void;
+    onBlur: () => void;
+    placeholder?: string;
+    serverSearch?: boolean;
+    value?: string;
+    initOptions?: IOptionItem[];
+    showId?: boolean;
+}>;
+export default AutocompleteSearchBar;

package/dist/components/form/AutocompleteSearchBar.js

@@ -0,0 +1,306 @@
+import { jsxs as C, jsx as n } from "react/jsx-runtime";
+import { useRef as B, useEffect as p, useState as m } from "react";
+import { useFederationContext as K } from "../../contexts/FederationContext.js";
+import { a as _, b as ee, M as te } from "../../index-CvL09ndn.js";
+function re(e) {
+  for (var t = [], r = 1; r < arguments.length; r++)
+    t[r - 1] = arguments[r];
+  e && e.addEventListener && e.addEventListener.apply(e, t);
+}
+function ae(e) {
+  for (var t = [], r = 1; r < arguments.length; r++)
+    t[r - 1] = arguments[r];
+  e && e.removeEventListener && e.removeEventListener.apply(e, t);
+}
+var le = ["mousedown", "touchstart"], se = function(e, t, r) {
+  r === void 0 && (r = le);
+  var d = B(t);
+  p(function() {
+    d.current = t;
+  }, [t]), p(function() {
+    for (var o = function(u) {
+      var c = e.current;
+      c && !c.contains(u.target) && d.current(u);
+    }, a = 0, f = r; a < f.length; a++) {
+      var h = f[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);
+      }
+    };
+  }, [r, e]);
+};
+const de = ({
+  label: e,
+  name: t,
+  required: r,
+  disabled: d,
+  description: o,
+  fetchUrl: a,
+  valueKey: f,
+  labelKey: h,
+  onChange: u,
+  onFocus: c,
+  onBlur: N,
+  placeholder: A,
+  serverSearch: v = !1,
+  value: $,
+  initOptions: F,
+  showId: L
+}) => {
+  var j, V;
+  const [k, w] = m(""), [J, E] = m(!1), [x, R] = m([]), [M, b] = m(-1), [P, O] = m(
+    null
+  ), [g, y] = m([]), X = B(null), D = B(null), q = K(), [Q, z] = m(!1), [H] = m({});
+  p(() => {
+    a && (async () => {
+      E(!0), console.log(
+        "%csrcsharedAutocompleteSearchBar.tsx:77 fetchUrl, value",
+        "color: #007acc;",
+        a
+      );
+      const { data: s } = await q.apiClient.get(a || "");
+      R(
+        s.map((i) => ({
+          value: i[f],
+          label: i[h] + (L ? " (" + i[f] + ")" : "")
+        }))
+      ), E(!1);
+    })();
+  }, [a]), p(() => {
+    F && R(F);
+  }, [F]), p(() => {
+    if ($ && x) {
+      const l = x.find((s) => s.value == $);
+      l && (w(l.label), O(l));
+    }
+  }, [$, x]), p(() => {
+    v && (async () => {
+      E(!0);
+      const { data: s } = await q.apiClient.get(a + k);
+      R(
+        s.map((i) => ({
+          value: i[f],
+          label: i[h] + (L ? " (" + i[f] + ")" : "")
+        }))
+      ), y(
+        s.map((i) => ({
+          value: i[f],
+          label: i[h] + (L ? " (" + i[f] + ")" : "")
+        }))
+      ), E(!1);
+    })();
+  }, [k, v, f, h, a]), se(D, () => {
+    y([]), P || (w(""), u(null)), S();
+  });
+  const Y = (l) => {
+    w(l.target.value), O(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());
+        }
+      )
+    );
+  }, Z = () => {
+    console.log("handleFocus query", k), z(!0), c(), y(
+      x
+      /*.filter((option) =>
+        option.label.toLowerCase().includes(query.toLowerCase()),
+      ),*/
+    );
+  }, I = () => {
+    console.log(
+      "%csrcsharedAutocompleteSearchBar.tsx:95 handleClearQuery",
+      "color: #007acc;"
+    ), w(""), u(null), O(null), setTimeout(() => {
+      b(-1), y(x);
+    }, 1e3);
+  }, U = (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();
+  }, T = (l) => {
+    w(l.label), O(l), b(-1), u(l.value), S();
+  }, S = () => {
+    y([]), N(), 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(
+      "div",
+      {
+        className: "self-stretch min-h-14 flex-col justify-start items-start gap-1.5 flex relative",
+        ref: D,
+        children: [
+          /* @__PURE__ */ C(
+            "label",
+            {
+              className: "text-slate-700 text-sm leading-tight font-medium",
+              htmlFor: t,
+              children: [
+                e,
+                " ",
+                r ? "*" : ""
+              ]
+            }
+          ),
+          /* @__PURE__ */ n(
+            "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" : ""}   
+            ${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,
+                  onChange: Y,
+                  onKeyDown: U,
+                  onFocus: Z,
+                  clearQuery: I,
+                  inputRef: X,
+                  placeholder: A,
+                  isFocused: Q,
+                  onBlur: S,
+                  isLoading: J
+                }
+              ) })
+            }
+          ),
+          g.length > 0 && /* @__PURE__ */ n(
+            ne,
+            {
+              options: g,
+              selectedOptionIndex: M,
+              handleOptionClick: T
+            }
+          )
+        ]
+      }
+    ),
+    o && /* @__PURE__ */ n("div", { className: "HintText self-stretch text-slate-600 text-sm font-normal leading-tight", children: o })
+  ] });
+}, ne = ({
+  options: e,
+  selectedOptionIndex: t,
+  handleOptionClick: r
+}) => {
+  const d = B(null);
+  return p(() => {
+    var o;
+    if (t >= 0 && t < e.length) {
+      const a = (o = d.current) == null ? void 0 : o.children[t];
+      a == null || a.scrollIntoView({
+        behavior: "instant",
+        block: "nearest"
+      });
+    }
+  }, [t, e.length]), /* @__PURE__ */ n(
+    "div",
+    {
+      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(
+        "div",
+        {
+          className: `py-2 px-4 flex items-center justify-between gap-8 hover:bg-gray-200 cursor-pointer ${t === a ? "bg-gray-200" : ""}`,
+          onClick: () => r(o),
+          children: /* @__PURE__ */ n("p", { className: "font-normal", children: o.label })
+        },
+        o.value
+      ))
+    }
+  );
+}, oe = ({
+  value: e,
+  onChange: t,
+  onKeyDown: r,
+  onFocus: d,
+  onBlur: o,
+  inputRef: a,
+  placeholder: f,
+  clearQuery: h,
+  isFocused: u,
+  isLoading: c
+}) => /* @__PURE__ */ C("div", { className: "relative flex items-center w-full sharedResource", children: [
+  /* @__PURE__ */ n(
+    "input",
+    {
+      type: "text",
+      className: `pl-1 py-1 border-gray-800 w-full ${c ? "pr-10" : "pr-20"}`,
+      value: e,
+      onChange: t,
+      onKeyDown: r,
+      onFocus: d,
+      ref: a,
+      placeholder: f,
+      disabled: c
+    }
+  ),
+  c && /* @__PURE__ */ n("div", { className: "loader absolute right-0 text-gray-500", children: /* @__PURE__ */ C(
+    "svg",
+    {
+      className: "animate-spin h-5 w-5",
+      xmlns: "http://www.w3.org/2000/svg",
+      fill: "none",
+      viewBox: "0 0 24 24",
+      children: [
+        /* @__PURE__ */ n(
+          "circle",
+          {
+            className: "opacity-25",
+            cx: "12",
+            cy: "12",
+            r: "10",
+            stroke: "currentColor",
+            strokeWidth: "4"
+          }
+        ),
+        /* @__PURE__ */ n(
+          "path",
+          {
+            className: "opacity-75",
+            fill: "currentColor",
+            d: "M4 12a8 8 0 018-8v4a4 4 0 00-4 4H4z"
+          }
+        )
+      ]
+    }
+  ) }),
+  u && !c && /* @__PURE__ */ n(
+    _,
+    {
+      className: "material-icons absolute right-0 cursor-pointer text-gray-500",
+      onClick: o
+    }
+  ),
+  !u && !c && /* @__PURE__ */ n(
+    ee,
+    {
+      className: "material-icons absolute right-0 cursor-pointer text-gray-500",
+      onClick: () => {
+        var v;
+        (v = a.current) == null || v.focus(), d();
+      }
+    }
+  ),
+  e && !c && /* @__PURE__ */ n(
+    te,
+    {
+      className: "material-icons absolute right-10 cursor-pointer text-gray-500",
+      onClick: () => {
+        h();
+      }
+    }
+  )
+] });
+export {
+  de as default
+};

package/dist/components/form/FormField.d.ts

@@ -0,0 +1,25 @@
+import { default as React } from 'react';
+import { IOptionItem } from '../../main';
+
+export interface FormFieldProps {
+    label?: string;
+    description?: string;
+    name: string;
+    type: string;
+    value?: any;
+    register?: any;
+    errors?: any;
+    disabled?: boolean;
+    required?: boolean;
+    clearable?: boolean;
+    placeholder?: string;
+    options?: IOptionItem[];
+    children?: React.ReactNode;
+    fetchUrl?: string;
+    maxLength?: number;
+    valueKey?: string;
+    labelKey?: string;
+    onInputChange: (e: React.ChangeEvent<HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement | any>) => void;
+}
+declare const FormField: React.FC<FormFieldProps>;
+export default FormField;

package/dist/components/form/FormField.js

@@ -0,0 +1,248 @@
+import { jsxs as o, jsx as t, Fragment as x } from "react/jsx-runtime";
+import { useState as R, useRef as X, useEffect as Y } from "react";
+import { M as Z } from "../../index-CvL09ndn.js";
+import { useFederationContext as _ } from "../../contexts/FederationContext.js";
+const re = ({
+  label: b,
+  name: r,
+  type: p,
+  register: y,
+  disabled: n,
+  errors: u = {},
+  required: H,
+  clearable: L,
+  value: l,
+  description: w,
+  onInputChange: i,
+  options: s,
+  placeholder: v,
+  children: C,
+  fetchUrl: N,
+  valueKey: T,
+  labelKey: E,
+  maxLength: G
+}) => {
+  var j, A, S, $, M;
+  const [k, a] = R(!1), [F, B] = R(s), O = X(null), {
+    ref: q = O,
+    onBlur: f = () => {
+    },
+    ...d
+  } = y ? y(r) : {}, z = (j = _()) == null ? void 0 : j.apiClient, c = q || O, D = () => {
+    c.current && c.current.focus();
+  }, J = (e) => {
+    const g = Array.from(
+      e.target.selectedOptions,
+      (m) => m.value
+    );
+    i({
+      ...e,
+      target: {
+        value: g,
+        name: e.target.name
+      }
+    });
+  }, K = (e) => {
+    i({
+      ...e,
+      target: {
+        value: e.target.value == "on",
+        name: e.target.name
+      }
+    });
+  }, P = (e) => {
+    i({
+      ...e,
+      target: {
+        value: "",
+        name: r
+      }
+    });
+  };
+  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"]
+      });
+      B([
+        { value: null, label: " " },
+        // Add an empty option as the first item
+        ...W
+      ]);
+    })(N), s && B(s);
+  }, [N, s]);
+  const Q = () => {
+    switch (p) {
+      case "select":
+        return /* @__PURE__ */ t(x, { children: /* @__PURE__ */ o(
+          "select",
+          {
+            id: r,
+            className: "grow shrink basis-0 text-gray-900 text-sm font-normal leading-tight focus:border-none bg-transparent",
+            disabled: n,
+            value: l,
+            ...d,
+            ref: c,
+            onChange: i,
+            onFocus: () => a(!0),
+            onBlur: (e) => {
+              f(e), a(!1);
+            },
+            children: [
+              v && /* @__PURE__ */ t("option", { label: v }),
+              F == null ? void 0 : F.map((e) => /* @__PURE__ */ t(
+                "option",
+                {
+                  value: e.value ? e.value : void 0,
+                  children: e.label
+                },
+                e.value
+              ))
+            ]
+          }
+        ) });
+      case "multiSelect":
+        return /* @__PURE__ */ t(x, { children: /* @__PURE__ */ t(
+          "select",
+          {
+            id: r,
+            multiple: !0,
+            className: "grow shrink basis-0 text-gray-900 text-sm font-normal leading-tight focus:border-none bg-transparent",
+            disabled: n,
+            value: Array.isArray(l) ? l : [],
+            ...d,
+            ref: c,
+            onChange: J,
+            onFocus: () => a(!0),
+            onBlur: (e) => {
+              f(e), a(!1);
+            },
+            children: s == null ? void 0 : s.map((e) => /* @__PURE__ */ t(
+              "option",
+              {
+                value: e.value ? e.value : void 0,
+                children: e.label
+              },
+              e.value
+            ))
+          }
+        ) });
+      case "radioGroup":
+        return /* @__PURE__ */ t("div", { className: "flex flex-col", children: s == null ? void 0 : s.map((e, g) => /* @__PURE__ */ o(
+          "label",
+          {
+            className: "inline-flex items-center space-x-2 my-2",
+            children: [
+              /* @__PURE__ */ t(
+                "input",
+                {
+                  type: "radio",
+                  name: r,
+                  value: e.value,
+                  checked: l === e.value,
+                  disabled: n,
+                  ...y(r),
+                  onChange: i,
+                  className: "text-indigo-600 border-gray-300 focus:ring-indigo-500 mr-2"
+                }
+              ),
+              /* @__PURE__ */ t("span", { className: "text-gray-900 text-sm font-normal leading-tight", children: e.label })
+            ]
+          },
+          g
+        )) });
+      case "textarea":
+        return /* @__PURE__ */ t(
+          "textarea",
+          {
+            id: r,
+            className: "grow shrink basis-0 text-gray-900 text-sm font-normal leading-tight focus:border-none  ",
+            disabled: n,
+            value: l,
+            rows: 3,
+            ...d,
+            ref: c,
+            onChange: i,
+            onFocus: () => a(!0),
+            maxLength: G || 4e3,
+            onBlur: (e) => {
+              f(e), a(!1);
+            }
+          }
+        );
+      case "checkbox":
+        return /* @__PURE__ */ o(x, { children: [
+          /* @__PURE__ */ t(
+            "input",
+            {
+              type: "checkbox",
+              id: r,
+              className: "shrink basis-0 text-gray-900 text-sm font-normal leading-tight focus:border-none",
+              checked: l,
+              disabled: n,
+              ...d,
+              ref: c,
+              onChange: K,
+              onFocus: () => a(!0),
+              onBlur: (e) => {
+                f(e), a(!1);
+              }
+            }
+          ),
+          /* @__PURE__ */ t("label", { htmlFor: r, children: b })
+        ] });
+      default:
+        return /* @__PURE__ */ t(x, { children: /* @__PURE__ */ t(
+          "input",
+          {
+            className: "grow shrink basis-0 text-gray-900 text-sm font-normal leading-tight focus:border-none bg-transparent",
+            id: r,
+            readOnly: n,
+            value: l,
+            type: p,
+            ...d,
+            ref: c,
+            placeholder: v,
+            onChange: i,
+            onFocus: () => a(!0),
+            onBlur: (e) => {
+              f(e), a(!1);
+            }
+          }
+        ) });
+    }
+  };
+  return /* @__PURE__ */ o("div", { className: "w-full min-h-30 flex-col justify-start items-start gap-1.5 inline-flex", children: [
+    /* @__PURE__ */ o("div", { className: "self-stretch  flex-col justify-start items-start gap-1.5 flex", children: [
+      b && /* @__PURE__ */ o(
+        "label",
+        {
+          className: "text-slate-700 text-sm leading-tight font-medium",
+          htmlFor: r,
+          children: [
+            b,
+            " ",
+            H ? "*" : ""
+          ]
+        }
+      ),
+      /* @__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"}`,
+          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(),
+            C && /* @__PURE__ */ t("div", { onClick: D, children: C }),
+            L && l && /* @__PURE__ */ t(Z, { onClick: P })
+          ] })
+        }
+      )
+    ] }),
+    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: (M = u[r]) == null ? void 0 : M.message })
+  ] });
+};
+export {
+  re as default
+};

package/dist/index-CvL09ndn.js

@@ -0,0 +1,128 @@
+import a from "react";
+var m = {
+  color: void 0,
+  size: void 0,
+  className: void 0,
+  style: void 0,
+  attr: void 0
+}, d = a.createContext && /* @__PURE__ */ a.createContext(m), h = ["attr", "size", "title"];
+function b(t, e) {
+  if (t == null)
+    return {};
+  var r = O(t, e), n, i;
+  if (Object.getOwnPropertySymbols) {
+    var o = Object.getOwnPropertySymbols(t);
+    for (i = 0; i < o.length; i++)
+      n = o[i], !(e.indexOf(n) >= 0) && Object.prototype.propertyIsEnumerable.call(t, n) && (r[n] = t[n]);
+  }
+  return r;
+}
+function O(t, e) {
+  if (t == null)
+    return {};
+  var r = {};
+  for (var n in t)
+    if (Object.prototype.hasOwnProperty.call(t, n)) {
+      if (e.indexOf(n) >= 0)
+        continue;
+      r[n] = t[n];
+    }
+  return r;
+}
+function c() {
+  return c = Object.assign ? Object.assign.bind() : function(t) {
+    for (var e = 1; e < arguments.length; e++) {
+      var r = arguments[e];
+      for (var n in r)
+        Object.prototype.hasOwnProperty.call(r, n) && (t[n] = r[n]);
+    }
+    return t;
+  }, c.apply(this, arguments);
+}
+function g(t, e) {
+  var r = Object.keys(t);
+  if (Object.getOwnPropertySymbols) {
+    var n = Object.getOwnPropertySymbols(t);
+    e && (n = n.filter(function(i) {
+      return Object.getOwnPropertyDescriptor(t, i).enumerable;
+    })), r.push.apply(r, n);
+  }
+  return r;
+}
+function u(t) {
+  for (var e = 1; e < arguments.length; e++) {
+    var r = arguments[e] != null ? arguments[e] : {};
+    e % 2 ? g(Object(r), !0).forEach(function(n) {
+      y(t, n, r[n]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(t, Object.getOwnPropertyDescriptors(r)) : g(Object(r)).forEach(function(n) {
+      Object.defineProperty(t, n, Object.getOwnPropertyDescriptor(r, n));
+    });
+  }
+  return t;
+}
+function y(t, e, r) {
+  return e = w(e), e in t ? Object.defineProperty(t, e, { value: r, enumerable: !0, configurable: !0, writable: !0 }) : t[e] = r, t;
+}
+function w(t) {
+  var e = j(t, "string");
+  return typeof e == "symbol" ? e : e + "";
+}
+function j(t, e) {
+  if (typeof t != "object" || !t)
+    return t;
+  var r = t[Symbol.toPrimitive];
+  if (r !== void 0) {
+    var n = r.call(t, e || "default");
+    if (typeof n != "object")
+      return n;
+    throw new TypeError("@@toPrimitive must return a primitive value.");
+  }
+  return (e === "string" ? String : Number)(t);
+}
+function p(t) {
+  return t && t.map((e, r) => /* @__PURE__ */ a.createElement(e.tag, u({
+    key: r
+  }, e.attr), p(e.child)));
+}
+function s(t) {
+  return (e) => /* @__PURE__ */ a.createElement(P, c({
+    attr: u({}, t.attr)
+  }, e), p(t.child));
+}
+function P(t) {
+  var e = (r) => {
+    var {
+      attr: n,
+      size: i,
+      title: o
+    } = t, v = b(t, h), f = i || r.size || "1em", l;
+    return r.className && (l = r.className), t.className && (l = (l ? l + " " : "") + t.className), /* @__PURE__ */ a.createElement("svg", c({
+      stroke: "currentColor",
+      fill: "currentColor",
+      strokeWidth: "0"
+    }, r.attr, n, v, {
+      className: l,
+      style: u(u({
+        color: t.color || r.color
+      }, r.style), t.style),
+      height: f,
+      width: f,
+      xmlns: "http://www.w3.org/2000/svg"
+    }), o && /* @__PURE__ */ a.createElement("title", null, o), t.children);
+  };
+  return d !== void 0 ? /* @__PURE__ */ a.createElement(d.Consumer, null, (r) => e(r)) : e(m);
+}
+function E(t) {
+  return s({ tag: "svg", attr: { viewBox: "0 0 24 24" }, child: [{ tag: "path", attr: { fill: "none", d: "M0 0h24v24H0z" }, child: [] }, { tag: "path", attr: { d: "M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z" }, child: [] }] })(t);
+}
+function z(t) {
+  return s({ tag: "svg", attr: { viewBox: "0 0 24 24" }, child: [{ tag: "path", attr: { fill: "none", d: "M0 0h24v24H0z" }, child: [] }, { tag: "path", attr: { d: "m12 8-6 6 1.41 1.41L12 10.83l4.59 4.58L18 14z" }, child: [] }] })(t);
+}
+function M(t) {
+  return s({ tag: "svg", attr: { viewBox: "0 0 24 24" }, child: [{ tag: "path", attr: { fill: "none", d: "M0 0h24v24H0z" }, child: [] }, { tag: "path", attr: { d: "M16.59 8.59 12 13.17 7.41 8.59 6 10l6 6 6-6z" }, child: [] }] })(t);
+}
+export {
+  E as M,
+  z as a,
+  M as b
+};

package/dist/main.d.ts

@@ -1,3 +1,5 @@
 export { default as Button } from './components/Button.tsx';
+export { default as AutocompleteSearchBar } from './components/form/AutocompleteSearchBar.tsx';
+export { default as FormField } from './components/form/FormField.tsx';
 export * from './contexts/FederationContext.tsx';
 export * from './types.ts';

package/dist/main.js

@@ -1,8 +1,12 @@
 import { default as o } from "./components/Button.js";
-import { FederationContext as n, FederationContextProvider as a, useFederationContext as d } from "./contexts/FederationContext.js";
+import { default as a } from "./components/form/AutocompleteSearchBar.js";
+import { default as f } from "./components/form/FormField.js";
+import { FederationContext as x, FederationContextProvider as m, useFederationContext as u } from "./contexts/FederationContext.js";
 export {
+  a as AutocompleteSearchBar,
   o as Button,
-  n as FederationContext,
-  a as FederationContextProvider,
-  d as useFederationContext
+  x as FederationContext,
+  m as FederationContextProvider,
+  f as FormField,
+  u as useFederationContext
 };

package/dist/types.d.ts

@@ -19,3 +19,7 @@ export interface IContextValue {
     userInfo: IUserInfo;
     apiClient: AxiosInstance;
 }
+export interface IOptionItem {
+    value: string | number | null;
+    label: string;
+}

package/package.json

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