@hortiview/shared-components 0.0.4801 → 0.0.4806

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

@@ -1,20 +1,20 @@
 import "../../../assets/FormDatePicker.css";
-import { jsx as l } from "react/jsx-runtime";
-import { Datepicker as F } from "@element/react-components";
-import { useState as T, useEffect as k, useMemo as c } from "react";
-import { useFormContext as z, Controller as I } from "react-hook-form";
-const O = "_datePickerContainer_zxe48_1", Q = "_invalid_zxe48_5", Y = "_fromPickerText_zxe48_9", d = {
-  datePickerContainer: O,
-  invalid: Q,
-  fromPickerText: Y
-}, H = ({
+import { jsx as s } from "react/jsx-runtime";
+import { Datepicker as T } from "@element/react-components";
+import { useState as z, useEffect as k, useMemo as l } from "react";
+import { useFormContext as I, Controller as O } from "react-hook-form";
+const Q = "_datePickerContainer_zxe48_1", Y = "_invalid_zxe48_5", $ = "_fromPickerText_zxe48_9", c = {
+  datePickerContainer: Q,
+  invalid: Y,
+  fromPickerText: $
+}, L = ({
   propertyName: e,
   label: x,
   required: n = !1,
   requiredText: o,
   className: P,
-  minRangeYear: f,
-  maxRangeYear: m,
+  minRangeYear: d,
+  maxRangeYear: f,
   locale: D
 }) => {
   const {
@@ -22,20 +22,20 @@ const O = "_datePickerContainer_zxe48_1", Q = "_invalid_zxe48_5", Y = "_fromPick
     formState: { errors: t },
     watch: S,
     getFieldState: a
-  } = z(), [_, u] = T(), v = S(e);
+  } = I(), [_, m] = z(), u = S(e);
   k(() => {
-    u(/* @__PURE__ */ new Date());
+    m(/* @__PURE__ */ new Date());
   }, []), k(() => {
-    u(new Date(v));
-  }, [v]);
-  const C = c(
-    () => (/* @__PURE__ */ new Date()).getFullYear() - (f ?? 95),
+    m(new Date(u));
+  }, [u]);
+  const C = l(
+    () => (/* @__PURE__ */ new Date()).getFullYear() - (d ?? 95),
+    [d]
+  ), h = l(
+    () => (/* @__PURE__ */ new Date()).getFullYear() + (f ?? 15),
     [f]
-  ), h = c(
-    () => (/* @__PURE__ */ new Date()).getFullYear() + (m ?? 15),
-    [m]
-  ), w = c(() => {
-    const s = () => {
+  ), w = l(() => {
+    const v = () => {
       if (t && t[e]) {
         const r = t[e]?.message;
         return r || "Invalid input";
@@ -45,12 +45,12 @@ const O = "_datePickerContainer_zxe48_1", Q = "_invalid_zxe48_5", Y = "_fromPick
     return {
       valid: !a(e).invalid,
       helperTextPersistent: t !== void 0 || n,
-      helperText: s(),
-      className: `${d.fromPickerText} ${a(e).invalid ? d.invalid : ""}`
+      helperText: v(),
+      className: `${c.fromPickerText} ${a(e).invalid ? c.invalid : ""}`
     };
   }, [t, o, e, n, a]);
-  return /* @__PURE__ */ l(
-    I,
+  return /* @__PURE__ */ s(
+    O,
     {
       name: e,
       rules: {
@@ -60,10 +60,10 @@ const O = "_datePickerContainer_zxe48_1", Q = "_invalid_zxe48_5", Y = "_fromPick
         } : void 0
       },
       control: g,
-      render: ({ field: { onChange: s, ...r } }) => /* @__PURE__ */ l("div", { className: d.datePickerContainer, children: /* @__PURE__ */ l(
-        F,
+      render: ({ field: { ref: v, onChange: r, ...F } }) => /* @__PURE__ */ s("div", { className: c.datePickerContainer, children: /* @__PURE__ */ s(
+        T,
         {
-          ...r,
+          ...F,
           className: P ?? "",
           value: _,
           variant: "outlined",
@@ -71,7 +71,7 @@ const O = "_datePickerContainer_zxe48_1", Q = "_invalid_zxe48_5", Y = "_fromPick
           format: (i) => i ? i.toLocaleDateString(D ?? "en") : "",
           disableClearing: !0,
           onChange: (i) => {
-            s(i?.toISOString());
+            r(i?.toISOString());
           },
           minQuickSelectYear: C,
           maxQuickSelectYear: h,
@@ -83,5 +83,5 @@ const O = "_datePickerContainer_zxe48_1", Q = "_invalid_zxe48_5", Y = "_fromPick
   );
 };
 export {
-  H as FormDatePicker
+  L as FormDatePicker
 };

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

@@ -2,7 +2,7 @@ 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 h } from "react-hook-form";
+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 = {
   formTextAreaHelperText: W,
   invalid: b,
@@ -16,17 +16,17 @@ const W = "_formTextAreaHelperText_7ae2c_1", b = "_invalid_7ae2c_6", w = "_formT
 }) => /* @__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(_, { ...e }) }), J = (e) => /* @__PURE__ */ t(_, { ...e }), _ = ({
+] }), 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 = ({
   propertyName: e,
   label: c,
   disabled: x = !1,
   textarea: r = !1,
-  hidden: C = !1,
-  placeholder: A,
-  type: F,
-  prefixText: L,
-  inputMode: H,
-  trailingIcon: q,
+  hidden: A = !1,
+  placeholder: F,
+  type: L,
+  prefixText: H,
+  inputMode: q,
+  trailingIcon: S,
   trigger: d = "likeForm",
   rules: n
 }) => {
@@ -35,10 +35,10 @@ const W = "_formTextAreaHelperText_7ae2c_1", b = "_invalid_7ae2c_6", w = "_formT
     getFieldState: u,
     formState: { errors: l },
     trigger: T
-  } = V(), [S, $] = R(0), B = (i) => {
+  } = V(), [$, B] = R(0), j = (i) => {
     const a = i.target.value;
-    $(a?.length ?? 0);
-  }, j = () => {
+    B(a?.length ?? 0);
+  }, M = () => {
     if (l && l[e]) {
       const i = l[e]?.message;
       return i || "Invalid input";
@@ -46,27 +46,27 @@ const W = "_formTextAreaHelperText_7ae2c_1", b = "_invalid_7ae2c_6", w = "_formT
     return o && r ? /* @__PURE__ */ t(
       E,
       {
-        count: S,
+        count: $,
         maxCount: o,
-        required: k,
-        requiredText: v
+        required: v,
+        requiredText: g
       }
-    ) : v;
+    ) : g;
   }, o = s(
     () => n?.maxLength?.value,
     [n]
-  ), M = s(
+  ), k = s(
     () => n?.minLength?.value,
     [n]
-  ), k = s(
+  ), v = s(
     () => n?.required?.value,
     [n]
-  ), v = s(
+  ), g = s(
     () => n?.required?.message,
     [n]
   );
-  return C ? /* @__PURE__ */ t(h, { name: e, control: f, render: () => /* @__PURE__ */ t(z, {}) }) : /* @__PURE__ */ t(
-    h,
+  return A ? /* @__PURE__ */ t(_, { name: e, control: f, render: () => /* @__PURE__ */ t(z, {}) }) : /* @__PURE__ */ t(
+    _,
     {
       name: e,
       rules: n,
@@ -76,29 +76,29 @@ const W = "_formTextAreaHelperText_7ae2c_1", b = "_invalid_7ae2c_6", w = "_formT
         {
           ...a,
           value: a.value ?? "",
-          type: F,
+          type: L,
           fullWidth: !0,
-          inputMode: H,
-          placeholder: A,
-          prefixText: L,
+          inputMode: q,
+          placeholder: F,
+          prefixText: H,
           disabled: x,
-          helperText: j(),
-          helperTextPersistent: l !== void 0 || n?.required?.value || o !== void 0 && r,
+          helperText: M(),
+          helperTextPersistent: l !== void 0 || v || o !== void 0 && r,
           label: c,
           variant: "outlined",
           maxlength: o,
-          minLength: M,
+          minLength: k,
           textarea: r,
           noResize: !1,
           onBlur: () => {
             d === "onBlur" && T(e);
           },
-          onChange: (g) => {
-            a.onChange(g), r && o !== void 0 && B(g), d === "onChange" && 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: q
+          trailingIcon: S
         }
       )
     }

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