impact-nova 2.0.9 → 2.1.0-alpha.10

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

@@ -0,0 +1,87 @@
+import { jsx as w } from "react/jsx-runtime";
+import { forwardRef as O, useState as E, useImperativeHandle as $, useRef as M, useCallback as l, useEffect as L } from "react";
+import { Calendar as B } from "../../../../data-display/calendar/calendar.js";
+import { buildDateBoundsMatcher as F } from "../../../../../lib/date-bounds-matcher.js";
+const m = (a) => {
+  if (!(a == null || a === ""))
+    try {
+      const s = a instanceof Date ? a : new Date(String(a));
+      return isNaN(s.getTime()) ? void 0 : s;
+    } catch {
+      return;
+    }
+}, H = O((a, s) => {
+  const {
+    value: r,
+    min: f,
+    max: g,
+    node: u,
+    column: v,
+    stopEditing: h
+  } = a, c = r && typeof r == "object" && "value" in r, p = c ? r.cellMetadata : void 0, x = c ? r.value : r, b = m(x), [A, D] = E(b), [y, V] = E(b || /* @__PURE__ */ new Date());
+  $(s, () => ({
+    getValue() {
+      return r;
+    },
+    isCancelBeforeStart() {
+      return !1;
+    },
+    isCancelAfterEnd() {
+      return !1;
+    },
+    isPopup() {
+      return !0;
+    }
+  }));
+  const S = M(null), C = M(!1), i = l(() => {
+    C.current || (C.current = !0, h());
+  }, [h]);
+  L(() => {
+    const e = "ag-custom-component-popup", o = (n) => {
+      n instanceof HTMLElement && n.hasAttribute("data-radix-popper-content-wrapper") && n.classList.add(e);
+    }, t = new MutationObserver((n) => {
+      for (const I of n)
+        I.addedNodes.forEach(o);
+    });
+    return t.observe(document.body, { childList: !0, subtree: !0 }), document.querySelectorAll("[data-radix-popper-content-wrapper]").forEach((n) => {
+      n.classList.add(e);
+    }), () => t.disconnect();
+  }, []), L(() => {
+    const e = (o) => {
+      const t = o.target;
+      t && (S.current?.contains(t) || t.closest("[data-radix-popper-content-wrapper]") || t.closest(".ag-custom-component-popup") || i());
+    };
+    return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
+  }, [i]);
+  const d = l((e) => {
+    const o = v?.getColId();
+    if (o && u) {
+      const t = e ? `${e.getFullYear()}-${String(e.getMonth() + 1).padStart(2, "0")}-${String(e.getDate()).padStart(2, "0")}` : null, n = c ? { value: t, ...p !== void 0 && { cellMetadata: p } } : t;
+      u.setDataValue(o, n);
+    }
+    i();
+  }, [v, u, i, c, p]), N = l((e) => {
+    const o = e instanceof Date ? e : void 0;
+    D(o), d(o);
+  }, [d]), P = l(() => {
+    D(void 0), d(void 0);
+  }, [d]), R = f ? m(f) : void 0, j = g ? m(g) : void 0;
+  return /* @__PURE__ */ w("div", { ref: S, className: "ag-custom-component-popup bg-canvas-elevated border border-field rounded-md shadow-lg", children: /* @__PURE__ */ w(
+    B,
+    {
+      mode: "single",
+      selected: A,
+      onSelect: N,
+      month: y,
+      onMonthChange: V,
+      disabled: F(R, j),
+      showFooter: !1,
+      onClear: P,
+      captionLayout: "dropdown"
+    }
+  ) });
+});
+H.displayName = "DateCellEditor";
+export {
+  H as DateCellEditor
+};

package/dist/components/data/ag-grid-react/cell-renderers/editors/input-cell-editor.d.ts

