impact-nova 1.0.0 → 1.1.0

package/dist/components/ui/ag-grid-react/cell-renderers/date-display-renderer.js

@@ -1,50 +1,61 @@
-import { jsx as r, jsxs as u } from "react/jsx-runtime";
-import { CalendarDays as m } from "lucide-react";
-const f = (e, i) => {
-  if (e == null || e === "") return "";
+import { jsx as e, jsxs as o } from "react/jsx-runtime";
+import "lucide-react";
+const u = (t, r) => {
+  if (t == null || t === "") return "";
   try {
-    const t = e instanceof Date ? e : new Date(String(e));
-    return isNaN(t.getTime()) ? String(e) : i === "time" ? t.toLocaleTimeString(void 0, { hour: "2-digit", minute: "2-digit" }) : i === "datetime-local" ? t.toLocaleString(void 0, {
+    const i = t instanceof Date ? t : new Date(String(t));
+    return isNaN(i.getTime()) ? String(t) : r === "time" ? i.toLocaleTimeString(void 0, { hour: "2-digit", minute: "2-digit" }) : r === "datetime-local" ? i.toLocaleString(void 0, {
       year: "numeric",
       month: "short",
       day: "numeric",
       hour: "2-digit",
       minute: "2-digit"
-    }) : t.toLocaleDateString(void 0, {
+    }) : i.toLocaleDateString(void 0, {
       year: "numeric",
       month: "short",
       day: "numeric"
     });
   } catch {
-    return String(e);
+    return String(t);
   }
-}, h = (e) => {
+}, m = (t) => {
   const {
-    valueFormatted: i,
-    value: t,
-    dateType: d = "date",
-    placeholder: l = "Select date...",
+    valueFormatted: r,
+    value: i,
+    dateType: s = "date",
+    placeholder: h = "Select date...",
     disabled: n,
-    colDef: s
-  } = e, c = !n && s?.editable === !0, a = i ?? f(t, d), o = !a;
-  return /* @__PURE__ */ r(
+    colDef: l
+  } = t, c = !n && l?.editable === !0, a = r ?? u(i, s), d = !a;
+  return /* @__PURE__ */ e(
     "div",
     {
       className: `w-full h-full flex items-center ag-cell-inner-padding ${n ? "opacity-60 cursor-not-allowed" : c ? "in-ag-editable-cell-highlight" : ""}`,
-      children: /* @__PURE__ */ u(
+      children: /* @__PURE__ */ o(
         "div",
         {
           className: "flex w-full items-center justify-between rounded-[8px] bg-white px-1.5 h-7 cursor-pointer",
           children: [
-            /* @__PURE__ */ r("span", { className: `truncate text-sm font-medium text-[#1f2b4d] ${o ? "text-[#dfe2e7]" : ""}`, children: o ? l : a }),
-            /* @__PURE__ */ r(m, { className: "h-3.5 w-3.5 shrink-0 text-muted-foreground" })
+            /* @__PURE__ */ e("span", { className: `truncate text-sm font-medium text-[#1f2b4d] ${d ? "text-[#dfe2e7]" : ""}`, children: d ? h : a }),
+            /* @__PURE__ */ e("span", { className: "h-3.5 w-3.5 shrink-0 text-muted-foreground", children: /* @__PURE__ */ o("svg", { xmlns: "http://www.w3.org/2000/svg", width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
+              /* @__PURE__ */ e("rect", { x: "3", y: "4", width: "18", height: "18", rx: "2" }),
+              /* @__PURE__ */ e("path", { d: "M16 2v4" }),
+              /* @__PURE__ */ e("path", { d: "M8 2v4" }),
+              /* @__PURE__ */ e("path", { d: "M3 10h18" }),
+              /* @__PURE__ */ e("path", { d: "M8 14h.01" }),
+              /* @__PURE__ */ e("path", { d: "M12 14h.01" }),
+              /* @__PURE__ */ e("path", { d: "M16 14h.01" }),
+              /* @__PURE__ */ e("path", { d: "M8 18h.01" }),
+              /* @__PURE__ */ e("path", { d: "M12 18h.01" }),
+              /* @__PURE__ */ e("path", { d: "M16 18h.01" })
+            ] }) })
           ]
         }
       )
     }
   );
 };
-h.displayName = "DateDisplayRenderer";
+m.displayName = "DateDisplayRenderer";
 export {
-  h as DateDisplayRenderer
+  m as DateDisplayRenderer
 };

package/dist/components/ui/ag-grid-react/cell-renderers/editors/date-cell-editor.d.ts

@@ -8,15 +8,13 @@ export interface DateCellEditorProps extends ICellEditorParams {
     max?: string;
 }
 /**
- * DateCellEditor - AG Grid popup cell editor with a native date input.
+ * DateCellEditor - AG Grid popup cell editor using the project's Calendar component.
  *
- * Uses the browser's native date picker for reliable cross-browser support.
- * Mounted by AG Grid as a popup editor (requires `cellEditorPopup: true`).
+ * Opens the Calendar directly on mount so the user sees the calendar popup
+ * immediately on click — no extra interaction needed.
  *
  * Returns an ISO string on commit, which AG Grid stores as the cell value.
  *
- * Only holds a single piece of state: the current date string.
- *
  * Usage in colDef:
  * ```ts
  * {

package/dist/components/ui/ag-grid-react/cell-renderers/editors/date-cell-editor.js

@@ -1,30 +1,26 @@
-import { jsx as c } from "react/jsx-runtime";
-import { forwardRef as h, useRef as y, useState as S, useImperativeHandle as b, useCallback as u } from "react";
-const w = (e, n) => {
-  if (e == null || e === "") return "";
-  try {
-    const t = e instanceof Date ? e : new Date(String(e));
-    return isNaN(t.getTime()) ? "" : n === "date" ? t.toISOString().split("T")[0] : n === "datetime-local" ? t.toISOString().slice(0, 16) : n === "time" ? t.toISOString().slice(11, 16) : "";
-  } catch {
-    return "";
-  }
-}, C = h((e, n) => {
+import { jsx as S } from "react/jsx-runtime";
+import { forwardRef as M, useState as b, useImperativeHandle as y, useEffect as N, useCallback as c } from "react";
+import { Calendar as P } from "../../../calendar.js";
+const d = (t) => {
+  if (!(t == null || t === ""))
+    try {
+      const n = t instanceof Date ? t : new Date(String(t));
+      return isNaN(n.getTime()) ? void 0 : n;
+    } catch {
+      return;
+    }
+}, I = M((t, n) => {
   const {
-    value: t,
-    dateType: a = "date",
-    min: l,
-    max: d,
-    stopEditing: s
-  } = e, i = y(null), [o, f] = S(w(t, a));
-  b(n, () => ({
+    value: l,
+    min: u,
+    max: p,
+    node: i,
+    column: m,
+    stopEditing: f
+  } = t, g = d(l), [C, h] = b(g), [v, D] = b(g || /* @__PURE__ */ new Date());
+  y(n, () => ({
     getValue() {
-      if (!o) return null;
-      if (a === "time") return o;
-      try {
-        return new Date(o).toISOString();
-      } catch {
-        return o;
-      }
+      return l;
     },
     isCancelBeforeStart() {
       return !1;
@@ -34,40 +30,46 @@ const w = (e, n) => {
     },
     isPopup() {
       return !0;
-    },
-    afterGuiAttached() {
-      if (i.current) {
-        i.current.focus();
-        try {
-          i.current.showPicker?.();
-        } catch {
-        }
-      }
     }
-  }));
-  const p = u((r) => {
-    f(r.target.value);
-  }, []), m = u((r) => {
-    r.key === "Enter" || r.key === "Escape" || r.key === "Tab" || r.stopPropagation();
-  }, []), g = u(() => {
-    s();
-  }, [s]);
-  return /* @__PURE__ */ c("div", { className: "p-1 bg-white border border-primary rounded-md shadow-lg", children: /* @__PURE__ */ c(
-    "input",
+  })), N(() => {
+    const e = "ag-custom-component-popup", a = (o) => {
+      o instanceof HTMLElement && o.hasAttribute("data-radix-popper-content-wrapper") && o.classList.add(e);
+    }, s = new MutationObserver((o) => {
+      for (const L of o)
+        L.addedNodes.forEach(a);
+    });
+    return s.observe(document.body, { childList: !0, subtree: !0 }), document.querySelectorAll("[data-radix-popper-content-wrapper]").forEach((o) => {
+      o.classList.add(e);
+    }), () => s.disconnect();
+  }, []);
+  const r = c((e) => {
+    const a = m?.getColId();
+    if (a && i) {
+      const s = e ? `${e.getFullYear()}-${String(e.getMonth() + 1).padStart(2, "0")}-${String(e.getDate()).padStart(2, "0")}` : null;
+      i.setDataValue(a, s);
+    }
+    f();
+  }, [m, i, f]), w = c((e) => {
+    h(e), r(e);
+  }, [r]), E = c(() => {
+    h(void 0), r(void 0);
+  }, [r]), A = u ? d(u) : void 0, x = p ? d(p) : void 0;
+  return /* @__PURE__ */ S("div", { className: "ag-custom-component-popup bg-white border border-input rounded-md shadow-lg", children: /* @__PURE__ */ S(
+    P,
     {
-      ref: i,
-      type: a,
-      value: o,
-      onChange: p,
-      onKeyDown: m,
-      onBlur: g,
-      min: l,
-      max: d,
-      className: "px-2 py-1.5 text-sm font-medium bg-white border border-input rounded focus:outline-none focus:border-primary cursor-pointer"
+      mode: "single",
+      selected: C,
+      onSelect: w,
+      month: v,
+      onMonthChange: D,
+      disabled: { before: A, after: x },
+      showFooter: !1,
+      onClear: E,
+      captionLayout: "dropdown"
     }
   ) });
 });
-C.displayName = "DateCellEditor";
+I.displayName = "DateCellEditor";
 export {
-  C as DateCellEditor
+  I as DateCellEditor
 };

package/dist/components/ui/date-picker/date-picker.js

@@ -1,108 +1,112 @@
-import { jsxs as P, jsx as a } from "react/jsx-runtime";
-import * as i from "react";
-import { X } from "lucide-react";
-import { CalendarMonth as q } from "../../../icons/index.js";
-import { format as f, parse as x, isValid as v } from "date-fns";
-import { cn as z, maskDate as G } from "../../../lib/utils.js";
-import { Input as H } from "../input.js";
-import { Popover as J, PopoverTrigger as K, PopoverContent as Q } from "../popover.js";
-import { Calendar as U } from "../calendar.js";
-const W = i.forwardRef(
+import { jsxs as V, jsx as l } from "react/jsx-runtime";
+import * as o from "react";
+import { X as z } from "lucide-react";
+import { CalendarMonth as G } from "../../../icons/index.js";
+import { format as a, isValid as x, parse as C } from "date-fns";
+import { cn as J, padValidDateString as K, maskDate as Q } from "../../../lib/utils.js";
+import { Input as U } from "../input.js";
+import { Popover as W, PopoverTrigger as Y, PopoverContent as Z } from "../popover.js";
+import { Calendar as _ } from "../calendar.js";
+const $ = o.forwardRef(
   ({
-    value: t,
+    value: e,
     onChange: p,
-    format: n = "MM/dd/yyyy",
-    placeholder: S = "Select Date",
-    minDate: k,
+    format: t = "MM/dd/yyyy",
+    placeholder: k = "Select Date",
+    minDate: I,
     maxDate: M,
     fromYear: N,
-    toYear: w,
-    showFooter: s = !0,
-    disabled: y,
-    className: A,
-    ...V
-  }, I) => {
-    const [o, l] = i.useState(!1), [r, c] = i.useState(t), [d, u] = i.useState(t ? f(t, n) : ""), [O, h] = i.useState(t || /* @__PURE__ */ new Date());
-    i.useEffect(() => {
-      u(t ? f(t, n) : "");
-    }, [t, n]), i.useEffect(() => {
-      o && (c(t), h(t || /* @__PURE__ */ new Date()));
-    }, [o]);
-    const T = (e) => {
-      c(e), s || (p?.(e), l(!1));
-    }, j = (e) => {
-      p?.(e !== void 0 ? e : r), l(!1);
-    }, B = () => {
-      c(t), l(!1);
-    }, D = () => {
-      c(void 0), u(""), p?.(void 0), s || l(!1);
-    }, E = (e) => {
-      const m = G(e.target.value, n);
-      if (u(m), m === "") {
-        c(void 0), s || p?.(void 0);
+    toYear: A,
+    showFooter: f = !0,
+    disabled: P,
+    className: E,
+    ...O
+  }, T) => {
+    const g = o.useRef(null), h = o.useRef(null);
+    o.useImperativeHandle(T, () => g.current);
+    const [r, d] = o.useState(!1), [S, s] = o.useState(e), [i, c] = o.useState(e ? a(e, t) : ""), [j, y] = o.useState(e || /* @__PURE__ */ new Date());
+    o.useEffect(() => {
+      g.current && h.current !== null && (g.current.setSelectionRange(h.current, h.current), h.current = null);
+    }, [i]), o.useEffect(() => {
+      !r && e && (c(a(e, t)), s(e));
+    }, [e, t, r]), o.useEffect(() => {
+      r && (s(e), y(e || /* @__PURE__ */ new Date()));
+    }, [r, e]);
+    const B = (n) => {
+      s(n), n && c(a(n, t)), f || (p?.(n), d(!1));
+    }, v = (n) => {
+      p?.(n !== void 0 ? n : S), d(!1);
+    }, H = () => {
+      s(e), c(e ? a(e, t) : ""), d(!1);
+    }, w = () => {
+      s(void 0), c(""), p?.(void 0), f || d(!1);
+    }, L = (n) => {
+      const u = n.target.value, m = Q(u, t, i);
+      if (c(m), m === "") {
+        s(void 0), f || p?.(void 0);
         return;
       }
-      const g = x(m, n, /* @__PURE__ */ new Date());
-      v(g) && (c(g), h(g), s || p?.(g));
-    }, R = () => {
-      if (o) return;
-      if (d === "") {
-        D();
-        return;
-      }
-      const e = x(d, n, /* @__PURE__ */ new Date());
-      v(e) || u(r ? f(r, n) : "");
-    }, C = s && o && (r ? f(r, n) : "") !== d, L = s && o ? r ? f(r, n) : "" : d;
-    return /* @__PURE__ */ P(J, { open: o, onOpenChange: l, children: [
-      /* @__PURE__ */ a(K, { asChild: !0, children: /* @__PURE__ */ a("div", { "data-component": "date-picker", "data-state": o ? "open" : "closed", "data-pending": C || void 0, children: /* @__PURE__ */ a(
-        H,
+      const D = C(m, t, /* @__PURE__ */ new Date());
+      x(D) && m.length === t.length && (s(D), y(D), f || p?.(D));
+    }, X = () => {
+      if (r) return;
+      const n = K(i, t), u = C(n, t, /* @__PURE__ */ new Date());
+      !x(u) || n.length !== t.length ? (c(e ? a(e, t) : ""), s(e)) : (c(n), f || p?.(u));
+    }, R = (e ? a(e, t) : "") !== i, q = i.length === t.length && !x(C(i, t, /* @__PURE__ */ new Date()));
+    return /* @__PURE__ */ V(W, { open: r, onOpenChange: d, children: [
+      /* @__PURE__ */ l(Y, { asChild: !0, children: /* @__PURE__ */ l("div", { "data-component": "date-picker", "data-state": r ? "open" : "closed", "data-pending": R || void 0, children: /* @__PURE__ */ l(
+        U,
         {
-          ref: I,
-          value: L,
-          onChange: E,
-          onBlur: R,
-          onClick: (e) => o && e.stopPropagation(),
-          placeholder: o ? n : S,
-          disabled: y,
+          ref: g,
+          value: i,
+          onChange: L,
+          onBlur: X,
+          onClick: (n) => r && n.stopPropagation(),
+          placeholder: r ? t : k,
+          disabled: P,
           "data-form-control": "input",
-          className: z("cursor-pointer", C && "text-muted-foreground", A),
-          suffix: /* @__PURE__ */ P("div", { className: "flex items-center gap-1", children: [
-            t && !y && /* @__PURE__ */ a(
-              X,
+          className: J(
+            "cursor-pointer",
+            q ? "text-destructive" : R ? "text-muted-foreground" : "",
+            E
+          ),
+          suffix: /* @__PURE__ */ V("div", { className: "flex items-center gap-1", children: [
+            e && !P && /* @__PURE__ */ l(
+              z,
               {
                 className: "h-4 w-4 cursor-pointer hover:text-foreground",
-                onClick: (e) => {
-                  e.stopPropagation(), D();
+                onClick: (n) => {
+                  n.stopPropagation(), w();
                 }
               }
             ),
-            /* @__PURE__ */ a(q, { className: "h-4 w-4 text-secondary-foreground" })
+            /* @__PURE__ */ l(G, { className: "h-4 w-4 text-secondary-foreground" })
           ] }),
-          ...V
+          ...O
         }
       ) }) }),
-      /* @__PURE__ */ a(
-        Q,
+      /* @__PURE__ */ l(
+        Z,
         {
           className: "w-auto p-0",
           align: "start",
-          onOpenAutoFocus: (e) => e.preventDefault(),
-          children: /* @__PURE__ */ a(
-            U,
+          onOpenAutoFocus: (n) => n.preventDefault(),
+          children: /* @__PURE__ */ l(
+            _,
             {
               mode: "single",
-              selected: r,
-              onSelect: T,
-              month: O,
-              onMonthChange: h,
-              fromDate: k,
+              selected: S,
+              onSelect: B,
+              month: j,
+              onMonthChange: y,
+              fromDate: I,
               toDate: M,
               fromYear: N,
-              toYear: w,
-              showFooter: s,
-              onApply: j,
-              onCancel: B,
-              onClear: D,
+              toYear: A,
+              showFooter: f,
+              onApply: v,
+              onCancel: H,
+              onClear: w,
               captionLayout: "dropdown"
             }
           )
@@ -111,7 +115,7 @@ const W = i.forwardRef(
     ] });
   }
 );
-W.displayName = "DatePicker";
+$.displayName = "DatePicker";
 export {
-  W as DatePicker
+  $ as DatePicker
 };