@hortiview/shared-components 0.0.11176 → 0.0.11587

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-FR1-H8iU.js";
+import { a as s, s as a, f as m } from "../../../react.esm-DNwojocF.js";
 import { FormDatePicker as c } from "./FormDatePicker.js";
-import { v as e, d as f, t as l, g as r } from "../../../vi.CjhMlMwf-DWv7vrn7.js";
+import { v as e, d as f, t as l, g as r } from "../../../vi.CjhMlMwf-BCJNwXvu.js";
 const i = e.fn();
 e.mock("react-hook-form", () => ({
   ...e.importActual("react-hook-form"),

package/dist/components/FormComponents/FormNumber/CustomTextField.d.ts

@@ -1,6 +1,7 @@
-import { TextfieldProps } from '@element/react-components';
+import { TextfieldProps } from '@element-public/react-textfield';
 import { ControllerRenderProps, FieldValues, Path } from 'react-hook-form';
 import { InputAttributes, NumericFormatProps } from 'react-number-format';
+
 type CustomTextFieldProps<T extends FieldValues> = Pick<TextfieldProps, 'className' | 'disabled' | 'fullWidth' | 'helperText' | 'helperTextPersistent' | 'helperTextValidation' | 'label' | 'leadingIcon' | 'placeholder' | 'trailingIcon' | 'variant'> & {
     /**
      * the path to the property

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

@@ -1,21 +1,20 @@
-import "../../../assets/CustomTextField.css";
 import { jsx as m } from "react/jsx-runtime";
-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";
-const v = "_invalid_1dsbr_1", c = {
-  invalid: v
-}, C = ({ ...e }) => {
+import { T as d } from "../../../index.es-25EARqhH.js";
+import { g as u } from "../../../get-DFv1gXfq.js";
+import { useMemo as g } from "react";
+import { useFormContext as v } from "react-hook-form";
+import '../../../assets/CustomTextField.css';const f = "_invalid_1dsbr_1", c = {
+  invalid: f
+}, T = ({ ...e }) => {
   const {
     getFieldState: r,
-    formState: { errors: a },
+    formState: { errors: n },
     trigger: i,
     watch: l
-  } = g(), n = l(e.propertyName), o = f(() => {
-    if (!(!n || e.value === null))
+  } = v(), a = l(e.propertyName), o = g(() => {
+    if (!(!a || e.value === null))
       return e.value;
-  }, [n, e.value]);
+  }, [a, e.value]);
   return /* @__PURE__ */ m(
     d,
     {
@@ -32,11 +31,11 @@ const v = "_invalid_1dsbr_1", c = {
         e.onChange?.(t), e.additionalTrigger === "onChange" && i(e.propertyName);
       },
       valid: !r(e.propertyName).invalid,
-      helperTextPersistent: u(a, e.propertyName) !== void 0 || e.helperTextPersistent,
+      helperTextPersistent: u(n, e.propertyName) !== void 0 || e.helperTextPersistent,
       className: r(e.propertyName).invalid ? c.invalid : ""
     }
   );
 };
 export {
-  C as CustomTextField
+  T as CustomTextField
 };

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

@@ -1,7 +1,8 @@
-import { TextfieldProps } from '@element/react-components';
+import { TextfieldProps } from '@element-public/react-textfield';
 import { FieldValues, Path } from 'react-hook-form';
 import { NumericFormatProps } from 'react-number-format';
 import { LANGUAGE_COUNTRY_CODES } from '../../../types/Languages';
+
 export type FormNumberProps<T extends FieldValues> = {
     /**
      * the language code to use for formatting the number

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-BiqanC9_.js";
+import { g as p } from "../../../get-DFv1gXfq.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-BD3_OvMU.js";
+import { N as g } from "../../../react-number-format.es-BK1EpVXq.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-FR1-H8iU.js";
+import { a, s as n } from "../../../react.esm-DNwojocF.js";
 import { FormNumber as s } from "./FormNumber.js";
-import { v as e, d as m, t as f, g as r } from "../../../vi.CjhMlMwf-DWv7vrn7.js";
-const u = e.fn();
+import { v as e, d as m, t as f, g as r } from "../../../vi.CjhMlMwf-BCJNwXvu.js";
+const l = 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: u,
+      onChange: l,
       value: 12345
     },
     formState: { defaultValue: { "de-DE": 234 } }

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

@@ -1,4 +1,5 @@
 import { FieldValues, Path } from 'react-hook-form';
+
 type FormRadioProps<T extends FieldValues> = {
     /** The name of the property that this radio button represents. */
     propertyName: Path<T>;

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

@@ -1,13 +1,13 @@
 import { jsx as r, Fragment as m } from "react/jsx-runtime";
-import { Radio as d } from "@element/react-components";
-import { useFormContext as c, Controller as s } from "react-hook-form";
+import { R as d } from "../../../index.es-BtjV0oNv.js";
+import { useFormContext as s, Controller as c } from "react-hook-form";
 const g = ({ propertyName: l, options: t }) => {
-  const { control: n, setValue: o } = c(), u = (a) => {
+  const { control: n, setValue: o } = s(), u = (a) => {
     const e = a.target.value;
     o(l, e);
   };
   return /* @__PURE__ */ r(
-    s,
+    c,
     {
       name: l,
       control: n,

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-FR1-H8iU.js";
+import { a as s, s as t, f as m } from "../../../react.esm-DNwojocF.js";
 import { FormRadio as l } from "./FormRadio.js";
-import { v as e, d as c, t as i, g as o } from "../../../vi.CjhMlMwf-DWv7vrn7.js";
+import { v as e, d as c, t as i, g as o } from "../../../vi.CjhMlMwf-BCJNwXvu.js";
 const r = e.fn();
 e.mock("react-hook-form", () => ({
   ...e.importActual("react-hook-form"),

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

@@ -1,10 +1,11 @@
-/// <reference types="react" />
-import { SelectProps } from '@element/react-components';
+import { SelectProps } from '@element-public/react-select';
 import { FieldPath, FieldValues, Path, RegisterOptions } from 'react-hook-form';
+import { ExtendedSelectProps } from '../../Select/Select';
+
 /**
  * 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' | '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'> & Pick<ExtendedSelectProps, 'portalClassName'> & {
     /** the name of the property in the form */
     propertyName: Path<T>;
     /** the label of the select */
@@ -34,10 +35,6 @@ type FormSelectProps<T extends FieldValues> = Omit<SelectProps, 'className' | 'c
      * @example { validate: (value) => value === 'admin' }
      */
     rules?: Omit<RegisterOptions<T, FieldPath<T>>, 'disabled' | 'valueAsNumber' | 'valueAsDate' | 'setValueAs'> | undefined;
-    /**
-     * if auto no portal container will be rendered
-     */
-    menuPosition?: 'auto' | 'top' | 'bottom';
 };
 /**
  * the base option type of the selector, you can also use your own custom objects, by defining the {@link FormSelectProps} valueKey and textKey

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

@@ -1,137 +1,127 @@
-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 = ({
+import { jsx as o, Fragment as g, jsxs as V } from "react/jsx-runtime";
+import { g as _ } from "../../../get-DFv1gXfq.js";
+import { i as z } from "../../../isArray-Dub1wGJM.js";
+import { useMemo as k } from "react";
+import { useFormContext as G, Controller as C } from "react-hook-form";
+import { M as J } from "../../../react-tooltip.min-DSY6KDqS.js";
+import { useHelperText as L } from "../../../hooks/useHelperText.js";
+import { Select as Q } from "../../Select/Select.js";
+import { SelectTooltipText as R } from "./SelectTooltipText.js";
+import '../../../assets/FormSelect.css';const U = "_invalidHelperText_ht9kd_1", W = "_invalidBorder_ht9kd_5", X = "_invalidPlaceholder_ht9kd_9", Y = "_invalidDropdownIcon_ht9kd_13", Z = "_formSelectContainer_ht9kd_18", N = "_formSelect_ht9kd_18", y = "_multiText_ht9kd_44", K = "_tooltip_ht9kd_53", tt = "_disabled_ht9kd_58", e = {
+  invalidHelperText: U,
+  invalidBorder: W,
+  invalidPlaceholder: X,
+  invalidDropdownIcon: Y,
+  formSelectContainer: Z,
+  formSelect: N,
+  multiText: y,
+  tooltip: K,
+  disabled: tt
+}, mt = ({
   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",
-  ...o
+  label: c,
+  options: n,
+  multi: d = !1,
+  disabled: x = !1,
+  hoisted: $ = !1,
+  hidden: H = !1,
+  valueKey: l = "value",
+  textKey: u = "text",
+  clearable: I = !1,
+  searchable: w = !0,
+  noOptionsMessage: D = "",
+  rules: m,
+  menuPosition: P = "auto",
+  ...r
 }) => {
   const {
-    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);
-    }
-  }, [_, d, c]);
-  const q = $(
-    () => !k && p(g, i) !== void 0,
-    [g, i, k]
-  ), j = $(
-    () => u?.required?.message,
-    [u]
-  ), { helperText: A, helperTextPersistent: P } = X({
+    control: T,
+    getFieldState: B,
+    formState: { errors: v, isValidating: S }
+  } = G(), F = k(
+    () => !S && _(v, i) !== void 0,
+    [v, i, S]
+  ), M = k(
+    () => m?.required?.message,
+    [m]
+  ), { helperText: b, helperTextPersistent: j } = L({
     propertyName: i,
-    helperText: o.helperText,
-    requiredText: j,
+    helperText: r.helperText,
+    requiredText: M,
     hasCharacterCount: !1
   });
-  return B ? /* @__PURE__ */ l(w, { name: i, control: C, render: () => /* @__PURE__ */ l(I, {}) }) : /* @__PURE__ */ l(
+  return H ? /* @__PURE__ */ o(C, { name: i, control: T, render: () => /* @__PURE__ */ o(g, {}) }) : /* @__PURE__ */ o(
     "div",
     {
       "data-testid": "form-select-container",
-      className: t.formSelectContainer,
-      "data-tooltip-id": h,
-      children: /* @__PURE__ */ l(
-        w,
+      className: e.formSelectContainer,
+      "data-tooltip-id": c,
+      children: /* @__PURE__ */ o(
+        C,
         {
           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,
+          rules: m,
+          control: T,
+          render: ({ field: { ref: et, onChange: f, value: p, ...q } }) => {
+            let h = n;
+            z(n) && _(n[0], "options") !== void 0 && (h = n.flatMap((t) => _(t, "options") ?? []));
+            const a = d ? h?.filter(
+              (t) => p?.includes(t[l])
+            ) : h?.find((t) => t[l] === p), A = d && r.multiDisplayType === "text" && r.fixedHeightInput, s = B(i).invalid, E = `
+          ${e.formSelect} 
+          ${s ? e.invalidHelperText : ""} 
+          ${s ? e.invalidDropdownIcon : ""}  
+          ${s ? e.invalidBorder : ""} 
+          ${s ? e.invalidPlaceholder : ""}  
+          ${A ? e.multiText : ""} 
+          ${x ? e.disabled : ""}`;
+            return /* @__PURE__ */ V(g, { children: [
+              /* @__PURE__ */ o(
+                Q,
                 {
-                  ...L,
-                  ...o,
-                  value: f ?? [],
-                  label: h,
+                  ...q,
+                  ...r,
+                  value: a ?? [],
+                  label: c,
                   variant: "outlined",
-                  helperText: A,
-                  helperTextPersistent: P,
-                  options: r,
-                  valid: !q,
+                  helperText: b,
+                  helperTextPersistent: j,
+                  options: n,
+                  valid: !F,
                   "data-testid": `select-${i}`,
-                  multiSelect: a,
-                  className: V,
-                  disabled: T,
-                  valueKey: n,
-                  textKey: v,
-                  onChange: (e) => {
-                    if (e == null) {
-                      x(e);
+                  multiSelect: d,
+                  className: E,
+                  disabled: x,
+                  valueKey: l,
+                  textKey: u,
+                  onChange: (t) => {
+                    if (t == null) {
+                      f(t);
                       return;
                     }
-                    if (a) {
-                      x(e.map((z) => z[n]));
+                    if (d) {
+                      f(t.map((O) => O[l]));
                       return;
                     }
-                    x(e[n]), o?.onChange?.(e);
+                    f(t[l]), r?.onChange?.(t);
                   },
-                  hoisted: _,
-                  noOptionsMessage: b,
-                  searchable: F,
-                  clearable: D,
-                  menuMaxHeight: "15rem",
-                  menuPosition: d,
-                  portalContainer: d !== "auto" && M
+                  hoisted: $,
+                  noOptionsMessage: D,
+                  searchable: w,
+                  clearable: I,
+                  menuPosition: P
                 }
               ),
-              /* @__PURE__ */ l(
-                W,
+              /* @__PURE__ */ o(
+                J,
                 {
-                  id: h,
+                  id: c,
                   noArrow: !0,
                   place: "bottom",
                   delayShow: 420,
-                  className: t.tooltip,
-                  hidden: !f || f.length === 0 || !o.fixedHeightInput,
-                  children: /* @__PURE__ */ l(Y, { value: f, textKey: v, valueKey: n })
+                  className: e.tooltip,
+                  hidden: !a || a.length === 0 || !r.fixedHeightInput,
+                  children: /* @__PURE__ */ o(R, { value: a, textKey: u, valueKey: l })
                 }
               )
             ] });
@@ -142,5 +132,5 @@ const Z = "_invalidHelperText_ht9kd_1", y = "_invalidBorder_ht9kd_5", N = "_inva
   );
 };
 export {
-  ue as FormSelect
+  mt 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-FR1-H8iU.js";
-import { u as B } from "../../../index-DzM8o582.js";
+import { a, s as t, f as T, w as p } from "../../../react.esm-DNwojocF.js";
+import { u as B } from "../../../index-CrcXCSzI.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.CjhMlMwf-DWv7vrn7.js";
+import { v as n, d as f, t as u, g as e } from "../../../vi.CjhMlMwf-BCJNwXvu.js";
 const g = n.fn();
 n.mock("react-hook-form", () => ({
   ...n.importActual("react-hook-form"),

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

@@ -1,4 +1,5 @@
 import { ChangeValueType } from '../../../types/internal/ChangeValueType';
+
 type TooltipTextProps = {
     /**
      * the selected option(s) of the select

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

@@ -1,9 +1,10 @@
-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 }) => {
+import { jsx as t } from "react/jsx-runtime";
+import { G as n } from "../../../index.es-DntoATwO.js";
+import { b as p } from "../../../index.es-CF_xy2ns.js";
+const s = ({ value: r, textKey: o, valueKey: e }) => {
   if (!(!r || r.length === 0))
-    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];
+    return Array.isArray(r) ? /* @__PURE__ */ t(n, { direction: "vertical", gap: "dense", children: r?.map((i) => /* @__PURE__ */ t(p, { level: 2, children: i[o] }, i[e])) }) : r?.[o];
 };
 export {
-  f as SelectTooltipText
+  s as SelectTooltipText
 };

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

@@ -1,4 +1,5 @@
 import { FieldValues, Path } from 'react-hook-form';
+
 type FormSliderProps<T extends FieldValues> = {
     /** the path to the property, like Address.AddressLine1 */
     propertyName: Path<T>;