@@ -0,0 +1,50 @@
+import { default as React } from 'react';
+import { ICellEditorParams } from 'ag-grid-community';
+/**
+ * Rule that describes how to generate the set of allowed autocomplete values.
+ * When provided via cellEditorParams.autocompleteRule (or cell metadata),
+ * the InputCellEditor switches to autocomplete mode: a dropdown of filtered
+ * suggestions appears below the input, and only dropdown values can be committed.
+ *
+ * Two variants:
+ *  - Numeric range: `{ min, max, step }` → generates e.g. 0, 5, 10, …, 100
+ *  - Static list:   `{ options }` → uses the string array as-is
+ */
+export type AutocompleteRule = {
+    min: number;
+    max: number;
+    step: number;
+    options?: never;
+} | {
+    options: string[];
+    min?: never;
+    max?: never;
+    step?: never;
+};
+export interface InputCellEditorHandle {
+    getValue(): unknown;
+    isCancelBeforeStart(): boolean;
+    isCancelAfterEnd(): boolean;
+}
+export interface InputCellEditorProps extends ICellEditorParams {
+    /** Placeholder text */
+    placeholder?: string;
+    /** Minimum value (number inputs) */
+    min?: number;
+    /** Maximum value (number inputs) */
+    max?: number;
+    /** Step increment (number inputs) */
+    step?: number;
+    /** Maximum character length */
+    maxLength?: number;
+    /** Whether to right-align (for numeric values) */
+    isNumeric?: boolean;
+    /** Optional callback when the value changes */
+    onValueChange?: (value: string | undefined) => void;
+    /** Whether to suppress auto-focus on mount */
+    suppressAutoFocus?: boolean;
+    /** When provided, enables autocomplete mode with a filtered dropdown of allowed values */
+    autocompleteRule?: AutocompleteRule;
+    className?: string;
+}
+export declare const InputCellEditor: React.NamedExoticComponent<InputCellEditorProps & React.RefAttributes<InputCellEditorHandle>>;

package/dist/components/data/ag-grid-react/cell-renderers/editors/input-cell-editor.js

