@hortiview/shared-components 0.0.5871 → 0.0.6044

package/dist/assets/FormText.css

@@ -1 +1 @@
-._formTextAreaHelperText_7ae2c_1{display:flex;justify-content:space-between}._invalid_7ae2c_6+*[class*=mdc-text-field-helper-line] *[class*=mdc-text-field-helper-text]{color:var(--lmnt-theme-danger)!important}._formText_7ae2c_1+*[class*=mdc-text-field-helper-line] *[class*=mdc-text-field-helper-text]{margin-bottom:-19.33px!important}._formTextArea_7ae2c_1,._formTextArea_7ae2c_1 *[class*=mdc-text-field-helper-text]{width:100%}._formTextArea_7ae2c_1 *[class*=mdc-text-field-helper-text]:before{display:block;height:6px}
+._formTextAreaHelperText_1n0bk_1{align-self:flex-end;color:var(--lmnt-helper-text-color);padding-right:1rem}._invalid_1n0bk_6._formTextAreaHelperText_1n0bk_1{color:var(--lmnt-theme-danger)}._required_1n0bk_9._formTextAreaHelperText_1n0bk_1{margin-top:-1.125rem}._invalid_1n0bk_6+*[class*=mdc-text-field-helper-line] *[class*=mdc-text-field-helper-text]{color:var(--lmnt-theme-danger)!important}._formTextArea_1n0bk_1{width:100%;display:flex;flex-flow:column}

package/dist/components/FormComponents/FormDatePicker/FormDatePicker.js

@@ -1,7 +1,7 @@
 import "../../../assets/FormDatePicker.css";
 import { jsx as n, jsxs as F } from "react/jsx-runtime";
 import { Datepicker as O, Divider as Y, Padding as b, Button as j } from "@element/react-components";
