@hortiview/shared-components 0.0.11114 → 0.0.11155

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

@@ -1,7 +1,7 @@
 import { jsx as n } from "react/jsx-runtime";
-import { a as s, s as a, f as m } from "../../../react.esm-CHvVvf3L.js";
+import { a as s, s as a, f as m } from "../../../react.esm-FR1-H8iU.js";
 import { FormDatePicker as c } from "./FormDatePicker.js";
-import { v as e, d as f, t as l, g as r } from "../../../vi.JYQecGiw-BpOAB4v6.js";
+import { v as e, d as f, t as l, g as r } from "../../../vi.CjhMlMwf-DWv7vrn7.js";
 const i = e.fn();
 e.mock("react-hook-form", () => ({
   ...e.importActual("react-hook-form"),

package/dist/components/FormComponents/FormNumber/CustomTextField.js

@@ -1,24 +1,26 @@
+import "../../../assets/CustomTextField.css";
 import { jsx as m } from "react/jsx-runtime";
-import { Textfield as u } from "@element/react-components";
-import { get as d } from "lodash";
+import { Textfield as d } from "@element/react-components";
+import { get as u } from "lodash";
 import { useMemo as f } from "react";
 import { useFormContext as g } from "react-hook-form";
-import { s as v } from "../../../formNumber.module-BA05Gi6_.js";
-const s = ({ ...e }) => {
+const v = "_invalid_1dsbr_1", c = {
+  invalid: v
+}, C = ({ ...e }) => {
   const {
     getFieldState: r,
-    formState: { errors: n },
+    formState: { errors: a },
     trigger: i,
-    watch: o
-  } = g(), a = o(e.propertyName), l = f(() => {
-    if (!(!a || e.value === null))
+    watch: l
+  } = g(), n = l(e.propertyName), o = f(() => {
+    if (!(!n || e.value === null))
       return e.value;
-  }, [a, e.value]);
+  }, [n, e.value]);
   return /* @__PURE__ */ m(
-    u,
+    d,
     {
       ...e,
-      value: l,
+      value: o,
       "data-testid": `numeric-field-${e.propertyName}`,
       fullWidth: !0,
       inputMode: "decimal",
@@ -30,11 +32,11 @@ const s = ({ ...e }) => {
         e.onChange?.(t), e.additionalTrigger === "onChange" && i(e.propertyName);
       },
       valid: !r(e.propertyName).invalid,
-      helperTextPersistent: d(n, e.propertyName) !== void 0 || e.helperTextPersistent,
-      className: r(e.propertyName).invalid ? v.invalid : ""
+      helperTextPersistent: u(a, e.propertyName) !== void 0 || e.helperTextPersistent,
+      className: r(e.propertyName).invalid ? c.invalid : ""
     }
   );
 };
 export {
-  s as CustomTextField
+  C as CustomTextField
 };

package/dist/components/FormComponents/FormNumber/FormNumber.js

@@ -1,8 +1,8 @@
 import { jsx as u } from "react/jsx-runtime";
-import { g as p } from "../../../get-BJn2Enx7.js";
+import { g as p } from "../../../get-BiqanC9_.js";
 import { useMemo as h } from "react";
 import { useFormContext as S, Controller as T } from "react-hook-form";
-import { N as g } from "../../../react-number-format.es-BeIT_PM7.js";
+import { N as g } from "../../../react-number-format.es-BD3_OvMU.js";
 import { useDecimalSeparator as y, useThousandSeparator as F } from "../../../services/NumberService.js";
 import { CustomTextField as V } from "./CustomTextField.js";
 const B = ({

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

@@ -1,8 +1,8 @@
 import { jsx as o } from "react/jsx-runtime";
-import { a, s as n } from "../../../react.esm-CHvVvf3L.js";
+import { a, s as n } from "../../../react.esm-FR1-H8iU.js";
 import { FormNumber as s } from "./FormNumber.js";
-import { v as e, d as m, t as f, g as r } from "../../../vi.JYQecGiw-BpOAB4v6.js";
-const l = e.fn();
+import { v as e, d as m, t as f, g as r } from "../../../vi.CjhMlMwf-DWv7vrn7.js";
+const u = e.fn();
 e.mock("react-hook-form", () => ({
   ...e.importActual("react-hook-form"),
   Controller: ({
@@ -10,7 +10,7 @@ e.mock("react-hook-form", () => ({
   }) => t({
     field: {
       ref: void 0,
-      onChange: l,
+      onChange: u,
       value: 12345
     },
     formState: { defaultValue: { "de-DE": 234 } }

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

@@ -1,7 +1,7 @@
 import { jsx as n } from "react/jsx-runtime";
-import { a as s, s as t, f as m } from "../../../react.esm-CHvVvf3L.js";
+import { a as s, s as t, f as m } from "../../../react.esm-FR1-H8iU.js";
 import { FormRadio as l } from "./FormRadio.js";
-import { v as e, d as c, t as i, g as o } from "../../../vi.JYQecGiw-BpOAB4v6.js";
+import { v as e, d as c, t as i, g as o } from "../../../vi.CjhMlMwf-DWv7vrn7.js";
 const r = e.fn();
 e.mock("react-hook-form", () => ({
   ...e.importActual("react-hook-form"),

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

@@ -4,7 +4,7 @@ import { FieldPath, FieldValues, Path, RegisterOptions } from 'react-hook-form';
 /**
  * a generic FormSelector property type. the generic T represents the interface, which is used in the form, like {@link CreateOrganizationDto}
  */
-type FormSelectProps<T extends FieldValues> = Omit<SelectProps, 'className' | 'clearable' | 'disabled' | 'helperText' | 'helperTextPersistent' | 'hidden' | 'hoisted' | 'label' | 'menuMaxHeight' | 'multi' | 'multiSelect' | 'options' | 'searchable' | 'textKey' | 'valid' | 'value' | 'valueKey' | 'variant'> & {
+type FormSelectProps<T extends FieldValues> = Omit<SelectProps, 'className' | 'clearable' | 'disabled' | 'helperTextPersistent' | 'hidden' | 'hoisted' | 'label' | 'menuMaxHeight' | 'multi' | 'multiSelect' | 'options' | 'searchable' | 'textKey' | 'valid' | 'value' | 'valueKey' | 'variant'> & {
     /** the name of the property in the form */
     propertyName: Path<T>;
     /** the label of the select */

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

@@ -1,130 +1,137 @@
-import { jsx as n, Fragment as E, jsxs as Q } from "react/jsx-runtime";
-import { Select as R } from "@element/react-components";
-import { g as v } from "../../../get-BJn2Enx7.js";
-import { i as U } from "../../../isArray-thIeLpc5.js";
-import { useEffect as W, useMemo as C } from "react";
-import { useFormContext as X, Controller as M } from "react-hook-form";
-import { H as Y } from "../../../react-tooltip.min-BzHiZW8k.js";
-import { SelectTooltipText as Z } from "./SelectTooltipText.js";
-import { s as r } from "../../../formSelect.module-PUiLDSD4.js";
-const ne = ({
-  propertyName: t,
-  label: S,
-  options: o,
-  multi: f = !1,
-  disabled: $ = !1,
-  hoisted: g = !1,
-  hidden: w = !1,
-  valueKey: l = "value",
-  textKey: p = "text",
-  clearable: j = !1,
-  searchable: A = !0,
-  noOptionsMessage: B = "",
-  rules: a,
+import "../../../assets/FormSelect.css";
+import { jsx as l, Fragment as I, jsxs as G } from "react/jsx-runtime";
+import { Select as J } from "@element/react-components";
+import { g as p } from "../../../get-BiqanC9_.js";
+import { i as Q } from "../../../isArray-C_5XvIlE.js";
+import { useEffect as R, useMemo as $ } from "react";
+import { useFormContext as U, Controller as w } from "react-hook-form";
+import { H as W } from "../../../react-tooltip.min-c2wVkjF2.js";
+import { useHelperText as X } from "../../../hooks/useHelperText.js";
+import { SelectTooltipText as Y } from "./SelectTooltipText.js";
+const Z = "_invalidHelperText_ht9kd_1", y = "_invalidBorder_ht9kd_5", N = "_invalidPlaceholder_ht9kd_9", K = "_invalidDropdownIcon_ht9kd_13", ee = "_formSelectContainer_ht9kd_18", te = "_formSelect_ht9kd_18", ie = "_multiText_ht9kd_44", le = "_tooltip_ht9kd_53", ne = "_disabled_ht9kd_58", t = {
+  invalidHelperText: Z,
+  invalidBorder: y,
+  invalidPlaceholder: N,
+  invalidDropdownIcon: K,
+  formSelectContainer: ee,
+  formSelect: te,
+  multiText: ie,
+  tooltip: le,
+  disabled: ne
+}, ue = ({
+  propertyName: i,
+  label: h,
+  options: r,
+  multi: a = !1,
+  disabled: T = !1,
+  hoisted: _ = !1,
+  hidden: B = !1,
+  valueKey: n = "value",
+  textKey: v = "text",
+  clearable: D = !1,
+  searchable: F = !0,
+  noOptionsMessage: b = "",
+  rules: u,
   menuPosition: d = "auto",
-  ...s
+  ...o
 }) => {
   const {
-    control: I,
-    getFieldState: D,
-    formState: { errors: c, isValidating: H }
-  } = X(), m = CSS.escape(t) + "-select-container", b = '[id="' + CSS.escape(m) + '"]';
-  W(() => {
-    if (!(!g || d === "auto") && !document.getElementById(m)) {
-      const i = document.createElement("div");
-      i.id = m, i.classList.add(d), document.body.appendChild(i);
+    control: C,
+    getFieldState: E,
+    formState: { errors: g, isValidating: k }
+  } = U(), c = CSS.escape(i) + "-select-container", M = '[id="' + CSS.escape(c) + '"]';
+  R(() => {
+    if (!(!_ || d === "auto") && !document.getElementById(c)) {
+      const s = document.createElement("div");
+      s.id = c, s.classList.add(d), document.body.appendChild(s);
     }
-  }, [g, d, m]);
-  const q = C(
-    () => !H && v(c, t) !== void 0,
-    [c, t, H]
-  ), L = C(
-    () => a?.required?.value,
-    [a]
-  ), O = C(
-    () => a?.required?.message,
-    [a]
-  ), V = () => {
-    if (c && c[t]) {
-      const i = c[t]?.message;
-      return i || "Invalid input";
-    }
-    return O;
-  };
-  return w ? /* @__PURE__ */ n(M, { name: t, control: I, render: () => /* @__PURE__ */ n(E, {}) }) : /* @__PURE__ */ n(
+  }, [_, d, c]);
+  const q = $(
+    () => !k && p(g, i) !== void 0,
+    [g, i, k]
+  ), j = $(
+    () => u?.required?.message,
+    [u]
+  ), { helperText: A, helperTextPersistent: P } = X({
+    propertyName: i,
+    helperText: o.helperText,
+    requiredText: j,
+    hasCharacterCount: !1
+  });
+  return B ? /* @__PURE__ */ l(w, { name: i, control: C, render: () => /* @__PURE__ */ l(I, {}) }) : /* @__PURE__ */ l(
     "div",
     {
       "data-testid": "form-select-container",
-      className: r.formSelectContainer,
-      "data-tooltip-id": S,
-      children: /* @__PURE__ */ n(
-        M,
+      className: t.formSelectContainer,
+      "data-tooltip-id": h,
+      children: /* @__PURE__ */ l(
+        w,
         {
-          name: t,
-          rules: a,
-          control: I,
-          render: ({ field: { ref: i, onChange: h, value: F, ...k } }) => {
-            let T = o;
-            U(o) && v(o[0], "options") !== void 0 && (T = o.flatMap((e) => v(e, "options") ?? []));
-            const u = f ? T?.filter(
-              (e) => F?.includes(e[l])
-            ) : T?.find((e) => e[l] === F), z = f && s.multiDisplayType === "text" && s.fixedHeightInput, x = D(t).invalid, G = `
-          ${r.formSelect} 
-          ${x ? r.invalidHelperText : ""} 
-          ${x ? r.invalidDropdownIcon : ""}  
-          ${x ? r.invalidBorder : ""} 
-          ${x ? r.invalidPlaceholder : ""}  
-          ${z ? r.multiText : ""} 
-          ${$ ? r.disabled : ""}`;
-            return /* @__PURE__ */ Q(E, { children: [
-              /* @__PURE__ */ n(
-                R,
+          name: i,
+          rules: u,
+          control: C,
+          render: ({ field: { ref: s, onChange: x, value: H, ...L } }) => {
+            let S = r;
+            Q(r) && p(r[0], "options") !== void 0 && (S = r.flatMap((e) => p(e, "options") ?? []));
+            const f = a ? S?.filter(
+              (e) => H?.includes(e[n])
+            ) : S?.find((e) => e[n] === H), O = a && o.multiDisplayType === "text" && o.fixedHeightInput, m = E(i).invalid, V = `
+          ${t.formSelect} 
+          ${m ? t.invalidHelperText : ""} 
+          ${m ? t.invalidDropdownIcon : ""}  
+          ${m ? t.invalidBorder : ""} 
+          ${m ? t.invalidPlaceholder : ""}  
+          ${O ? t.multiText : ""} 
+          ${T ? t.disabled : ""}`;
+            return /* @__PURE__ */ G(I, { children: [
+              /* @__PURE__ */ l(
+                J,
                 {
-                  ...k,
-                  ...s,
-                  value: u ?? [],
-                  label: S,
+                  ...L,
+                  ...o,
+                  value: f ?? [],
+                  label: h,
                   variant: "outlined",
-                  helperText: V(),
-                  helperTextPersistent: L || q,
-                  options: o,
+                  helperText: A,
+                  helperTextPersistent: P,
+                  options: r,
                   valid: !q,
-                  "data-testid": `select-${t}`,
-                  multiSelect: f,
-                  className: G,
-                  disabled: $,
-                  valueKey: l,
-                  textKey: p,
+                  "data-testid": `select-${i}`,
+                  multiSelect: a,
+                  className: V,
+                  disabled: T,
+                  valueKey: n,
+                  textKey: v,
                   onChange: (e) => {
                     if (e == null) {
-                      h(e);
+                      x(e);
                       return;
                     }
-                    if (f) {
-                      h(e.map((J) => J[l]));
+                    if (a) {
+                      x(e.map((z) => z[n]));
                       return;
                     }
-                    h(e[l]), s?.onChange?.(e);
+                    x(e[n]), o?.onChange?.(e);
                   },
-                  hoisted: g,
-                  noOptionsMessage: B,
-                  searchable: A,
-                  clearable: j,
+                  hoisted: _,
+                  noOptionsMessage: b,
+                  searchable: F,
+                  clearable: D,
                   menuMaxHeight: "15rem",
                   menuPosition: d,
-                  portalContainer: d !== "auto" && b
+                  portalContainer: d !== "auto" && M
                 }
               ),
-              /* @__PURE__ */ n(
-                Y,
+              /* @__PURE__ */ l(
+                W,
                 {
-                  id: S,
+                  id: h,
                   noArrow: !0,
                   place: "bottom",
                   delayShow: 420,
-                  className: r.tooltip,
-                  hidden: !u || u.length === 0 || !s.fixedHeightInput,
-                  children: /* @__PURE__ */ n(Z, { value: u, textKey: p, valueKey: l })
+                  className: t.tooltip,
+                  hidden: !f || f.length === 0 || !o.fixedHeightInput,
+                  children: /* @__PURE__ */ l(Y, { value: f, textKey: v, valueKey: n })
                 }
               )
             ] });
@@ -135,5 +142,5 @@ const ne = ({
   );
 };
 export {
-  ne as FormSelect
+  ue as FormSelect
 };

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

@@ -1,9 +1,9 @@
 import { jsx as r } from "react/jsx-runtime";
-import { a, s as t, f as T, w as p } from "../../../react.esm-CHvVvf3L.js";
-import { u as B } from "../../../index-IMXII42b.js";
+import { a, s as t, f as T, w as p } from "../../../react.esm-FR1-H8iU.js";
+import { u as B } from "../../../index-DzM8o582.js";
 import { FormSelect as i } from "./FormSelect.js";
 import { SelectTooltipText as d } from "./SelectTooltipText.js";
-import { v as n, d as f, t as u, g as e } from "../../../vi.JYQecGiw-BpOAB4v6.js";
+import { v as n, d as f, t as u, g as e } from "../../../vi.CjhMlMwf-DWv7vrn7.js";
 const g = n.fn();
 n.mock("react-hook-form", () => ({
   ...n.importActual("react-hook-form"),

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

@@ -1,9 +1,9 @@
-import { jsx as e } from "react/jsx-runtime";
-import { Group as n, TypoBody as p } from "@element/react-components";
-const m = ({ value: r, textKey: i, valueKey: t }) => {
+import { jsx as n } from "react/jsx-runtime";
+import { Group as t, TypoBody as d } from "@element/react-components";
+const f = ({ value: r, textKey: e, valueKey: o }) => {
   if (!(!r || r.length === 0))
-    return Array.isArray(r) ? /* @__PURE__ */ e(n, { direction: "vertical", gap: "dense", children: r?.map((o) => /* @__PURE__ */ e(p, { level: 2, children: o[i] }, o[t])) }) : r?.[i];
+    return Array.isArray(r) ? /* @__PURE__ */ n(t, { direction: "vertical", gap: "dense", children: r?.map((i) => /* @__PURE__ */ n(d, { level: 2, children: i[e] }, i[o])) }) : r?.[e];
 };
 export {
-  m as SelectTooltipText
+  f as SelectTooltipText
 };

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

@@ -1,7 +1,7 @@
 import { jsx as s } from "react/jsx-runtime";
-import { a, s as n } from "../../../react.esm-CHvVvf3L.js";
+import { a, s as n } from "../../../react.esm-FR1-H8iU.js";
 import { FormSlider as l } from "./FormSlider.js";
-import { v as e, d as m, t as i, g as r } from "../../../vi.JYQecGiw-BpOAB4v6.js";
+import { v as e, d as m, t as i, g as r } from "../../../vi.CjhMlMwf-DWv7vrn7.js";
 const o = e.fn();
 e.mock("react-hook-form", () => ({
   ...e.importActual("react-hook-form"),