@@ -0,0 +1,270 @@
+import { jsxs as Z, jsx as m } from "react/jsx-runtime";
+import ee, { forwardRef as te, useRef as d, useMemo as O, useState as P, useImperativeHandle as ne, useEffect as C, useCallback as E } from "react";
+import { createPortal as re } from "react-dom";
+function oe(r) {
+  if ("options" in r && r.options) return r.options;
+  const f = [];
+  if (!r || r.step <= 0 || r.min > r.max) return f;
+  for (let n = r.min; n <= r.max; n += r.step) {
+    const x = Math.round(n * 1e10) / 1e10;
+    f.push(String(x));
+  }
+  return f;
+}
+function ae(r, f) {
+  if (!f) return r;
+  const n = f.toLowerCase();
+  return r.filter((x) => x.toLowerCase().includes(n));
+}
+const K = te((r, f) => {
+  const {
+    value: n,
+    placeholder: x,
+    min: F,
+    max: U,
+    step: _,
+    maxLength: D,
+    onValueChange: p,
+    colDef: q,
+    className: z,
+    autocompleteRule: w
+  } = r, u = q?.cellDataType === "number", G = w ? "text" : u ? "number" : "text", i = d(null), a = !!w, S = O(
+    () => w ? oe(w) : [],
+    [w]
+  ), [c, J] = P(""), [b, v] = P(-1), M = d(-1);
+  M.current = b;
+  const g = d("keyboard"), H = d(null), A = d(null), L = d(null), I = d(!1), [R, Q] = P(null), s = O(() => ae(S, c), [S, c]), B = d(s);
+  B.current = s;
+  const y = n && typeof n == "object" && "value" in n, N = y ? n.cellMetadata : void 0, W = y ? n.value : n;
+  ne(f, () => ({
+    getValue() {
+      if (a) {
+        const l = H.current;
+        if (l == null)
+          return n;
+        const h = Number(l), $ = u && !isNaN(h) ? h : l;
+        return y ? {
+          value: $,
+          ...N !== void 0 && { cellMetadata: N }
+        } : $;
+      }
+      const t = i.current?.value;
+      let o;
+      if (u)
+        if (!t || t === "" || t === "-")
+          o = null;
+        else {
+          const l = Number(t);
+          o = isNaN(l) ? null : l;
+        }
+      else
+        o = t === "" ? null : t;
+      return y ? {
+        value: o,
+        ...N !== void 0 && { cellMetadata: N }
+      } : o;
+    },
+    isCancelBeforeStart() {
+      return !1;
+    },
+    isCancelAfterEnd() {
+      return !1;
+    }
+  }), [a, u, y, N, n]), C(() => {
+    if (i.current) {
+      const e = n && typeof n == "object" && "value" in n ? n.value : n;
+      if (i.current.value = e != null ? String(e) : "", u) {
+        const t = i.current, o = Object.getOwnPropertyDescriptor(HTMLInputElement.prototype, "value");
+        Object.defineProperty(t, "value", {
+          get() {
+            const l = this.valueAsNumber;
+            return isNaN(l) ? o.get.call(this) : l;
+          },
+          set(l) {
+            o.set.call(this, l);
+          },
+          configurable: !0
+        });
+      }
+      r.suppressAutoFocus || (i.current.focus(), i.current.select());
+    }
+    return () => {
+    };
+  }, [n, u, r.suppressAutoFocus]);
+  const j = E(() => {
+    I.current || (I.current = !0, r.stopEditing?.());
+  }, [r]), V = E((e) => {
+    if (H.current = e, p) {
+      const t = Number(e), o = u && !isNaN(t) ? t : e;
+      p(o);
+    }
+    I.current = !0, r.stopEditing?.();
+  }, [u, p, r]), k = d(V);
+  k.current = V, C(() => {
+    if (a && L.current) {
+      const e = L.current.getBoundingClientRect();
+      Q({ top: e.bottom, left: e.left, width: e.width });
+    }
+  }, [a]), C(() => {
+    if (!a) return;
+    const e = k, t = (o) => {
+      const l = o.target.closest?.("[data-autocomplete-value]");
+      if (l && A.current?.contains(l)) {
+        const h = l.getAttribute("data-autocomplete-value");
+        h != null && (o.stopImmediatePropagation(), o.preventDefault(), e.current(h));
+      }
+    };
+    return document.addEventListener("mousedown", t, !0), () => document.removeEventListener("mousedown", t, !0);
+  }, [a]), C(() => {
+    a && b >= 0 && A.current && A.current.querySelectorAll("[data-autocomplete-item]")[b]?.scrollIntoView({ block: "nearest" });
+  }, [b, a]), C(() => {
+    if (!a || !c) {
+      v(-1);
+      return;
+    }
+    const e = s.findIndex((t) => t.toLowerCase() === c.toLowerCase());
+    g.current = "mouse", v(e >= 0 ? e : -1);
+  }, [a, c, s]);
+  const X = E(() => {
+    const e = i.current?.value;
+    if (a) {
+      J(e ?? "");
+      return;
+    }
+    if (!(D && e && e.length > D)) {
+      if (u && i.current) {
+        const t = i.current.valueAsNumber;
+        isNaN(t) || i.current.setAttribute("data-value", String(t));
+      }
+      p?.(e);
+    }
+  }, [D, p, u, a]), T = E((e) => {
+    if (a) {
+      if (e.key === "Escape") {
+        e.stopPropagation(), j();
+        return;
+      }
+      if (e.key === "ArrowDown") {
+        e.preventDefault(), e.stopPropagation(), g.current = "keyboard", v((t) => t < s.length - 1 ? t + 1 : 0);
+        return;
+      }
+      if (e.key === "ArrowUp") {
+        e.preventDefault(), e.stopPropagation(), g.current = "keyboard", v((t) => t > 0 ? t - 1 : s.length - 1);
+        return;
+      }
+      if (e.key === "Enter" || e.key === "Tab") {
+        e.preventDefault(), e.stopPropagation(), e.nativeEvent.stopImmediatePropagation();
+        const t = M.current, o = B.current;
+        if (t >= 0 && t < o.length)
+          k.current(o[t]);
+        else {
+          const l = o.find((h) => h.toLowerCase() === c.toLowerCase());
+          l ? k.current(l) : j();
+        }
+        return;
+      }
+      return;
+    }
+    if (e.key === "Escape") {
+      if (e.stopPropagation(), i.current) {
+        const o = n && typeof n == "object" && "value" in n ? n.value : n;
+        i.current.value = o != null ? String(o) : "";
+      }
+      const t = n && typeof n == "object" && "value" in n ? n.value : n;
+      p?.(t != null ? String(t) : void 0), r.stopEditing?.();
+      return;
+    }
+    e.key === "Enter" || e.key === "Tab" || ["ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight"].includes(e.key) && e.stopPropagation();
+  }, [n, p, r, a, j, s, c]), Y = E(() => {
+    if (!I.current) {
+      if (a) {
+        const e = s.find((t) => t.toLowerCase() === c.toLowerCase());
+        e ? V(e) : s.length === 1 ? V(s[0]) : r.stopEditing?.(!0);
+        return;
+      }
+      r.stopEditing?.();
+    }
+  }, [r, a, s, c, V]);
+  return /* @__PURE__ */ Z(
+    "div",
+    {
+      ref: L,
+      className: `w-full h-full flex items-center ag-cell-inner-padding in-ag-editable-cell-highlight ${z ?? ""}`,
+      onKeyDownCapture: a ? T : void 0,
+      children: [
+        /* @__PURE__ */ m(
+          "div",
+          {
+            className: `flex w-full items-center rounded-[8px] bg-canvas-elevated px-1.5 h-7 ${u ? "justify-end text-right" : ""}`,
+            children: /* @__PURE__ */ m(
+              "input",
+              {
+                ref: i,
+                type: G,
+                onChange: X,
+                onKeyDown: a ? void 0 : T,
+                onBlur: Y,
+                placeholder: x,
+                className: `flex h-full w-full bg-transparent p-0 text-sm font-medium text-content outline-none placeholder:font-medium placeholder:text-content-empty ${u ? "text-right" : ""}`,
+                min: a ? void 0 : F,
+                max: a ? void 0 : U,
+                step: a ? void 0 : _
+              }
+            )
+          }
+        ),
+        a && R && re(
+          /* @__PURE__ */ m(
+            "div",
+            {
+              ref: A,
+              className: "fixed z-[9999] overflow-hidden rounded-[12px] bg-canvas-elevated text-base shadow-elevation-select focus:outline-none sm:text-sm flex flex-col border-none",
+              style: { top: R.top, left: R.left, width: R.width, maxHeight: 250 },
+              children: /* @__PURE__ */ m(
+                "div",
+                {
+                  className: "flex-1 overflow-auto py-1 px-[6px]",
+                  style: { maxHeight: 240, overscrollBehavior: "contain" },
+                  role: "listbox",
+                  onMouseLeave: () => {
+                    g.current = "mouse", v(-1);
+                  },
+                  children: s.length === 0 ? /* @__PURE__ */ m("div", { className: "flex items-center justify-center py-6 text-sm text-content-secondary", children: "No options found" }) : s.map((e, t) => {
+                    const o = t === b, l = e === String(W ?? "");
+                    return /* @__PURE__ */ m(
+                      "div",
+                      {
+                        className: "w-full pb-[2px]",
+                        children: /* @__PURE__ */ m(
+                          "div",
+                          {
+                            "data-autocomplete-item": !0,
+                            role: "option",
+                            "aria-selected": o,
+                            className: `cursor-default select-none py-[6px] px-3 flex items-center ${u ? "justify-end text-right" : "justify-between"} transition-colors rounded-md ${o && g.current === "keyboard" ? "ring-2 ring-inset ring-primary bg-accent text-content" : o && g.current === "mouse" ? "bg-muted text-content" : l ? "bg-accent text-content" : "text-content hover:bg-muted cursor-pointer"}`,
+                            "data-autocomplete-value": e,
+                            onMouseEnter: () => {
+                              g.current = "mouse", v(t);
+                            },
+                            children: /* @__PURE__ */ m("span", { className: "text-sm", children: e })
+                          }
+                        )
+                      },
+                      e
+                    );
+                  })
+                }
+              )
+            }
+          ),
+          document.body
+        )
+      ]
+    }
+  );
+});
+K.displayName = "InputCellEditor";
+const se = ee.memo(K, () => !0);
+export {
+  se as InputCellEditor
+};

