zuii 1.7.4 → 1.7.6

package/dist/components/Form/react/FormDate.d.ts

@@ -36,6 +36,7 @@ export interface FormDateProps {
      * Désactiver le champ.
      */
     disabled?: boolean;
+    onReady?: (flatpickerInstance: any) => void;
 }
 /**
  * Composant de sélection de date premium basé sur Flatpickr.

package/dist/components/Form/react/FormDate.js

@@ -1,61 +1,64 @@
-import { jsxs as d, Fragment as F, jsx as t } from "react/jsx-runtime";
-import { forwardRef as N, useRef as i, useState as V, useMemo as j, useEffect as p } from "react";
+import { jsxs as R, Fragment as V, jsx as t } from "react/jsx-runtime";
+import { forwardRef as j, useRef as i, useState as v, useMemo as C, useEffect as h } from "react";
 import { Form as P } from "react-bootstrap";
 import { Icon as _ } from "../../Icon/react/index.js";
-import { getRangeSeparator as b, initDatePicker as k, formatHiddenDateValue as v } from "../js/date.js";
-const S = N(({
+import { getRangeSeparator as b, initDatePicker as k, formatHiddenDateValue as w } from "../js/date.js";
+const $ = j(({
   flatpickrOptions: n,
-  value: e = "",
-  onChange: u,
-  placeholder: h,
-  name: R,
-  className: I = "",
+  value: r = "",
+  onChange: a,
+  placeholder: y,
+  name: I,
+  className: x = "",
   icon: f,
   disabled: m = !1,
-  ...g
-}, x) => {
-  const y = x, a = i(null), l = i(null), r = i(null), [s, c] = V(e || ""), D = j(() => b(n?.locale), [n?.locale]);
-  p(() => {
-    if (a.current)
-      return r.current = k(
-        a.current,
+  ...l
+}, D) => {
+  const g = D, c = i(null), d = i(null), e = i(null), [s, u] = v(r || ""), F = C(() => b(n?.locale), [n?.locale]);
+  h(() => {
+    if (c.current)
+      return e.current = k(
+        c.current,
         n,
-        l.current,
+        d.current,
         (o) => {
-          c(o), u?.(o);
+          u(o), a?.(o);
         }
-      ), () => {
-        r.current && r.current?.destroy();
+      ), l.onReady?.(e.current), () => {
+        e.current && e.current?.destroy();
       };
-  }, [n, u]), p(() => {
-    e !== void 0 && e !== s && (c(e || ""), r.current?.setDate(e || "", !1));
-  }, [e]);
-  const C = () => {
-    m || r.current?.open();
+  }, [n, a]), h(() => {
+    r !== void 0 && r !== s && (u(r || ""), e.current?.setDate(r || "", !1));
+  }, [r]);
+  const N = () => {
+    m || e.current?.open();
   };
-  return /* @__PURE__ */ d(F, { children: [
-    /* @__PURE__ */ d("div", { className: `form__input ${I}`.trim(), children: [
+  return /* @__PURE__ */ R(V, { children: [
+    /* @__PURE__ */ R("div", { className: `form__input ${x}`.trim(), children: [
       f && /* @__PURE__ */ t(_, { name: f, size: "sm" }),
       /* @__PURE__ */ t(
         P.Control,
         {
-          ...g,
-          ref: y,
+          ...l,
+          ref: g,
           autoComplete: "off",
           value: s,
-          onChange: (o) => c(o.target.value),
-          onClick: C,
+          onChange: (o) => {
+            const p = o.target.value;
+            u(p), a?.(p);
+          },
+          onClick: N,
           disabled: m,
-          placeholder: h,
+          placeholder: y,
           className: "form-date-control"
         }
       ),
-      /* @__PURE__ */ t("span", { ref: l, className: "form-date-anchor" })
+      /* @__PURE__ */ t("span", { ref: d, className: "form-date-anchor" })
     ] }),
-    /* @__PURE__ */ t("input", { ref: a, style: { display: "none" }, tabIndex: -1, "aria-hidden": "true" }),
-    /* @__PURE__ */ t("input", { type: "hidden", name: R, value: v(s, D, r.current) })
+    /* @__PURE__ */ t("input", { ref: c, style: { display: "none" }, tabIndex: -1, "aria-hidden": "true" }),
+    /* @__PURE__ */ t("input", { type: "hidden", name: I, value: w(s, F, e.current) })
   ] });
 });
 export {
-  S as FormDate
+  $ as FormDate
 };

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "zuii",
-	"version": "1.7.4",
+	"version": "1.7.6",
 	"packageManager": "pnpm@9.9.0",
 	"description": "Bibliothèque de composants UI légère, intuitive et modulaire pour les interfaces web modernes.",
 	"type": "module",