@hortiview/shared-components 0.0.6403 → 0.0.6504

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

@@ -1,9 +1,10 @@
+import { TextfieldProps } from '@element/react-components';
 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}
  */
-export type FormTextProps<T extends FieldValues> = {
+export type FormTextProps<T extends FieldValues> = TextfieldProps & {
     /** the path to the property, like Address.AddressLine1 */
     propertyName: Path<T>;
     /** the label of the Textbox */

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

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

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.6403",
+  "version": "0.0.6504",
   "type": "module",
   "repository": "https://dev.azure.com/sdundc/HV%20Platform/_git/HortiView-Frontend-Shared",
   "author": "Falk Menge <falk.menge.ext@bayer.com>",