@hortiview/shared-components 0.0.4730 → 0.0.4775

package/dist/_getTag-D4bRay2z.js

@@ -0,0 +1,226 @@
+import { c as x, d as X, e as Y, f as v, g as K, h as Q, j as O, k as D, l as ee, m as j, n as ae } from "./_baseToString-ByHt83eL.js";
+var re = x;
+function te() {
+  this.__data__ = new re(), this.size = 0;
+}
+var ne = te;
+function se(e) {
+  var a = this.__data__, r = a.delete(e);
+  return this.size = a.size, r;
+}
+var ie = se;
+function oe(e) {
+  return this.__data__.get(e);
+}
+var ce = oe;
+function fe(e) {
+  return this.__data__.has(e);
+}
+var ue = fe, ge = x, _e = X, ve = Y, pe = 200;
+function be(e, a) {
+  var r = this.__data__;
+  if (r instanceof ge) {
+    var t = r.__data__;
+    if (!_e || t.length < pe - 1)
+      return t.push([e, a]), this.size = ++r.size, this;
+    r = this.__data__ = new ve(t);
+  }
+  return r.set(e, a), this.size = r.size, this;
+}
+var de = be, ye = x, le = ne, Te = ie, Ae = ce, $e = ue, he = de;
+function p(e) {
+  var a = this.__data__ = new ye(e);
+  this.size = a.size;
+}
+p.prototype.clear = le;
+p.prototype.delete = Te;
+p.prototype.get = Ae;
+p.prototype.has = $e;
+p.prototype.set = he;
+var Or = p, je = "__lodash_hash_undefined__";
+function Se(e) {
+  return this.__data__.set(e, je), this;
+}
+var we = Se;
+function me(e) {
+  return this.__data__.has(e);
+}
+var Ce = me, Ee = Y, Me = we, Le = Ce;
+function A(e) {
+  var a = -1, r = e == null ? 0 : e.length;
+  for (this.__data__ = new Ee(); ++a < r; )
+    this.add(e[a]);
+}
+A.prototype.add = A.prototype.push = Me;
+A.prototype.has = Le;
+var xe = A;
+function Oe(e, a) {
+  for (var r = -1, t = e == null ? 0 : e.length; ++r < t; )
+    if (a(e[r], r, e))
+      return !0;
+  return !1;
+}
+var De = Oe;
+function Ue(e, a) {
+  return e.has(a);
+}
+var ke = Ue, Ie = xe, Pe = De, Be = ke, Re = 1, Ge = 2;
+function Ne(e, a, r, t, i, s) {
+  var o = r & Re, c = e.length, f = a.length;
+  if (c != f && !(o && f > c))
+    return !1;
+  var u = s.get(e), y = s.get(a);
+  if (u && y)
+    return u == a && y == e;
+  var d = -1, l = !0, S = r & Ge ? new Ie() : void 0;
+  for (s.set(e, a), s.set(a, e); ++d < c; ) {
+    var _ = e[d], T = a[d];
+    if (t)
+      var U = o ? t(T, _, d, a, e, s) : t(_, T, d, e, a, s);
+    if (U !== void 0) {
+      if (U)
+        continue;
+      l = !1;
+      break;
+    }
+    if (S) {
+      if (!Pe(a, function(k, I) {
+        if (!Be(S, I) && (_ === k || i(_, k, r, t, s)))
+          return S.push(I);
+      })) {
+        l = !1;
+        break;
+      }
+    } else if (!(_ === T || i(_, T, r, t, s))) {
+      l = !1;
+      break;
+    }
+  }
+  return s.delete(e), s.delete(a), l;
+}
+var He = Ne, Fe = v, ze = Fe.Uint8Array, qe = ze;
+function We(e) {
+  var a = -1, r = Array(e.size);
+  return e.forEach(function(t, i) {
+    r[++a] = [i, t];
+  }), r;
+}
+var Ve = We;
+function Xe(e) {
+  var a = -1, r = Array(e.size);
+  return e.forEach(function(t) {
+    r[++a] = t;
+  }), r;
+}
+var Ye = Xe, P = K, B = qe, Ze = Q, Je = He, Ke = Ve, Qe = Ye, ea = 1, aa = 2, ra = "[object Boolean]", ta = "[object Date]", na = "[object Error]", sa = "[object Map]", ia = "[object Number]", oa = "[object RegExp]", ca = "[object Set]", fa = "[object String]", ua = "[object Symbol]", ga = "[object ArrayBuffer]", _a = "[object DataView]", R = P ? P.prototype : void 0, w = R ? R.valueOf : void 0;
+function va(e, a, r, t, i, s, o) {
+  switch (r) {
+    case _a:
+      if (e.byteLength != a.byteLength || e.byteOffset != a.byteOffset)
+        return !1;
+      e = e.buffer, a = a.buffer;
+    case ga:
+      return !(e.byteLength != a.byteLength || !s(new B(e), new B(a)));
+    case ra:
+    case ta:
+    case ia:
+      return Ze(+e, +a);
+    case na:
+      return e.name == a.name && e.message == a.message;
+    case oa:
+    case fa:
+      return e == a + "";
+    case sa:
+      var c = Ke;
+    case ca:
+      var f = t & ea;
+      if (c || (c = Qe), e.size != a.size && !f)
+        return !1;
+      var u = o.get(e);
+      if (u)
+        return u == a;
+      t |= aa, o.set(e, a);
+      var y = Je(c(e), c(a), t, i, s, o);
+      return o.delete(e), y;
+    case ua:
+      if (w)
+        return w.call(e) == w.call(a);
+  }
+  return !1;
+}
+var Dr = va, pa = O, ba = D, da = "[object Arguments]";
+function ya(e) {
+  return ba(e) && pa(e) == da;
+}
+var la = ya, G = la, Ta = D, Z = Object.prototype, Aa = Z.hasOwnProperty, $a = Z.propertyIsEnumerable, ha = G(/* @__PURE__ */ function() {
+  return arguments;
+}()) ? G : function(e) {
+  return Ta(e) && Aa.call(e, "callee") && !$a.call(e, "callee");
+}, Ur = ha, $ = { exports: {} };
+function ja() {
+  return !1;
+}
+var Sa = ja;
+$.exports;
+(function(e, a) {
+  var r = v, t = Sa, i = a && !a.nodeType && a, s = i && !0 && e && !e.nodeType && e, o = s && s.exports === i, c = o ? r.Buffer : void 0, f = c ? c.isBuffer : void 0, u = f || t;
+  e.exports = u;
+})($, $.exports);
+var kr = $.exports, wa = 9007199254740991;
+function ma(e) {
+  return typeof e == "number" && e > -1 && e % 1 == 0 && e <= wa;
+}
+var Ca = ma, Ea = O, Ma = Ca, La = D, xa = "[object Arguments]", Oa = "[object Array]", Da = "[object Boolean]", Ua = "[object Date]", ka = "[object Error]", Ia = "[object Function]", Pa = "[object Map]", Ba = "[object Number]", Ra = "[object Object]", Ga = "[object RegExp]", Na = "[object Set]", Ha = "[object String]", Fa = "[object WeakMap]", za = "[object ArrayBuffer]", qa = "[object DataView]", Wa = "[object Float32Array]", Va = "[object Float64Array]", Xa = "[object Int8Array]", Ya = "[object Int16Array]", Za = "[object Int32Array]", Ja = "[object Uint8Array]", Ka = "[object Uint8ClampedArray]", Qa = "[object Uint16Array]", er = "[object Uint32Array]", n = {};
+n[Wa] = n[Va] = n[Xa] = n[Ya] = n[Za] = n[Ja] = n[Ka] = n[Qa] = n[er] = !0;
+n[xa] = n[Oa] = n[za] = n[Da] = n[qa] = n[Ua] = n[ka] = n[Ia] = n[Pa] = n[Ba] = n[Ra] = n[Ga] = n[Na] = n[Ha] = n[Fa] = !1;
+function ar(e) {
+  return La(e) && Ma(e.length) && !!n[Ea(e)];
+}
+var rr = ar;
+function tr(e) {
+  return function(a) {
+    return e(a);
+  };
+}
+var nr = tr, h = { exports: {} };
+h.exports;
+(function(e, a) {
+  var r = ee, t = a && !a.nodeType && a, i = t && !0 && e && !e.nodeType && e, s = i && i.exports === t, o = s && r.process, c = function() {
+    try {
+      var f = i && i.require && i.require("util").types;
+      return f || o && o.binding && o.binding("util");
+    } catch {
+    }
+  }();
+  e.exports = c;
+})(h, h.exports);
+var sr = h.exports, ir = rr, or = nr, N = sr, H = N && N.isTypedArray, cr = H ? or(H) : ir, Ir = cr, fr = j, ur = v, gr = fr(ur, "DataView"), _r = gr, vr = j, pr = v, br = vr(pr, "Promise"), dr = br, yr = j, lr = v, Tr = yr(lr, "Set"), Ar = Tr, $r = j, hr = v, jr = $r(hr, "WeakMap"), Sr = jr, m = _r, C = X, E = dr, M = Ar, L = Sr, J = O, b = ae, F = "[object Map]", wr = "[object Object]", z = "[object Promise]", q = "[object Set]", W = "[object WeakMap]", V = "[object DataView]", mr = b(m), Cr = b(C), Er = b(E), Mr = b(M), Lr = b(L), g = J;
+(m && g(new m(new ArrayBuffer(1))) != V || C && g(new C()) != F || E && g(E.resolve()) != z || M && g(new M()) != q || L && g(new L()) != W) && (g = function(e) {
+  var a = J(e), r = a == wr ? e.constructor : void 0, t = r ? b(r) : "";
+  if (t)
+    switch (t) {
+      case mr:
+        return V;
+      case Cr:
+        return F;
+      case Er:
+        return z;
+      case Mr:
+        return q;
+      case Lr:
+        return W;
+    }
+  return a;
+});
+var Pr = g;
+export {
+  Or as _,
+  kr as a,
+  Ir as b,
+  Ca as c,
+  He as d,
+  Dr as e,
+  Pr as f,
+  nr as g,
+  Ur as i
+};

