@hortiview/shared-components 0.0.5635 → 0.0.5696

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

@@ -1,83 +1,89 @@
 import "../../../assets/FormDatePicker.css";
-import { jsx as s } from "react/jsx-runtime";
-import { Datepicker as D } from "@element/react-components";
-import { useMemo as t } from "react";
-import { useFormContext as S, Controller as q } from "react-hook-form";
-import { g as F } from "../../../get-Dyz8NMrE.js";
-const w = "_datePickerContainer_gkrp1_1", H = "_invalid_gkrp1_5", Q = "_fromPickerText_gkrp1_9", Y = "_datePickerCalendar_gkrp1_13", c = {
-  datePickerContainer: w,
+import { jsx as d } from "react/jsx-runtime";
+import { Datepicker as h } from "@element/react-components";
+import { g as v } from "../../../get-Dyz8NMrE.js";
+import { useMemo as n } from "react";
+import { useFormContext as q, Controller as F } from "react-hook-form";
+const Y = "_datePickerContainer_gkrp1_1", H = "_invalid_gkrp1_5", M = "_fromPickerText_gkrp1_9", Q = "_datePickerCalendar_gkrp1_13", s = {
+  datePickerContainer: Y,
   invalid: H,
-  fromPickerText: Q,
-  datePickerCalendar: Y
-}, M = ({
-  propertyName: e,
-  label: f,
-  className: P,
-  minRangeYear: d,
-  maxRangeYear: l,
-  locale: g,
-  rules: i
+  fromPickerText: M,
+  datePickerCalendar: Q
+}, O = ({
+  propertyName: t,
+  label: u,
+  className: g,
+  minRangeYear: l,
+  maxRangeYear: m,
+  locale: x,
+  rules: o
 }) => {
   const {
-    control: x,
-    formState: { errors: r, isValidating: m }
-  } = S(), k = t(
-    () => i?.required?.value,
-    [i]
-  ), u = t(
-    () => i?.required?.message,
-    [i]
-  ), _ = t(
-    () => (/* @__PURE__ */ new Date()).getFullYear() - (d ?? 95),
-    [d]
-  ), C = t(
-    () => (/* @__PURE__ */ new Date()).getFullYear() + (l ?? 15),
+    control: _,
+    formState: { errors: r, isValidating: f }
+  } = q(), k = n(
+    () => o?.required?.value,
+    [o]
+  ), P = n(
+    () => o?.required?.message,
+    [o]
+  ), p = n(
+    () => (/* @__PURE__ */ new Date()).getFullYear() - (l ?? 95),
     [l]
-  ), n = t(
-    () => !m && F(r, e) !== void 0,
-    [r, e, m]
-  ), p = t(() => ({
-    valid: !n,
-    helperTextPersistent: n || k,
+  ), C = n(
+    () => (/* @__PURE__ */ new Date()).getFullYear() + (m ?? 15),
+    [m]
+  ), c = n(
+    () => !f && v(r, t) !== void 0,
+    [r, t, f]
+  ), T = n(() => ({
+    valid: !c,
+    helperTextPersistent: c || k,
     helperText: (() => {
-      if (r && r[e]) {
-        const a = r[e]?.message;
-        return a || "Invalid input";
+      if (r && r[t]) {
+        const i = r[t]?.message;
+        return i || "Invalid input";
       }
-      return u;
+      return P;
     })(),
-    className: `${c.fromPickerText} ${n ? c.invalid : ""}`
-  }), [r, u, e, k, n]);
-  return /* @__PURE__ */ s(
-    q,
+    className: `${s.fromPickerText} ${c ? s.invalid : ""}`
+  }), [r, P, t, k, c]);
+  return /* @__PURE__ */ d(
+    F,
     {
-      name: e,
-      rules: i,
-      control: x,
-      render: ({ field: { ref: v, onChange: a, value: T, ...h } }) => /* @__PURE__ */ s("div", { className: c.datePickerContainer, children: /* @__PURE__ */ s(
-        D,
+      name: t,
+      rules: o,
+      control: _,
+      render: ({ field: { ref: D, onChange: i, value: a, ...S } }) => /* @__PURE__ */ d("div", { className: s.datePickerContainer, children: /* @__PURE__ */ d(
+        h,
         {
-          ...h,
-          className: P ?? "",
-          value: T,
+          ...S,
+          className: g ?? "",
+          value: a,
           variant: "outlined",
-          label: f,
-          format: (o) => o ? o.toLocaleDateString(g ?? "en") : "",
+          label: u,
+          format: (e) => e ? e.toLocaleDateString(x ?? "en") : "",
           disableClearing: !0,
-          onSelect: (o) => {
-            a(o);
+          onSelect: (e) => {
+            i(e);
+          },
+          onSelectMonth: (e) => {
+            a && (e.setDate(a.getDate()), i(e));
+          },
+          onSelectYear: (e) => {
+            a && (e.setDate(a.getDate()), i(e));
           },
           hoisted: !0,
-          calendarProps: { hoisted: !0, className: c.datePickerCalendar },
-          minQuickSelectYear: _,
+          calendarProps: { hoisted: !0, className: s.datePickerCalendar },
+          minQuickSelectYear: p,
           maxQuickSelectYear: C,
           readOnly: !0,
-          textfieldProps: p
+          textfieldProps: T
         }
       ) })
     }
   );
 };
 export {
-  M as FormDatePicker
+  O as FormDatePicker
 };

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