@hortiview/shared-components 0.0.11176 → 0.0.11587

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

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

@@ -1,6 +1,7 @@
-import { TextfieldProps } from '@element/react-components';
+import { TextfieldProps } from '@element-public/react-textfield';
 import { ReactNode } from 'react';
 import { FieldPath, FieldValues, Path, RegisterOptions } from 'react-hook-form';
+
 /**
  * a generic FormText property type. the generic T represents the interface, which is used in the form, like {@link CreateOrganizationDto}
  */

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

@@ -1,11 +1,11 @@
-import "../../../assets/FormText.css";
 import { jsx as t, Fragment as F, jsxs as D } from "react/jsx-runtime";
-import { Textfield as G, TypoCaption as I } from "@element/react-components";
-import { g as J } from "../../../get-BiqanC9_.js";
+import { T as G } from "../../../index.es-25EARqhH.js";
+import { a as I } from "../../../index.es-CF_xy2ns.js";
+import { g as J } from "../../../get-DFv1gXfq.js";
 import { useState as q, useCallback as K, useMemo as T, useEffect as O } from "react";
 import { useFormContext as Q, Controller as H } from "react-hook-form";
 import { useHelperText as U } from "../../../hooks/useHelperText.js";
-const X = "_formTextAreaHelperText_168p8_1", Y = "_invalid_168p8_7", Z = "_required_168p8_11", N = "_formTextArea_168p8_1", y = "_characterCount_168p8_25", p = "_withoutCharacterCount_168p8_31", r = {
+import '../../../assets/FormText.css';const X = "_formTextAreaHelperText_168p8_1", Y = "_invalid_168p8_7", Z = "_required_168p8_11", N = "_formTextArea_168p8_1", y = "_characterCount_168p8_25", p = "_withoutCharacterCount_168p8_31", n = {
   formTextAreaHelperText: X,
   invalid: Y,
   required: Z,
@@ -14,28 +14,28 @@ const X = "_formTextAreaHelperText_168p8_1", Y = "_invalid_168p8_7", Z = "_requi
   withoutCharacterCount: p
 }, ee = ({
   count: e,
-  maxCount: u,
-  invalid: s = !1,
-  hasRequiredText: n = !1
+  maxCount: s,
+  invalid: u = !1,
+  hasRequiredText: r = !1
 }) => /* @__PURE__ */ t(
   "div",
   {
     "data-testid": "character-counter-container",
-    className: `${r.formTextAreaHelperText} ${s ? r.invalid : ""} ${n ? r.required : ""}`,
-    children: /* @__PURE__ */ t(I, { children: `${e}/${u}` })
+    className: `${n.formTextAreaHelperText} ${u ? n.invalid : ""} ${r ? n.required : ""}`,
+    children: /* @__PURE__ */ t(I, { children: `${e}/${s}` })
   }
-), se = (e) => e.textarea ? /* @__PURE__ */ t(te, { ...e }) : /* @__PURE__ */ t(ne, { ...e }), te = (e) => /* @__PURE__ */ t("div", { "data-testid": "form-text-area", className: r.formTextArea, children: /* @__PURE__ */ t(L, { ...e }) }), ne = (e) => /* @__PURE__ */ t(
+), ue = (e) => e.textarea ? /* @__PURE__ */ t(te, { ...e }) : /* @__PURE__ */ t(re, { ...e }), te = (e) => /* @__PURE__ */ t("div", { "data-testid": "form-text-area", className: n.formTextArea, children: /* @__PURE__ */ t(L, { ...e }) }), re = (e) => /* @__PURE__ */ t(
   "div",
   {
     "data-testid": "form-text-field",
-    className: `${e.hasCharacterCount ? r.characterCount : r.withoutCharacterCount}`,
+    className: `${e.hasCharacterCount ? n.characterCount : n.withoutCharacterCount}`,
     children: /* @__PURE__ */ t(L, { ...e })
   }
 ), L = ({
   propertyName: e,
-  label: u,
-  disabled: s = !1,
-  textarea: n = !1,
+  label: s,
+  disabled: u = !1,
+  textarea: r = !1,
   hasCharacterCount: c = !1,
   hidden: w = !1,
   placeholder: B,
@@ -47,17 +47,17 @@ const X = "_formTextAreaHelperText_168p8_1", Y = "_invalid_168p8_7", Z = "_requi
   rules: a,
   ...i
 }) => {
-  const { control: g, getFieldState: d, trigger: v } = Q(), [b, f] = q(0), [o, z] = q(), m = K(
+  const { control: g, getFieldState: d, trigger: v } = Q(), [b, m] = q(0), [o, z] = q(), f = K(
     (h) => {
       if (o != null) {
-        f(o.length);
+        m(o.length);
         return;
       }
       if (h) {
-        f(h.length);
+        m(h.length);
         return;
       }
-      f(0);
+      m(0);
     },
     [o]
   ), l = T(
@@ -74,11 +74,11 @@ const X = "_formTextAreaHelperText_168p8_1", Y = "_invalid_168p8_7", Z = "_requi
     helperText: i.helperText,
     requiredText: _,
     maxLength: l,
-    hasCharacterCount: n || c
+    hasCharacterCount: r || c
   });
   return O(() => {
-    (n || c) && l !== void 0 && o != null && m();
-  }, [o, n, c, l, m]), w ? /* @__PURE__ */ t(H, { name: e, control: g, render: () => /* @__PURE__ */ t(F, {}) }) : /* @__PURE__ */ t(
+    (r || c) && l !== void 0 && o != null && f();
+  }, [o, r, c, l, f]), w ? /* @__PURE__ */ t(H, { name: e, control: g, render: () => /* @__PURE__ */ t(F, {}) }) : /* @__PURE__ */ t(
     H,
     {
       name: e,
@@ -86,7 +86,7 @@ const X = "_formTextAreaHelperText_168p8_1", Y = "_invalid_168p8_7", Z = "_requi
       control: g,
       render: ({ field: { ref: h, ...x }, formState: { defaultValues: V } }) => {
         const A = J(V, e);
-        return !o && A && (c || n) && m(A), /* @__PURE__ */ D(F, { children: [
+        return !o && A && (c || r) && f(A), /* @__PURE__ */ D(F, { children: [
           /* @__PURE__ */ t(
             G,
             {
@@ -99,14 +99,14 @@ const X = "_formTextAreaHelperText_168p8_1", Y = "_invalid_168p8_7", Z = "_requi
               inputMode: k,
               placeholder: B,
               prefixText: j,
-              disabled: s,
+              disabled: u,
               helperText: M,
               helperTextPersistent: P,
-              label: u,
+              label: s,
               variant: "outlined",
               maxlength: l,
               minLength: E,
-              textarea: n,
+              textarea: r,
               noResize: !1,
               onBlur: () => {
                 C === "onBlur" && v(e), i.onBlur?.();
@@ -117,11 +117,11 @@ const X = "_formTextAreaHelperText_168p8_1", Y = "_invalid_168p8_7", Z = "_requi
                 z(W), C === "onChange" && v(e);
               },
               valid: !d(e).invalid,
-              className: `${r.formText} ${d(e).invalid ? r.invalid : ""}`,
+              className: `${n.formText} ${d(e).invalid ? n.invalid : ""}`,
               trailingIcon: R
             }
           ),
-          l !== void 0 && (c || n) && /* @__PURE__ */ t(
+          l !== void 0 && (c || r) && /* @__PURE__ */ t(
             ee,
             {
               count: b,
@@ -136,5 +136,5 @@ const X = "_formTextAreaHelperText_168p8_1", Y = "_invalid_168p8_7", Z = "_requi
   );
 };
 export {
-  se as FormText
+  ue as FormText
 };

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

@@ -1,7 +1,7 @@
 import { jsx as n } from "react/jsx-runtime";
-import { a as s, s as r, f as d } from "../../../react.esm-FR1-H8iU.js";
-import { FormText as l } from "./FormText.js";
-import { v as a, d as u, t as o, g as e } from "../../../vi.CjhMlMwf-DWv7vrn7.js";
+import { a as s, s as r, f as d } from "../../../react.esm-DNwojocF.js";
+import { FormText as o } from "./FormText.js";
+import { v as a, d as u, t as l, g as e } from "../../../vi.CjhMlMwf-BCJNwXvu.js";
 const m = a.fn();
 a.mock("react-hook-form", () => ({
   ...a.importActual("react-hook-form"),
@@ -43,10 +43,10 @@ a.mock("react-hook-form", () => ({
   })
 }));
 u("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: {
@@ -61,10 +61,10 @@ u("FormText Test", () => {
     );
     const t = r.getByRole("textbox");
     e(t).toBeInTheDocument(), e(t).toBeInstanceOf(HTMLInputElement), e(t).toHaveAttribute("maxlength", "100"), e(r.getByText("address.line2")).toBeInTheDocument();
-  }), o("change value of single line text field", () => {
+  }), l("change value of single line text field", () => {
     s(
       /* @__PURE__ */ n(
-        l,
+        o,
         {
           rules: {
             maxLength: {
@@ -79,10 +79,10 @@ u("FormText Test", () => {
     );
     const t = r.getByRole("textbox");
     e(t).toHaveValue("test"), d.change(t, { target: { value: "test-change" } }), e(m).toHaveBeenCalled();
-  }), o("render FormText and return text area", () => {
+  }), l("render FormText and return text area", () => {
     s(
       /* @__PURE__ */ n(
-        l,
+        o,
         {
           rules: {
             required: {
@@ -102,10 +102,10 @@ u("FormText Test", () => {
     );
     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();
-  }), o("render FormText with maxLength indicator", () => {
+  }), l("render FormText with maxLength indicator", () => {
     s(
       /* @__PURE__ */ n(
-        l,
+        o,
         {
           rules: {
             maxLength: {
@@ -119,10 +119,10 @@ u("FormText Test", () => {
         }
       )
     ), e(r.getByText("address.line1")).toBeInTheDocument(), e(r.queryByText("required")).not.toBeInTheDocument(), e(r.getByText("0/200")).toBeInTheDocument();
-  }), o("change value of text area", () => {
+  }), l("change value of text area", () => {
     s(
       /* @__PURE__ */ n(
-        l,
+        o,
         {
           rules: {
             required: {

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

@@ -1,5 +1,6 @@
-import { SwitchProps } from '@element/react-components';
+import { SwitchProps } from '@element-public/react-switch';
 import { FieldValues, Path, RegisterOptions } from 'react-hook-form';
+
 type FormToggleProps<T extends FieldValues> = {
     /** The name of the property that this toggle represents. */
     propertyName: Path<T>;

package/dist/components/FormComponents/FormToggle/FormToggle.js

@@ -1,13 +1,15 @@
-import { jsx as o, jsxs as h } from "react/jsx-runtime";
-import { Group as l, Switch as p, TypoCaption as d } from "@element/react-components";
+import { jsx as o, jsxs as g } from "react/jsx-runtime";
+import { G as h } from "../../../index.es-DntoATwO.js";
+import { S as l } from "../../../index.es-8GOVkuo-.js";
+import { a as d } from "../../../index.es-CF_xy2ns.js";
 import { useFormContext as u, Controller as C } from "react-hook-form";
-const v = ({
+const F = ({
   propertyName: t,
   label: n,
-  validate: s,
-  required: c,
-  onChange: m,
-  disabled: a
+  validate: m,
+  required: s,
+  onChange: a,
+  disabled: c
 }) => {
   const { control: i } = u();
   return /* @__PURE__ */ o(
@@ -16,21 +18,21 @@ const v = ({
       name: t,
       control: i,
       rules: {
-        required: c,
-        validate: s
+        required: s,
+        validate: m
       },
-      render: ({ field: r, fieldState: e }) => /* @__PURE__ */ h(l, { direction: "vertical", children: [
+      render: ({ field: r, fieldState: e }) => /* @__PURE__ */ g(h, { direction: "vertical", children: [
         /* @__PURE__ */ o(
-          p,
+          l,
           {
             "data-testid": "checkbox",
             ...r,
             label: n,
-            onChange: (...g) => {
-              r.onChange(...g), m?.();
+            onChange: (...p) => {
+              r.onChange(...p), a?.();
             },
             checked: r.value,
-            disabled: a
+            disabled: c
           }
         ),
         e.error && /* @__PURE__ */ o(d, { "data-testid": "toggle-error-message", themeColor: "error", children: e.error.message })
@@ -39,5 +41,5 @@ const v = ({
   );
 };
 export {
-  v as FormToggle
+  F as FormToggle
 };

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

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

package/dist/components/FormattedNumberDisplay/FormattedNumberDisplay.d.ts

@@ -1,6 +1,7 @@
-import React, { PropsWithChildren } from 'react';
+import { default as React, PropsWithChildren } from 'react';
 import { NumericFormatProps } from 'react-number-format';
 import { LANGUAGE_COUNTRY_CODES } from '../../types/Languages';
+
 export type FormattedNumberDisplayProps = {
     /**
      * the number to format

package/dist/components/FormattedNumberDisplay/FormattedNumberDisplay.js

@@ -1,5 +1,5 @@
 import { jsx as e } from "react/jsx-runtime";
-import { N as i } from "../../react-number-format.es-BD3_OvMU.js";
+import { N as i } from "../../react-number-format.es-BK1EpVXq.js";
 import { useDecimalSeparator as d, useThousandSeparator as n } from "../../services/NumberService.js";
 const y = ({
   typographyComponent: a,

package/dist/components/GenericTable/GenericTable.d.ts

@@ -1,4 +1,5 @@
 import { TableLayoutProps } from '../../types/GenericTable';
+
 /**
  * Automatically creates a table layout based on the given data.
  * If the screen is too small, it will switch to a card layout.