package/dist/components/data/ag-grid-react/cell-renderers/editors/percent-progress-cell-editor.js

@@ -0,0 +1,135 @@
+import { jsx as c, jsxs as F } from "react/jsx-runtime";
+import L, { forwardRef as I, useRef as w, useLayoutEffect as K, useState as T, useCallback as d, useImperativeHandle as U, useEffect as P } from "react";
+import { Slider as H } from "../../../../forms/slider/slider.js";
+function A(t) {
+  return t && typeof t == "object" && "value" in t ? t.value : t;
+}
+function k(t) {
+  if (t == null || t === "") return null;
+  if (typeof t == "number") return isNaN(t) ? null : t;
+  const i = Number(String(t).replace(/%/g, "").trim());
+  return isNaN(i) ? null : i;
+}
+function N(t, i, o) {
+  return Math.min(o, Math.max(i, t));
+}
+const C = I((t, i) => {
+  const { value: o, colDef: f, className: D, onValueChange: m } = t, a = t.min ?? 0, l = t.max ?? 100, b = t.step ?? 1, p = o != null && typeof o == "object" && "value" in o, g = p ? o.cellMetadata : void 0, x = w(null), y = w(t.stopEditing), s = w(null);
+  K(() => {
+    y.current = t.stopEditing;
+  }, [t.stopEditing]);
+  const [v, h] = T(() => {
+    const e = A(o);
+    return k(e);
+  }), u = d(() => {
+    const e = s.current?.value;
+    let n;
+    if (!e || e === "" || e === "-")
+      n = null;
+    else {
+      const r = Number(e);
+      n = isNaN(r) ? null : N(r, a, l);
+    }
+    return p ? {
+      value: n,
+      ...g !== void 0 && { cellMetadata: g }
+    } : n;
+  }, [a, l, p, g]);
+  U(
+    i,
+    () => ({
+      getValue() {
+        return u();
+      },
+      isCancelBeforeStart() {
+        return !1;
+      },
+      isCancelAfterEnd() {
+        return !1;
+      }
+    }),
+    [u]
+  ), P(() => {
+    const e = s.current;
+    if (!e) return;
+    const n = A(o), r = k(n);
+    e.value = r != null ? String(r) : "", t.suppressAutoFocus || (e.focus(), e.select());
+  }, [o, t.suppressAutoFocus]), P(() => {
+    const e = x.current;
+    if (!e) return;
+    const n = (r) => {
+      const E = r.relatedTarget;
+      E && e.contains(E) || requestAnimationFrame(() => {
+        e.contains(document.activeElement) || y.current?.();
+      });
+    };
+    return e.addEventListener("focusout", n), () => e.removeEventListener("focusout", n);
+  }, []);
+  const R = v != null ? N(v, a, l) : a, V = d(
+    (e) => {
+      const n = e[0];
+      if (n === void 0) return;
+      const r = N(n, a, l);
+      h(r), s.current && (s.current.value = String(r)), m?.(u());
+    },
+    [a, l, m, u]
+  ), S = d(() => {
+    const e = s.current?.value;
+    if (!e || e === "" || e === "-")
+      h(null);
+    else {
+      const n = Number(e);
+      h(isNaN(n) ? null : n);
+    }
+    m?.(u());
+  }, [m, u]), j = d((e) => {
+    ["ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight", "Home", "End", "PageUp", "PageDown"].includes(
+      e.key
+    ) && e.stopPropagation();
+  }, []), M = d((e) => {
+    e.key === "Enter" || e.key === "Escape" || e.key === "Tab" || ["ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight"].includes(e.key) && e.stopPropagation();
+  }, []);
+  return /* @__PURE__ */ c(
+    "div",
+    {
+      ref: x,
+      className: `w-full h-full flex items-center ag-cell-inner-padding in-ag-editable-cell-highlight ${D ?? ""}`,
+      onPointerDown: (e) => e.stopPropagation(),
+      onMouseDown: (e) => e.stopPropagation(),
+      children: /* @__PURE__ */ F("div", { className: "flex w-full min-w-0 items-center gap-2", children: [
+        /* @__PURE__ */ c("div", { className: "min-w-0 flex-1 py-1", onKeyDown: j, children: /* @__PURE__ */ c(
+          H,
+          {
+            value: [R],
+            min: a,
+            max: l,
+            step: b,
+            onValueChange: V,
+            "aria-label": typeof f?.headerName == "string" ? `${f.headerName} — slide to adjust` : "Percent — slide to adjust"
+          }
+        ) }),
+        /* @__PURE__ */ c("div", { className: "shrink-0 rounded-full bg-stroke-track px-1.5 py-0.5", children: /* @__PURE__ */ c(
+          "input",
+          {
+            ref: s,
+            type: "number",
+            inputMode: "decimal",
+            min: a,
+            max: l,
+            step: b,
+            onInput: S,
+            onKeyDown: M,
+            className: "w-11 bg-transparent p-0 text-center text-xs font-medium tabular-nums text-content-charcoal outline-none [appearance:textfield] [&::-webkit-inner-spin-button]:appearance-none [&::-webkit-outer-spin-button]:appearance-none",
+            "aria-label": typeof f?.headerName == "string" ? f.headerName : "Percent"
+          }
+        ) }),
+        /* @__PURE__ */ c("span", { className: "shrink-0 text-xs font-medium text-content-charcoal tabular-nums", children: "%" })
+      ] })
+    }
+  );
+});
+C.displayName = "PercentProgressCellEditor";
+const q = L.memo(C, () => !0);
+export {
+  q as PercentProgressCellEditor
+};

