impact-nova 1.7.33 → 1.7.34

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

@@ -1,5 +1,26 @@
 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 InputCellEditorProps extends ICellEditorParams {
     /** Placeholder text */
     placeholder?: string;
@@ -17,6 +38,8 @@ export interface InputCellEditorProps extends ICellEditorParams {
     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<any>>;

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

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

package/dist/components/ui/ag-grid-react/cell-renderers/index.d.ts

@@ -34,6 +34,7 @@ export type { PercentProgressDisplayRendererProps } from './percent-progress-dis
 export type { PercentProgressCellEditorProps } from './editors/percent-progress-cell-editor';
 export type { SelectCellEditorProps } from './editors/select-cell-editor';
 export type { SplitCellEditorProps } from './editors/split-cell-editor';
+export type { AutocompleteRule } from './editors/input-cell-editor';
 export { type BadgeVariant, type BadgeColor, type SelectOption, type ActionButton, type RightSideIcon, type RightSideBadge, type RightSideContentItem, type RightSideContent, type SplitConfig, type CellMetadata, type RowMetadata, type ValueFormatter, } from './types';
 export { mapBadgeVariant, mapBadgeColor, getFieldValue, resolveValueFormatter, applyValueFormatter, resolveCellEditable, evaluateValidationRules, } from './cell-renderer-utils';
 export { addRowDataEditableCheck } from '../editable-utils';

package/dist/components/ui/create-item-flow/create-item-flow.d.ts

@@ -42,19 +42,5 @@ export interface CreateItemFlowStepContentProps extends React.HTMLAttributes<HTM
     forStep: number;
 }
 declare const CreateItemFlowStepContent: React.ForwardRefExoticComponent<CreateItemFlowStepContentProps & React.RefAttributes<HTMLDivElement>>;
-export interface CreateItemFlowActionsProps extends React.HTMLAttributes<HTMLDivElement> {
-    /** Override the cancel button label */
-    cancelLabel?: string;
-    /** Override the back button label */
-    backLabel?: string;
-    /** Override the next button label */
-    nextLabel?: string;
-    /** Override the submit button label */
-    submitLabel?: string;
-    /** Called when Cancel is clicked */
-    onCancel?: () => void;
-    /** Called when Submit is clicked (last step) */
-    onSubmit?: () => void;
-}
-declare const CreateItemFlowActions: React.ForwardRefExoticComponent<CreateItemFlowActionsProps & React.RefAttributes<HTMLDivElement>>;
-export { CreateItemFlowRoot, CreateItemFlowCard, CreateItemFlowLeftPanel, CreateItemFlowTitle, CreateItemFlowDescription, CreateItemFlowImage, CreateItemFlowRightPanel, CreateItemFlowStepper, CreateItemFlowContentTitle, CreateItemFlowContentDescription, CreateItemFlowContent, CreateItemFlowStepContent, CreateItemFlowActions, };
+declare const CreateItemFlowFooter: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+export { CreateItemFlowRoot, CreateItemFlowCard, CreateItemFlowLeftPanel, CreateItemFlowTitle, CreateItemFlowDescription, CreateItemFlowImage, CreateItemFlowRightPanel, CreateItemFlowStepper, CreateItemFlowContentTitle, CreateItemFlowContentDescription, CreateItemFlowContent, CreateItemFlowStepContent, CreateItemFlowFooter, };