impact-nova 1.0.0 → 1.1.1

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/calendar.d.ts

@@ -27,8 +27,8 @@ export interface CalendarProps extends Omit<React.ComponentProps<typeof DayPicke
     onApply?: (date: Date | Date[] | DateRange | undefined) => void;
     onCancel?: () => void;
     onClear?: () => void;
-    fromYear?: number;
-    toYear?: number;
+    startMonth?: Date;
+    endMonth?: Date;
     mode?: "single" | "multiple" | "range";
     selected?: Date | Date[] | DateRange;
     onSelect?: (date: Date | Date[] | DateRange | undefined) => void;
@@ -51,8 +51,8 @@ export interface CalendarProps extends Omit<React.ComponentProps<typeof DayPicke
     selectedMonths?: MonthSelection | MonthSelection[] | MonthRange;
     onMonthSelect?: (months: MonthSelection | MonthSelection[] | MonthRange | undefined) => void;
 }
-declare function Calendar({ className, classNames, showOutsideDays, captionLayout, buttonVariant, formatters, components, showFooter, onApply, onCancel, onClear, fromYear, toYear, mode, selected, onSelect, fromDate, toDate, fromMonth, toMonth, pickerType, weekMode, selectedWeeks, onWeekSelect, calendarType, fiscalMode, selectionMode, fiscalMonthPattern, fiscalYearStartMonth, weekStartsOn, // Default Monday
-monthMode, selectedMonths, onMonthSelect, month, defaultMonth, onMonthChange, ...props }: CalendarProps): import("react/jsx-runtime").JSX.Element;
+declare function Calendar({ className, classNames, showOutsideDays, captionLayout, buttonVariant, formatters, components, showFooter, onApply, onCancel, onClear, mode, selected, onSelect, pickerType, weekMode, selectedWeeks, onWeekSelect, calendarType, fiscalMode, selectionMode, fiscalMonthPattern, fiscalYearStartMonth, weekStartsOn, // Default Monday
+monthMode, selectedMonths, onMonthSelect, month, defaultMonth, onMonthChange, startMonth, endMonth, ...props }: CalendarProps): import("react/jsx-runtime").JSX.Element;
 declare function CalendarDayButton({ className, day, modifiers, pickerType, ...props }: React.ComponentProps<typeof DayButton> & {
     pickerType?: "date" | "week" | "month";
 }): import("react/jsx-runtime").JSX.Element;