package/dist/components/data/ag-grid-react/cell-renderers/editors/select-cell-editor.js

@@ -0,0 +1,68 @@
+import { jsx as g } from "react/jsx-runtime";
+import { forwardRef as E, useState as N, useRef as O, useImperativeHandle as j, useCallback as s } from "react";
+import { Select as w } from "../../../../forms/select/select.js";
+const D = E((h, m) => {
+  const {
+    value: l,
+    options: v = [],
+    placeholder: C = "Select...",
+    isSearchable: b = !0,
+    isClearable: S = !0,
+    stopEditing: r,
+    onValueChange: o
+  } = h, a = l && typeof l == "object" && "value" in l, u = a ? l.cellMetadata : void 0, i = a ? l.value : l, c = v.map((e) => ({
+    value: e.value,
+    label: e.label,
+    isDisabled: e.isDisabled
+  })), [n, d] = N(
+    i != null ? String(i) : null
+  ), f = O(!1);
+  j(m, () => ({
+    getValue() {
+      return a ? {
+        value: n,
+        ...u !== void 0 && { cellMetadata: u }
+      } : n;
+    },
+    isCancelBeforeStart() {
+      return !1;
+    },
+    isCancelAfterEnd() {
+      return !1;
+    },
+    isPopup() {
+      return !0;
+    }
+  }));
+  const M = c.find((e) => e.value === n) ?? null, t = s(() => {
+    f.current || (f.current = !0, r());
+  }, [r]), V = s(
+    (e) => {
+      const p = e ? e.value : null;
+      d(p), o?.(p), t();
+    },
+    [t, d, o]
+  ), x = s(() => {
+    t();
+  }, [t]);
+  return /* @__PURE__ */ g("div", { className: "w-full h-full flex items-center ag-cell-inner-padding ag-editable-cell-highlight", children: /* @__PURE__ */ g(
+    w,
+    {
+      options: c,
+      value: M,
+      onChange: V,
+      onMenuClose: x,
+      placeholder: C,
+      isSearchable: b,
+      isClearable: S,
+      isMulti: !1,
+      defaultMenuIsOpen: !0,
+      className: "!border-none !shadow-none !ring-0 !h-7 !rounded-[8px] !px-1.5",
+      parentClassName: "!w-full !gap-0"
+    }
+  ) });
+});
+D.displayName = "SelectCellEditor";
+export {
+  D as SelectCellEditor
+};