package/dist/assets/formDatePicker.css

@@ -0,0 +1 @@
+._datePickerContainer_1l698_1{width:100%}

package/dist/assets/formSelect.css

@@ -0,0 +1 @@
+._invalid_1vo1h_1+*[class*=mdc-select-helper-text]{color:var(--lmnt-theme-danger)!important}._formSelect_1vo1h_5+*[class*=mdc-select-helper-text]{margin-bottom:-19.33px!important}._formSelectContainer_1vo1h_9 *[class*=mdc-select-helper-text]{color:var(--lmnt-helper-text-color)}._formSelectContainer_1vo1h_9 *[class*=lmnt__multi-value__label]{overflow:visible}._formSelect_1vo1h_5 *[class*=lmnt-select-menu]{z-index:2001}._formSelectContainer_1vo1h_9{display:flex;flex-wrap:wrap;width:100%}

package/dist/assets/formText.css

@@ -0,0 +1 @@
+._formTextAreaHelperText_7ae2c_1{display:flex;justify-content:space-between}._invalid_7ae2c_6+*[class*=mdc-text-field-helper-line] *[class*=mdc-text-field-helper-text]{color:var(--lmnt-theme-danger)!important}._formText_7ae2c_1+*[class*=mdc-text-field-helper-line] *[class*=mdc-text-field-helper-text]{margin-bottom:-19.33px!important}._formTextArea_7ae2c_1,._formTextArea_7ae2c_1 *[class*=mdc-text-field-helper-text]{width:100%}._formTextArea_7ae2c_1 *[class*=mdc-text-field-helper-text]:before{display:block;height:6px}