-import { g as H } from "../../../get-Dyz8NMrE.js";
+import { g as H } from "../../../get-BRDhkfK0.js";
 import { useMemo as a, useState as M } from "react";
 import { useFormContext as Q, Controller as $ } from "react-hook-form";
 const w = "_datePickerContainer_73m8g_1", B = "_invalid_73m8g_5", E = "_fromPickerText_73m8g_9", I = "_datePickerCalendar_73m8g_13", L = "_trailingContent_73m8g_17", c = {

package/dist/components/FormComponents/FormSelect/FormSelect.d.ts

@@ -25,6 +25,8 @@ type FormSelectProps<T extends FieldValues> = Omit<SelectProps, 'className' | 'c
     multi?: boolean;
     /** if true, the select allows the user to clear the selection */
     clearable?: boolean;
+    /** if true, the select allows the user to search for options */
+    searchable?: boolean;
     /** a message if no options a present */
     noOptionsMessage?: string;
     /**
@@ -46,6 +48,7 @@ export type FormSelectOption = {
  * creates a Select which should be part of a form component.
  * the Select is wrapped by the react hook forms {@link Controller} component.
  * @param clearable if the select allows the user to clear the selection
+ * @param searchable if the select allows the user to search for options
  * @param disabled if the select is disabled
  * @param hidden if the select should be hidden
  * @param hoisted if the select should be rendered outside of the parent
@@ -60,5 +63,5 @@ export type FormSelectOption = {
  *
  * @returns
  */
-export declare const FormSelect: <T extends FieldValues>({ propertyName, label, options, multi, disabled, hoisted, hidden, valueKey, textKey, clearable, noOptionsMessage, rules, ...props }: FormSelectProps<T>) => import("react/jsx-runtime").JSX.Element;
+export declare const FormSelect: <T extends FieldValues>({ propertyName, label, options, multi, disabled, hoisted, hidden, valueKey, textKey, clearable, searchable, noOptionsMessage, rules, ...props }: FormSelectProps<T>) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/FormComponents/FormSelect/FormSelect.js

@@ -1,87 +1,87 @@
 import "../../../assets/FormSelect.css";
-import { jsx as l, Fragment as O } from "react/jsx-runtime";
-import { Select as P } from "@element/react-components";
-import { g as d } from "../../../get-Dyz8NMrE.js";
+import { jsx as l, Fragment as P } from "react/jsx-runtime";
+import { Select as V } from "@element/react-components";
+import { g as d, i as k } from "../../../get-BRDhkfK0.js";
 import { useMemo as u } from "react";
-import { useFormContext as V, Controller as g } from "react-hook-form";
-import { isArray as k } from "lodash";
-const w = "_invalid_1vo1h_1", z = "_formSelect_1vo1h_5", B = "_formSelectContainer_1vo1h_9", S = {
-  invalid: w,
-  formSelect: z,
-  formSelectContainer: B
+import { useFormContext as w, Controller as g } from "react-hook-form";
+const z = "_invalid_1vo1h_1", B = "_formSelect_1vo1h_5", D = "_formSelectContainer_1vo1h_9", S = {
+  invalid: z,
+  formSelect: B,
+  formSelectContainer: D
 }, W = ({
   propertyName: r,
   label: h,
   options: t,
   multi: s = !1,
   disabled: C = !1,
-  hoisted: p = !1,
-  hidden: q = !1,
+  hoisted: q = !1,
+  hidden: T = !1,
   valueKey: n = "value",
-  textKey: T = "text",
+  textKey: p = "text",
   clearable: F = !1,
-  noOptionsMessage: M = "",
+  searchable: M = !0,
+  noOptionsMessage: H = "",
   rules: i,
-  ...b
+  ...$
 }) => {
   const {
     control: v,
     formState: { errors: o, isValidating: x }
-  } = V(), a = u(
+  } = w(), a = u(
     () => !x && d(o, r) !== void 0,
     [o, r, x]
-  ), H = u(
+  ), b = u(
     () => i?.required?.value,
     [i]
-  ), $ = u(
+  ), j = u(
     () => i?.required?.message,
     [i]
-  ), j = () => {
+  ), A = () => {
     if (o && o[r]) {
       const f = o[r]?.message;
       return f || "Invalid input";
     }
-    return $;
+    return j;
   };
-  return q ? /* @__PURE__ */ l(g, { name: r, control: v, render: () => /* @__PURE__ */ l(O, {}) }) : /* @__PURE__ */ l("div", { className: S.formSelectContainer, children: /* @__PURE__ */ l(
+  return T ? /* @__PURE__ */ l(g, { name: r, control: v, render: () => /* @__PURE__ */ l(P, {}) }) : /* @__PURE__ */ l("div", { className: S.formSelectContainer, children: /* @__PURE__ */ l(
     g,
     {
       name: r,
       rules: i,
       control: v,
-      render: ({ field: { ref: f, onChange: m, value: _, ...A } }) => {
-        let c = t;
-        k(t) && d(t[0], "options") !== void 0 && (c = t.flatMap((e) => d(e, "options") ?? []));
-        const E = s ? c?.filter(
+      render: ({ field: { ref: f, onChange: c, value: _, ...E } }) => {
+        let m = t;
+        k(t) && d(t[0], "options") !== void 0 && (m = t.flatMap((e) => d(e, "options") ?? []));
+        const I = s ? m?.filter(
           (e) => _?.includes(e[n])
-        ) : c?.find((e) => e[n] === _);
+        ) : m?.find((e) => e[n] === _);
         return /* @__PURE__ */ l(
-          P,
+          V,
           {
-            ...A,
-            ...b,
-            value: E,
+            ...E,
+            ...$,
+            value: I,
             label: h,
             variant: "outlined",
-            helperText: j(),
-            helperTextPersistent: H || a,
+            helperText: A(),
+            helperTextPersistent: b || a,
             options: t,
             valid: !a,
             multiSelect: s,
             className: `${S.formSelect} ${a ? S.invalid : ""}`,
             disabled: C,
             valueKey: n,
-            textKey: T,
+            textKey: p,
             onChange: (e) => {
               if (e == null)
-                return m(e);
+                return c(e);
               if (s)
-                return m(e.map((I) => I[n]));
-              m(e[n]);
+                return c(e.map((O) => O[n]));
+              c(e[n]);
             },
-            hoisted: p,
-            noOptionsMessage: M,
-            searchable: !0,
+            hoisted: q,
+            noOptionsMessage: H,
+            searchable: M,
             clearable: F,
             menuMaxHeight: "15rem"
           }

package/dist/components/FormComponents/FormText/FormText.js

@@ -1,109 +1,115 @@
 import "../../../assets/FormText.css";
-import { jsx as t, Fragment as z, jsxs as I } from "react/jsx-runtime";
-import { Textfield as P } from "@element/react-components";
-import { useState as R, useMemo as s } from "react";
-import { useFormContext as V, Controller as _ } from "react-hook-form";
-const W = "_formTextAreaHelperText_7ae2c_1", b = "_invalid_7ae2c_6", w = "_formText_7ae2c_1", D = "_formTextArea_7ae2c_1", m = {
+import { jsx as n, Fragment as h, jsxs as I } from "react/jsx-runtime";
+import { Textfield as M, TypoCaption as P } from "@element/react-components";
+import { useState as R, useMemo as d } from "react";
+import { useFormContext as V, Controller as C } from "react-hook-form";
+const W = "_formTextAreaHelperText_1n0bk_1", w = "_invalid_1n0bk_6", D = "_required_1n0bk_9", E = "_formTextArea_1n0bk_1", i = {
   formTextAreaHelperText: W,
-  invalid: b,
-  formText: w,
-  formTextArea: D
-}, E = ({
+  invalid: w,
+  required: D,
+  formTextArea: E
+}, G = ({
   count: e,
   maxCount: c,
-  required: x = !1,
-  requiredText: r = ""
-}) => /* @__PURE__ */ I("div", { className: m.formTextAreaHelperText, children: [
-  x ? /* @__PURE__ */ t("div", { children: r }) : /* @__PURE__ */ t("div", {}),
-  /* @__PURE__ */ t("div", { children: `${e}/${c}` })
-] }), Y = (e) => e.textarea ? /* @__PURE__ */ t(G, { ...e }) : /* @__PURE__ */ t(J, { ...e }), G = (e) => /* @__PURE__ */ t("div", { className: m.formTextArea, children: /* @__PURE__ */ t(C, { ...e }) }), J = (e) => /* @__PURE__ */ t(C, { ...e }), C = ({
+  invalid: m = !1,
+  required: r = !1
+}) => /* @__PURE__ */ n(
+  "div",
+  {
+    className: `${i.formTextAreaHelperText} ${m ? i.invalid : ""} ${r ? i.required : ""}`,
+    children: /* @__PURE__ */ n(P, { children: `${e}/${c}` })
+  }
+), Z = (e) => e.textarea ? /* @__PURE__ */ n(J, { ...e }) : /* @__PURE__ */ n(K, { ...e }), J = (e) => /* @__PURE__ */ n("div", { className: i.formTextArea, children: /* @__PURE__ */ n(_, { ...e }) }), K = (e) => /* @__PURE__ */ n(_, { ...e }), _ = ({
   propertyName: e,
   label: c,
-  disabled: x = !1,
+  disabled: m = !1,
   textarea: r = !1,
   hidden: A = !1,
-  placeholder: F,
-  type: L,
-  prefixText: H,
-  inputMode: q,
-  trailingIcon: S,
-  trigger: d = "likeForm",
-  rules: n
+  placeholder: q,
+  type: F,
+  prefixText: $,
+  inputMode: L,
+  trailingIcon: k,
+  trigger: x = "likeForm",
+  rules: t
 }) => {
   const {
     control: f,
     getFieldState: u,
-    formState: { errors: l },
+    formState: { errors: s },
     trigger: T
-  } = V(), [$, B] = R(0), j = (i) => {
-    const a = i.target.value;
-    B(a?.length ?? 0);
-  }, M = () => {
-    if (l && l[e]) {
-      const i = l[e]?.message;
-      return i || "Invalid input";
+  } = V(), [H, b] = R(0), S = (a) => {
+    const l = a.target.value;
+    b(l?.length ?? 0);
+  }, B = () => {
+    if (s && s[e]) {
+      const a = s[e]?.message;
+      return a || "Invalid input";
     }
-    return o && r ? /* @__PURE__ */ t(
-      E,
-      {
-        count: $,
-        maxCount: o,
-        required: v,
-        requiredText: g
-      }
-    ) : g;
-  }, o = s(
-    () => n?.maxLength?.value,
-    [n]
-  ), k = s(
-    () => n?.minLength?.value,
-    [n]
-  ), v = s(
-    () => n?.required?.value,
-    [n]
-  ), g = s(
-    () => n?.required?.message,
-    [n]
+    return z;
+  }, o = d(
+    () => t?.maxLength?.value,
+    [t]
+  ), j = d(
+    () => t?.minLength?.value,
+    [t]
+  ), v = d(
+    () => t?.required?.value,
+    [t]
+  ), z = d(
+    () => t?.required?.message,
+    [t]
   );
-  return A ? /* @__PURE__ */ t(_, { name: e, control: f, render: () => /* @__PURE__ */ t(z, {}) }) : /* @__PURE__ */ t(
-    _,
+  return A ? /* @__PURE__ */ n(C, { name: e, control: f, render: () => /* @__PURE__ */ n(h, {}) }) : /* @__PURE__ */ n(
+    C,
     {
       name: e,
-      rules: n,
+      rules: t,
       control: f,
-      render: ({ field: { ref: i, ...a } }) => /* @__PURE__ */ t(
-        P,
-        {
-          ...a,
-          value: a.value ?? "",
-          type: L,
-          fullWidth: !0,
-          inputMode: q,
-          placeholder: F,
-          prefixText: H,
-          disabled: x,
-          helperText: M(),
-          helperTextPersistent: l !== void 0 || v || o !== void 0 && r,
-          label: c,
-          variant: "outlined",
-          maxlength: o,
-          minLength: k,
-          textarea: r,
-          noResize: !1,
-          onBlur: () => {
-            d === "onBlur" && T(e);
-          },
-          onChange: (h) => {
-            a.onChange(h), r && o !== void 0 && j(h), d === "onChange" && T(e);
-          },
-          valid: !u(e).invalid,
-          className: `${m.formText} ${u(e).invalid ? m.invalid : ""}`,
-          trailingIcon: S
-        }
-      )
+      render: ({ field: { ref: a, ...l } }) => /* @__PURE__ */ I(h, { children: [
+        /* @__PURE__ */ n(
+          M,
+          {
+            ...l,
+            value: l.value ?? "",
+            type: F,
+            fullWidth: !0,
+            inputMode: L,
+            placeholder: q,
+            prefixText: $,
+            disabled: m,
+            helperText: B(),
+            helperTextPersistent: s !== void 0 || v || o !== void 0 && r,
+            label: c,
+            variant: "outlined",
+            maxlength: o,
+            minLength: j,
+            textarea: r,
+            noResize: !1,
+            onBlur: () => {
+              x === "onBlur" && T(e);
+            },
+            onChange: (g) => {
+              l.onChange(g), r && o !== void 0 && S(g), x === "onChange" && T(e);
+            },
+            valid: !u(e).invalid,
+            className: `${i.formText} ${u(e).invalid ? i.invalid : ""}`,
+            trailingIcon: k
+          }
+        ),
+        o && r && /* @__PURE__ */ n(
+          G,
+          {
+            count: H,
+            maxCount: o,
+            invalid: u(e).invalid,
+            required: v
+          }
+        )
+      ] })
     }
   );
 };
 export {
-  Y as FormText
+  Z as FormText
 };

package/dist/components/FormComponents/FormText/FormText.test.js

@@ -1,13 +1,13 @@
 import { jsx as n } from "react/jsx-runtime";
 import { r as s, s as r, f as d } from "../../../react.esm-C0LtovhP.js";
-import { FormText as l } from "./FormText.js";
-import { v as a, d as i, t as o, g as t } from "../../../vi.JYQecGiw-BbUbJcT8.js";
+import { FormText as o } from "./FormText.js";
+import { v as a, d as i, t as l, g as e } from "../../../vi.JYQecGiw-BbUbJcT8.js";
 const m = a.fn();
 a.mock("react-hook-form", () => ({
   ...a.importActual("react-hook-form"),
   Controller: ({
-    render: e
-  }) => e({
+    render: t
+  }) => t({
     field: {
       ref: void 0,
       onChange: m,
@@ -42,10 +42,10 @@ a.mock("react-hook-form", () => ({
   })
 }));
 i("FormText Test", () => {
-  o("render FormText and return single line text field", () => {
+  l("render FormText and return single line text field", () => {
     s(
       /* @__PURE__ */ n(
-        l,
+        o,
         {
           rules: {
             maxLength: {
@@ -58,12 +58,12 @@ i("FormText Test", () => {
         }
       )
     );
-    const e = r.getByRole("textbox");
-    t(e).toBeInTheDocument(), t(e).toBeInstanceOf(HTMLInputElement), t(e).toHaveAttribute("maxlength", "100"), t(r.getByText("address.line2")).toBeInTheDocument();
-  }), o("change value of single line text field", () => {
+    const t = r.getByRole("textbox");
+    e(t).toBeInTheDocument(), e(t).toBeInstanceOf(HTMLInputElement), e(t).toHaveAttribute("maxlength", "100"), e(r.getByText("address.line2")).toBeInTheDocument();
+  }), l("change value of single line text field", () => {
     s(
       /* @__PURE__ */ n(
-        l,
+        o,
         {
           rules: {
             maxLength: {
@@ -76,12 +76,12 @@ i("FormText Test", () => {
         }
       )
     );
-    const e = r.getByRole("textbox");
-    t(e).toHaveValue("test"), d.change(e, { target: { value: "test-change" } }), t(m).toHaveBeenCalled();
-  }), o("render FormText and return text area", () => {
+    const t = r.getByRole("textbox");
+    e(t).toHaveValue("test"), d.change(t, { target: { value: "test-change" } }), e(m).toHaveBeenCalled();
+  }), l("render FormText and return text area", () => {
     s(
       /* @__PURE__ */ n(
-        l,
+        o,
         {
           rules: {
             required: {
@@ -99,12 +99,29 @@ i("FormText Test", () => {
         }
       )
     );
-    const e = r.getByRole("textbox");
-    t(e).toBeInTheDocument(), t(e).toBeInstanceOf(HTMLTextAreaElement), t(e).toHaveAttribute("maxlength", "200"), t(r.getByText("address.line1")).toBeInTheDocument(), t(r.getByText("required")).toBeInTheDocument();
-  }), o("change value of text area", () => {
+    const t = r.getByRole("textbox");
+    e(t).toBeInTheDocument(), e(t).toBeInstanceOf(HTMLTextAreaElement), e(t).toHaveAttribute("maxlength", "200"), e(r.getByText("address.line1")).toBeInTheDocument(), e(r.getByText("required")).toBeInTheDocument();
+  }), l("render FormText with maxLength indicator", () => {
     s(
       /* @__PURE__ */ n(
-        l,
+        o,
+        {
+          rules: {
+            maxLength: {
+              value: 200,
+              message: "max length is 200"
+            }
+          },
+          label: "address.line1",
+          propertyName: "addressLine1",
+          textarea: !0
+        }
+      )
+    ), e(r.getByText("address.line1")).toBeInTheDocument(), e(r.queryByText("required")).not.toBeInTheDocument(), e(r.getByText("0/200")).toBeInTheDocument();
+  }), l("change value of text area", () => {
+    s(
+      /* @__PURE__ */ n(
+        o,
         {
           rules: {
             required: {
@@ -122,7 +139,7 @@ i("FormText Test", () => {
         }
       )
     );
-    const e = r.getByRole("textbox");
-    d.change(e, { target: { value: "test-change" } }), t(m).toHaveBeenCalled();
+    const t = r.getByRole("textbox");
+    d.change(t, { target: { value: "test-change" } }), e(m).toHaveBeenCalled();
   });
 });

package/dist/components/ListArea/ListArea.js

@@ -1,7 +1,7 @@
 import { jsx as m, jsxs as J, Fragment as Kr } from "react/jsx-runtime";
 import { Elevation as Ur, Divider as Q, List as qr } from "@element/react-components";
 import { g as Hr } from "../../_commonjsHelpers-CT_km90n.js";
-import { _ as H, a as Tr, b as wr, c as w, d as Nr, e as Wr, i as h, f as N, h as B, j as Xr, k as zr, l as I, m as Yr, n as Zr, o as Jr, p as W, q as Qr, r as Or, s as Pr, t as kr, u as Vr } from "../../get-Dyz8NMrE.js";
+import { _ as H, a as Tr, b as wr, c as w, d as Nr, e as Wr, f as h, h as N, j as B, k as Xr, l as zr, m as I, n as Yr, o as Zr, p as Jr, q as W, r as Qr, s as Or, t as Pr, u as kr, v as Vr } from "../../get-BRDhkfK0.js";
 import { useState as re, useMemo as k } from "react";
 import { SearchBar as ee } from "../SearchBar/SearchBar.js";
 import { g as ae, a as te, s as T } from "../../ListAreaService-zxVNvD59.js";

package/dist/{get-Dyz8NMrE.js → get-BRDhkfK0.js}

@@ -1,10 +1,12 @@
-import { c as u, g as H } from "./_commonjsHelpers-CT_km90n.js";
+import { g as D, c as u } from "./_commonjsHelpers-CT_km90n.js";
 function E(t, e) {
   for (var a = -1, r = t == null ? 0 : t.length, n = Array(r); ++a < r; )
     n[a] = e(t[a], a, t);
   return n;
 }
-var F = E, A = Array.isArray, _ = A, K = typeof u == "object" && u && u.Object === Object && u, R = K, L = R, q = typeof self == "object" && self && self.Object === Object && self, U = L || q || Function("return this")(), g = U, J = g, V = J.Symbol, d = V, m = d, D = Object.prototype, X = D.hasOwnProperty, Y = D.toString, h = m ? m.toStringTag : void 0;
+var A = E, F = Array.isArray, v = F;
+const lr = /* @__PURE__ */ D(v);
+var K = typeof u == "object" && u && u.Object === Object && u, R = K, L = R, q = typeof self == "object" && self && self.Object === Object && self, U = L || q || Function("return this")(), g = U, J = g, V = J.Symbol, d = V, m = d, x = Object.prototype, X = x.hasOwnProperty, Y = x.toString, h = m ? m.toStringTag : void 0;
 function Z(t) {
   var e = X.call(t, h), a = t[h];
   try {
@@ -23,15 +25,15 @@ var tt = W, C = d, et = k, at = tt, rt = "[object Null]", nt = "[object Undefine
 function it(t) {
   return t == null ? t === void 0 ? nt : rt : S && S in Object(t) ? et(t) : at(t);
 }
-var x = it;
-function ot(t) {
+var M = it;
+function st(t) {
   return t != null && typeof t == "object";
 }
-var st = ot, ct = x, ht = st, ut = "[object Symbol]";
+var ot = st, ct = M, ht = ot, ut = "[object Symbol]";
 function vt(t) {
   return typeof t == "symbol" || ht(t) && ct(t) == ut;
 }
-var $ = vt, lt = _, pt = $, ft = /\.|\[(?:[^[\]]*|(["'])(?:(?!\1)[^\\]|\\.)*?\1)\]/, _t = /^\w*$/;
+var $ = vt, lt = v, pt = $, ft = /\.|\[(?:[^[\]]*|(["'])(?:(?!\1)[^\\]|\\.)*?\1)\]/, _t = /^\w*$/;
 function gt(t, e) {
   if (lt(t))
     return !1;
@@ -43,15 +45,15 @@ function $t(t) {
   var e = typeof t;
   return t != null && (e == "object" || e == "function");
 }
-var M = $t, yt = x, bt = M, mt = "[object AsyncFunction]", Ct = "[object Function]", St = "[object GeneratorFunction]", Ot = "[object Proxy]";
+var G = $t, yt = M, bt = G, mt = "[object AsyncFunction]", Ct = "[object Function]", St = "[object GeneratorFunction]", Ot = "[object Proxy]";
 function Tt(t) {
   if (!bt(t))
     return !1;
   var e = yt(t);
   return e == Ct || e == St || e == mt || e == Ot;
 }
-var jt = Tt, Pt = g, wt = Pt["__core-js_shared__"], It = wt, f = It, O = function() {
-  var t = /[^.]+$/.exec(f && f.keys && f.keys.IE_PROTO || "");
+var jt = Tt, Pt = g, wt = Pt["__core-js_shared__"], It = wt, _ = It, O = function() {
+  var t = /[^.]+$/.exec(_ && _.keys && _.keys.IE_PROTO || "");
   return t ? "Symbol(src)_1." + t : "";
 }();
 function Dt(t) {
@@ -71,14 +73,14 @@ function zt(t) {
   }
   return "";
 }
-var Nt = zt, Ht = jt, Et = xt, Ft = M, At = Nt, Kt = /[\\^$.*+?()[\]{}|]/g, Rt = /^\[object .+?Constructor\]$/, Lt = Function.prototype, qt = Object.prototype, Ut = Lt.toString, Jt = qt.hasOwnProperty, Vt = RegExp(
+var Nt = zt, Ht = jt, Et = xt, At = G, Ft = Nt, Kt = /[\\^$.*+?()[\]{}|]/g, Rt = /^\[object .+?Constructor\]$/, Lt = Function.prototype, qt = Object.prototype, Ut = Lt.toString, Jt = qt.hasOwnProperty, Vt = RegExp(
   "^" + Ut.call(Jt).replace(Kt, "\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g, "$1.*?") + "$"
 );
 function Xt(t) {
-  if (!Ft(t) || Et(t))
+  if (!At(t) || Et(t))
     return !1;
   var e = Ht(t) ? Vt : Rt;
-  return e.test(At(t));
+  return e.test(Ft(t));
 }
 var Yt = Xt;
 function Zt(t, e) {
@@ -89,7 +91,7 @@ function Wt(t, e) {
   var a = Qt(t, e);
   return Bt(a) ? a : void 0;
 }
-var G = Wt, te = G, ee = te(Object, "create"), v = ee, T = v;
+var z = Wt, te = z, ee = te(Object, "create"), l = ee, T = l;
 function ae() {
   this.__data__ = T ? T(null) : {}, this.size = 0;
 }
@@ -98,39 +100,39 @@ function ne(t) {
   var e = this.has(t) && delete this.__data__[t];
   return this.size -= e ? 1 : 0, e;
 }
-var ie = ne, oe = v, se = "__lodash_hash_undefined__", ce = Object.prototype, he = ce.hasOwnProperty;
+var ie = ne, se = l, oe = "__lodash_hash_undefined__", ce = Object.prototype, he = ce.hasOwnProperty;
 function ue(t) {
   var e = this.__data__;
-  if (oe) {
+  if (se) {
     var a = e[t];
-    return a === se ? void 0 : a;
+    return a === oe ? void 0 : a;
   }
   return he.call(e, t) ? e[t] : void 0;
 }
-var ve = ue, le = v, pe = Object.prototype, fe = pe.hasOwnProperty;
+var ve = ue, le = l, pe = Object.prototype, fe = pe.hasOwnProperty;
 function _e(t) {
   var e = this.__data__;
   return le ? e[t] !== void 0 : fe.call(e, t);
 }
-var ge = _e, de = v, $e = "__lodash_hash_undefined__";
+var ge = _e, de = l, $e = "__lodash_hash_undefined__";
 function ye(t, e) {
   var a = this.__data__;
   return this.size += this.has(t) ? 0 : 1, a[t] = de && e === void 0 ? $e : e, this;
 }
 var be = ye, me = re, Ce = ie, Se = ve, Oe = ge, Te = be;
-function o(t) {
+function s(t) {
   var e = -1, a = t == null ? 0 : t.length;
   for (this.clear(); ++e < a; ) {
     var r = t[e];
     this.set(r[0], r[1]);
   }
 }
-o.prototype.clear = me;
-o.prototype.delete = Ce;
-o.prototype.get = Se;
-o.prototype.has = Oe;
-o.prototype.set = Te;
-var je = o;
+s.prototype.clear = me;
+s.prototype.delete = Ce;
+s.prototype.get = Se;
+s.prototype.has = Oe;
+s.prototype.set = Te;
+var je = s;
 function Pe() {
   this.__data__ = [], this.size = 0;
 }
@@ -145,7 +147,7 @@ function Me(t, e) {
       return a;
   return -1;
 }
-var l = Me, Ge = l, ze = Array.prototype, Ne = ze.splice;
+var p = Me, Ge = p, ze = Array.prototype, Ne = ze.splice;
 function He(t) {
   var e = this.__data__, a = Ge(e, t);
   if (a < 0)
@@ -153,34 +155,34 @@ function He(t) {
   var r = e.length - 1;
   return a == r ? e.pop() : Ne.call(e, a, 1), --this.size, !0;
 }
-var Ee = He, Fe = l;
-function Ae(t) {
-  var e = this.__data__, a = Fe(e, t);
+var Ee = He, Ae = p;
+function Fe(t) {
+  var e = this.__data__, a = Ae(e, t);
   return a < 0 ? void 0 : e[a][1];
 }
-var Ke = Ae, Re = l;
+var Ke = Fe, Re = p;
 function Le(t) {
   return Re(this.__data__, t) > -1;
 }
-var qe = Le, Ue = l;
+var qe = Le, Ue = p;
 function Je(t, e) {
   var a = this.__data__, r = Ue(a, t);
   return r < 0 ? (++this.size, a.push([t, e])) : a[r][1] = e, this;
 }
 var Ve = Je, Xe = we, Ye = Ee, Ze = Ke, ke = qe, Be = Ve;
-function s(t) {
+function o(t) {
   var e = -1, a = t == null ? 0 : t.length;
   for (this.clear(); ++e < a; ) {
     var r = t[e];
     this.set(r[0], r[1]);
   }
 }
-s.prototype.clear = Xe;
-s.prototype.delete = Ye;
-s.prototype.get = Ze;
-s.prototype.has = ke;
-s.prototype.set = Be;
-var Qe = s, We = G, ta = g, ea = We(ta, "Map"), aa = ea, j = je, ra = Qe, na = aa;
+o.prototype.clear = Xe;
+o.prototype.delete = Ye;
+o.prototype.get = Ze;
+o.prototype.has = ke;
+o.prototype.set = Be;
+var Qe = o, We = z, ta = g, ea = We(ta, "Map"), aa = ea, j = je, ra = Qe, na = aa;
 function ia() {
   this.size = 0, this.__data__ = {
     hash: new j(),
@@ -188,35 +190,35 @@ function ia() {
     string: new j()
   };
 }
-var oa = ia;
-function sa(t) {
+var sa = ia;
+function oa(t) {
   var e = typeof t;
   return e == "string" || e == "number" || e == "symbol" || e == "boolean" ? t !== "__proto__" : t === null;
 }
-var ca = sa, ha = ca;
+var ca = oa, ha = ca;
 function ua(t, e) {
   var a = t.__data__;
   return ha(e) ? a[typeof e == "string" ? "string" : "hash"] : a.map;
 }
-var p = ua, va = p;
+var f = ua, va = f;
 function la(t) {
   var e = va(this, t).delete(t);
   return this.size -= e ? 1 : 0, e;
 }
-var pa = la, fa = p;
+var pa = la, fa = f;
 function _a(t) {
   return fa(this, t).get(t);
 }
-var ga = _a, da = p;
+var ga = _a, da = f;
 function $a(t) {
   return da(this, t).has(t);
 }
-var ya = $a, ba = p;
+var ya = $a, ba = f;
 function ma(t, e) {
   var a = ba(this, t), r = a.size;
   return a.set(t, e), this.size += a.size == r ? 0 : 1, this;
 }
-var Ca = ma, Sa = oa, Oa = pa, Ta = ga, ja = ya, Pa = Ca;
+var Ca = ma, Sa = sa, Oa = pa, Ta = ga, ja = ya, Pa = Ca;
 function c(t) {
   var e = -1, a = t == null ? 0 : t.length;
   for (this.clear(); ++e < a; ) {
@@ -229,7 +231,7 @@ c.prototype.delete = Oa;
 c.prototype.get = Ta;
 c.prototype.has = ja;
 c.prototype.set = Pa;
-var wa = c, z = wa, Ia = "Expected a function";
+var wa = c, N = wa, Ia = "Expected a function";
 function y(t, e) {
   if (typeof t != "function" || e != null && typeof e != "function")
     throw new TypeError(Ia);
@@ -240,9 +242,9 @@ function y(t, e) {
     var b = t.apply(this, r);
     return a.cache = i.set(n, b) || i, b;
   };
-  return a.cache = new (y.Cache || z)(), a;
+  return a.cache = new (y.Cache || N)(), a;
 }
-y.Cache = z;
+y.Cache = N;
 var Da = y, xa = Da, Ma = 500;
 function Ga(t) {
   var e = xa(t, function(r) {
@@ -250,27 +252,27 @@ function Ga(t) {
   }), a = e.cache;
   return e;
 }
-var za = Ga, Na = za, Ha = /[^.[\]]+|\[(?:(-?\d+(?:\.\d+)?)|(["'])((?:(?!\2)[^\\]|\\.)*?)\2)\]|(?=(?:\.|\[\])(?:\.|\[\]|$))/g, Ea = /\\(\\)?/g, Fa = Na(function(t) {
+var za = Ga, Na = za, Ha = /[^.[\]]+|\[(?:(-?\d+(?:\.\d+)?)|(["'])((?:(?!\2)[^\\]|\\.)*?)\2)\]|(?=(?:\.|\[\])(?:\.|\[\]|$))/g, Ea = /\\(\\)?/g, Aa = Na(function(t) {
   var e = [];
   return t.charCodeAt(0) === 46 && e.push(""), t.replace(Ha, function(a, r, n, i) {
     e.push(n ? i.replace(Ea, "$1") : r || a);
   }), e;
-}), Aa = Fa, P = d, Ka = F, Ra = _, La = $, qa = 1 / 0, w = P ? P.prototype : void 0, I = w ? w.toString : void 0;
-function N(t) {
+}), Fa = Aa, P = d, Ka = A, Ra = v, La = $, qa = 1 / 0, w = P ? P.prototype : void 0, I = w ? w.toString : void 0;
+function H(t) {
   if (typeof t == "string")
     return t;
   if (Ra(t))
-    return Ka(t, N) + "";
+    return Ka(t, H) + "";
   if (La(t))
     return I ? I.call(t) : "";
   var e = t + "";
   return e == "0" && 1 / t == -qa ? "-0" : e;
 }
-var Ua = N, Ja = Ua;
+var Ua = H, Ja = Ua;
 function Va(t) {
   return t == null ? "" : Ja(t);
 }
-var Xa = Va, Ya = _, Za = dt, ka = Aa, Ba = Xa;
+var Xa = Va, Ya = v, Za = dt, ka = Fa, Ba = Xa;
 function Qa(t, e) {
   return Ya(t) ? t : Za(t, e) ? [t] : ka(Ba(t));
 }
@@ -282,19 +284,19 @@ function ar(t) {
   return e == "0" && 1 / t == -er ? "-0" : e;
 }
 var rr = ar, nr = Wa, ir = rr;
-function or(t, e) {
+function sr(t, e) {
   e = nr(e, t);
   for (var a = 0, r = e.length; t != null && a < r; )
     t = t[ir(e[a++])];
   return a && a == r ? t : void 0;
 }
-var sr = or, cr = sr;
+var or = sr, cr = or;
 function hr(t, e, a) {
   var r = t == null ? void 0 : cr(t, e);
   return r === void 0 ? a : r;
 }
 var ur = hr;
-const lr = /* @__PURE__ */ H(ur);
+const pr = /* @__PURE__ */ D(ur);
 export {
   Qe as _,
   aa as a,
@@ -302,20 +304,21 @@ export {
   g as c,
   d,
   De as e,
-  x as f,
-  lr as g,
-  st as h,
-  _ as i,
-  R as j,
-  jt as k,
-  G as l,
-  Nt as m,
-  M as n,
-  Wa as o,
-  rr as p,
-  ur as q,
-  dt as r,
-  sr as s,
-  $ as t,
-  F as u
+  v as f,
+  pr as g,
+  M as h,
+  lr as i,
+  ot as j,
+  R as k,
+  jt as l,
+  z as m,
+  Nt as n,
+  G as o,
+  Wa as p,
+  rr as q,
+  ur as r,
+  dt as s,
+  or as t,
+  $ as u,
+  A as v
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@hortiview/shared-components",
   "description": "This is a shared component library. It should used in the HortiView platform and its modules.",
-  "version": "0.0.5871",
+  "version": "0.0.6044",
   "type": "module",
   "repository": "https://dev.azure.com/sdundc/HV%20Platform/_git/HortiView-Frontend-Shared",
   "author": "Falk Menge <falk.menge.ext@bayer.com>",