package/dist/components/BaseView/BaseView.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { LinkProps } from '../../types/internal/ReactRouterTypes';
 import { BaseListElement } from '../../types/ListElement';
 type BaseViewProps = {

package/dist/components/DeleteModal/DeleteModal.js

@@ -1,13 +1,14 @@
 import "../../assets/DeleteModal.css";
 import { jsx as o, jsxs as m, Fragment as f } from "react/jsx-runtime";
-import { Modal as k, Button as c, Group as t, Icon as y, TypoBody as l } from "@element/react-components";
+import { Modal as k, Button as c, Group as e, Icon as y, TypoBody as l } from "@element/react-components";
 import { Iconify as C } from "../Iconify/Iconify.js";
 import { uniqueId as D } from "lodash";
 import "react";
-import "../../_getTag-DyrzUAbj.js";
+import "../../_baseToString-ByHt83eL.js";
+import "../../_getTag-D4bRay2z.js";
 import "../../searchBar.module-9gKyrZRT.js";
 import "../../listArea.module-B04TR5bj.js";
-import { AvailableCustomIcons as s } from "../../enums/AvailableCustomIcons.js";
+import { AvailableCustomIcons as p } from "../../enums/AvailableCustomIcons.js";
 import "../../verticalDivider.module-C3_GL-fH.js";
 import "../../baseView.module-DXWalo9p.js";
 import "../../basicHeading.module-ClcvD7x2.js";
@@ -16,13 +17,17 @@ import "../../disclaimer.module-BZydt-Q_.js";
 import "../../HashTabView.module-BY0tbl3B.js";
 import "../../HeaderFilter.module-DiBmulr5.js";
 import "../Scrollbar/Scrollbar.js";
-const j = "_bulletPoint_469qk_1", q = "_modal_469qk_6", I = "_colorDanger_469qk_10", e = {
+import "react-hook-form";
+import "../../formDatePicker.module-DllLVp7D.js";
+import "../../formSelect.module-CdHEvmH_.js";
+import "../../formText.module-3BZ0M2vV.js";
+const j = "_bulletPoint_469qk_1", q = "_modal_469qk_6", I = "_colorDanger_469qk_10", t = {
   bulletPoint: j,
   modal: q,
   colorDanger: I
-}, R = ({
-  title: d,
-  confirmButtonLabel: p,
+}, Y = ({
+  title: s,
+  confirmButtonLabel: d,
   cancelButtonLabel: u,
   deleteHeader: g,
   deleteBody: i,
@@ -35,38 +40,38 @@ const j = "_bulletPoint_469qk_1", q = "_modal_469qk_6", I = "_colorDanger_469qk_
 }) => /* @__PURE__ */ o(
   k,
   {
-    className: e.modal,
+    className: t.modal,
     modalSize: "small",
     open: v,
     onClose: () => a(!1),
-    title: d,
+    title: s,
     primaryButton: /* @__PURE__ */ o(
       c,
       {
         variant: "danger",
-        label: p,
+        label: d,
         onClick: h,
         disabled: !n
       }
     ),
     dismissiveButton: /* @__PURE__ */ o(c, { variant: "text", label: u, onClick: () => a(!1) }),
-    children: /* @__PURE__ */ m(t, { direction: "vertical", secondaryAlign: "center", children: [
-      r && Object.values(s).includes(r) && /* @__PURE__ */ o(
+    children: /* @__PURE__ */ m(e, { direction: "vertical", secondaryAlign: "center", children: [
+      r && Object.values(p).includes(r) && /* @__PURE__ */ o(
         C,
         {
           icon: r,
           iconSize: "xlarge",
-          className: e.colorDanger
+          className: t.colorDanger
         }
       ),
-      r && !Object.values(s).includes(r) && /* @__PURE__ */ o(y, { icon: r, iconSize: "xlarge", className: e.colorDanger }),
-      /* @__PURE__ */ o(t, { direction: "vertical", children: n ? /* @__PURE__ */ m(f, { children: [
+      r && !Object.values(p).includes(r) && /* @__PURE__ */ o(y, { icon: r, iconSize: "xlarge", className: t.colorDanger }),
+      /* @__PURE__ */ o(e, { direction: "vertical", children: n ? /* @__PURE__ */ m(f, { children: [
         /* @__PURE__ */ o(l, { level: 1, themeColor: "text-primary-on-background", children: g }),
-        i && /* @__PURE__ */ o(t, { direction: "vertical", gap: "none", children: i.map((x, _) => /* @__PURE__ */ o(
+        i && /* @__PURE__ */ o(e, { direction: "vertical", gap: "none", children: i.map((x, _) => /* @__PURE__ */ o(
           l,
           {
             level: 2,
-            className: e.bulletPoint,
+            className: t.bulletPoint,
             themeColor: "text-secondary-on-background",
             children: x
           },
@@ -77,5 +82,5 @@ const j = "_bulletPoint_469qk_1", q = "_modal_469qk_6", I = "_colorDanger_469qk_
   }
 );
 export {
-  R as DeleteModal
+  Y as DeleteModal
 };

package/dist/components/DeleteModal/DeleteModal.test.js

@@ -1,8 +1,8 @@
 import { jsx as n } from "react/jsx-runtime";
 import { r as c, s as e } from "../../react.esm-BeDwcQWb.js";
 import { DeleteModal as b } from "./DeleteModal.js";
-import { d, t as a, v as o, g as t } from "../../vi.JYQecGiw-BbUbJcT8.js";
-d("DeleteModal Test", () => {
+import { d as B, t as a, v as o, g as t } from "../../vi.JYQecGiw-BbUbJcT8.js";
+B("DeleteModal Test", () => {
   a("should render the DeleteModal properly", () => {
     c(
       /* @__PURE__ */ n(
@@ -40,7 +40,7 @@ d("DeleteModal Test", () => {
           isDeletePossible: !1
         }
       )
-    ), e.debug(), t(e.getByText("DELETE")).toBeInTheDocument(), t(e.getByTestId("block")).toBeInTheDocument(), t(e.queryByText("block 1")).not.toBeInTheDocument(), t(e.queryByText("block 2")).not.toBeInTheDocument(), t(e.queryByText("block 3")).not.toBeInTheDocument(), t(e.getByText("Remove")).toBeInTheDocument(), t(e.getByText("Remove").parentElement).toBeDisabled(), t(e.getByText("Cancel")).toBeInTheDocument(), t(e.queryByText("block cant be deleted")).toBeInTheDocument();
+    ), t(e.getByText("DELETE")).toBeInTheDocument(), t(e.getByTestId("block")).toBeInTheDocument(), t(e.queryByText("block 1")).not.toBeInTheDocument(), t(e.queryByText("block 2")).not.toBeInTheDocument(), t(e.queryByText("block 3")).not.toBeInTheDocument(), t(e.getByText("Remove")).toBeInTheDocument(), t(e.getByText("Remove").parentElement).toBeDisabled(), t(e.getByText("Cancel")).toBeInTheDocument(), t(e.queryByText("block cant be deleted")).toBeInTheDocument();
   }), a("should call setOpen with false when clicking on cancel button", () => {
     const l = o.fn();
     c(

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

@@ -0,0 +1,30 @@
+import { FieldValues, Path, RegisterOptions } from 'react-hook-form';
+type FormCheckProps<T extends FieldValues> = {
+    /** The name of the property that this checkbox represents. */
+    propertyName: Path<T>;
+    /** Label to be displayed with the checkbox. */
+    label: string;
+    /** Validation rules for the checkbox. */
+    validate?: RegisterOptions<T>['validate'];
+    /** Determines if this input is mandatory. */
+    required?: boolean;
+    /** Function to be called when the checkbox value changes. */
+    onChange?: () => void;
+    /** Determines if this input is disabled. */
+    disabled?: boolean;
+};
+/**
+ * FormCheckBox is a custom form input component for selecting checkboxes.
+ * It is integrated with react-hook-form for form management.
+ *
+ * @param propertyName - the name of the property this checkbox maps to in the form.
+ * @param label - label displayed along with the checkbox.
+ * @param validate - validation rules for the checkbox.
+ * @param required - determines if the checkbox is required.
+ * @param onChange - function to be called when the checkbox value changes.
+ * @param disabled - determines if the checkbox is disabled.
+ *
+ * @returns A JSX element that renders a checkbox form input.
+ */
+export declare const FormCheckBox: <T extends FieldValues>({ propertyName, label, validate, required, onChange, disabled, }: FormCheckProps<T>) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/FormComponents/FormCheckBox/FormCheckBox.js

@@ -0,0 +1,42 @@
+import { jsx as o, jsxs as p, Fragment as x } from "react/jsx-runtime";
+import { Checkbox as l, TypoCaption as u } from "@element/react-components";
+import { useFormContext as g, Controller as i } from "react-hook-form";
+const b = ({
+  propertyName: n,
+  label: t,
+  validate: m,
+  required: c,
+  onChange: s,
+  disabled: h
+}) => {
+  const { control: C } = g();
+  return /* @__PURE__ */ o(
+    i,
+    {
+      name: n,
+      control: C,
+      rules: {
+        required: c,
+        validate: m
+      },
+      render: ({ field: r, fieldState: e }) => /* @__PURE__ */ p(x, { children: [
+        /* @__PURE__ */ o(
+          l,
+          {
+            ...r,
+            label: t,
+            onChange: (...a) => {
+              r.onChange(...a), s?.();
+            },
+            checked: r.value,
+            disabled: h
+          }
+        ),
+        e.error && /* @__PURE__ */ o(u, { themeColor: "error", children: e.error.message })
+      ] })
+    }
+  );
+};
+export {
+  b as FormCheckBox
+};

package/dist/components/FormComponents/FormCheckBox/FormCheckBox.test.d.ts

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1,50 @@
+import { jsx as s } from "react/jsx-runtime";
+import { r as n, s as t, f as m } from "../../../react.esm-BeDwcQWb.js";
+import { FormCheckBox as c } from "./FormCheckBox.js";
+import { v as e, d as h, t as l, g as r } from "../../../vi.JYQecGiw-BbUbJcT8.js";
+const a = e.fn();
+e.mock("react-hook-form", () => ({
+  ...e.importActual("react-hook-form"),
+  Controller: ({
+    render: o
+  }) => o({
+    field: {
+      onChange: a
+    },
+    fieldState: { error: { message: "error" } }
+  }),
+  useFormContext: () => ({
+    control: {
+      register: e.fn(),
+      unregister: e.fn(),
+      getFieldState: e.fn(),
+      _names: {
+        array: new Set("test"),
+        mount: new Set("test"),
+        unMount: new Set("test"),
+        watch: new Set("test"),
+        focus: "test",
+        watchAll: !1
+      },
+      _subjects: {
+        watch: e.fn(),
+        array: e.fn(),
+        state: e.fn()
+      },
+      _getWatch: e.fn(),
+      _formValues: ["test"],
+      _defaultValues: ["test"]
+    },
+    formState: { errors: {} },
+    watch: () => "2024-08-07"
+  })
+}));
+h("FormCheckBox Test", () => {
+  l("render FormCheckBox", () => {
+    n(/* @__PURE__ */ s(c, { propertyName: "hasValue", label: "user.hasValue" })), r(t.getByText("user.hasValue")).toBeInTheDocument(), r(t.getByText("error")).toBeInTheDocument(), r(t.getByRole("checkbox")).toBeInTheDocument();
+  }), l("render FormCheckBox click", () => {
+    n(/* @__PURE__ */ s(c, { propertyName: "hasValue", label: "user.hasValue", onChange: a }));
+    const o = t.getByRole("checkbox");
+    m.click(o), r(a).toHaveBeenCalled();
+  });
+});

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

@@ -0,0 +1,36 @@
+import { FieldValues, Path } from 'react-hook-form';
+type DatePickerProps<T extends FieldValues> = {
+    /** Name of the property that this date picker represents. */
+    propertyName: Path<T>;
+    /** Label to be displayed with the date picker. */
+    label: string;
+    /** Determines if this input is mandatory. */
+    required?: boolean;
+    /** Custom text to show when the required field is not filled. */
+    requiredText?: string;
+    /** ClassName */
+    className?: string;
+    /** Add the number of years to subtract from the current date as bottom of range */
+    minRangeYear?: number;
+    /** Add the number of years to add to the current date as top of range */
+    maxRangeYear?: number;
+    /** Locale to be used for the date picker. */
+    locale?: string;
+};
+/**
+ * FormDatePicker is a custom form input component for selecting dates.
+ * It is integrated with react-hook-form for form management.
+ *
+ * @param propertyName - the name of the property this date picker maps to in the form.
+ * @param label - label displayed along with the date picker.
+ * @param required - determines if the date input is required.
+ * @param requiredText - text to be shown if the required date is not selected.
+ * @param className - class name to be passed if provided.
+ * @param minRangeYear - number of years to subtract from the current date as bottom of range
+ * @param maxRangeYear - number of years to add to the current date as top of range
+ * @param locale - locale to be used for the date picker.
+ *
+ * @returns A JSX element that renders a date picker form input.
+ */
+export declare const FormDatePicker: <T extends FieldValues>({ propertyName, label, required, requiredText, className, minRangeYear, maxRangeYear, locale, }: DatePickerProps<T>) => import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,62 @@
+import { jsx as r, jsxs as F } from "react/jsx-runtime";
+import { Datepicker as Y } from "@element/react-components";
+import { g as j } from "../../../get-BYajYtEc.js";
+import { useState as v, useEffect as s, useMemo as l } from "react";
+import { useFormContext as O, Controller as P } from "react-hook-form";
+import { s as c } from "../../../formDatePicker.module-DllLVp7D.js";
+const N = ({
+  propertyName: t,
+  label: i,
+  required: a = !1,
+  requiredText: m,
+  className: f,
+  minRangeYear: u,
+  maxRangeYear: d,
+  locale: D
+}) => {
+  const {
+    control: g,
+    formState: { errors: S },
+    watch: x
+  } = O(), [k, o] = v(), n = x(t);
+  s(() => {
+    o(/* @__PURE__ */ new Date());
+  }, []), s(() => {
+    o(new Date(n));
+  }, [n]);
+  const p = l(() => (/* @__PURE__ */ new Date()).getFullYear() - (u ?? 95), []), w = l(() => (/* @__PURE__ */ new Date()).getFullYear() + (d ?? 15), []);
+  return /* @__PURE__ */ r(
+    P,
+    {
+      name: t,
+      rules: {
+        required: a
+      },
+      control: g,
+      render: ({ field: { onChange: C, ...h } }) => /* @__PURE__ */ F("div", { className: c.datePickerContainer, children: [
+        /* @__PURE__ */ r(
+          Y,
+          {
+            ...h,
+            className: f ?? "",
+            value: k,
+            variant: "outlined",
+            label: i,
+            format: (e) => e ? e.toLocaleDateString(D ?? "en") : "",
+            disableClearing: !0,
+            onChange: (e) => {
+              C(e?.toISOString());
+            },
+            minQuickSelectYear: p,
+            maxQuickSelectYear: w,
+            readOnly: !0
+          }
+        ),
+        a && j(S, t) && /* @__PURE__ */ r("span", { className: c.errorText, children: m })
+      ] })
+    }
+  );
+};
+export {
+  N as FormDatePicker
+};

package/dist/components/FormComponents/FormDatePicker/FormDatePicker.test.d.ts

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1,69 @@
+import { jsx as o } from "react/jsx-runtime";
+import { r as n, s as a, f as m } from "../../../react.esm-BeDwcQWb.js";
+import { FormDatePicker as s } from "./FormDatePicker.js";
+import { v as e, d as l, t as c, g as r } from "../../../vi.JYQecGiw-BbUbJcT8.js";
+const f = e.fn();
+e.mock("react-hook-form", () => ({
+  ...e.importActual("react-hook-form"),
+  Controller: ({
+    render: t
+  }) => t({
+    field: {
+      onChange: f
+    }
+  }),
+  useFormContext: () => ({
+    control: {
+      register: e.fn(),
+      unregister: e.fn(),
+      getFieldState: e.fn(),
+      _names: {
+        array: new Set("test"),
+        mount: new Set("test"),
+        unMount: new Set("test"),
+        watch: new Set("test"),
+        focus: "test",
+        watchAll: !1
+      },
+      _subjects: {
+        watch: e.fn(),
+        array: e.fn(),
+        state: e.fn()
+      },
+      _getWatch: e.fn(),
+      _formValues: ["test"],
+      _defaultValues: ["test"]
+    },
+    formState: { errors: {} },
+    watch: () => "2024-08-07"
+  })
+}));
+l("FormDatePicker Test", () => {
+  c("render FormDatePicker", () => {
+    n(
+      /* @__PURE__ */ o(
+        s,
+        {
+          propertyName: "birthday",
+          label: "user.date-of-birth",
+          maxRangeYear: 0
+        }
+      )
+    );
+    const t = a.getByRole("textbox");
+    r(t).toBeInTheDocument(), r(t).toBeInstanceOf(HTMLInputElement), r(["7.8.2024", "8/7/2024"]).toContainEqual(t.value), r(a.getByText("user.date-of-birth")).toBeInTheDocument();
+  }), c("change FormDatePicker value", () => {
+    n(
+      /* @__PURE__ */ o(
+        s,
+        {
+          propertyName: "birthday",
+          label: "user.date-of-birth",
+          maxRangeYear: 0
+        }
+      )
+    );
+    const t = a.getByRole("textbox");
+    m.change(t, { target: { value: "1.1.24" } });
+  });
+});