impact-nova 2.5.17 → 2.5.18

package/dist/components/data/nested-list/nested-list.types.d.ts

@@ -1,4 +1,9 @@
+import { FlatNestedListRow } from './nested-list-virtual-drop';
 import type * as React from "react";
+export interface FlatVirtualRowModel {
+    rowCount: number;
+    getRowAt: (index: number) => FlatNestedListRow;
+}
 export interface NestedListItem {
     id: string;
     label: string;
@@ -47,9 +52,21 @@ export interface NestedListProps {
     initialCollapsedItems?: Record<string, boolean>;
     onCollapseChange?: (collapsedItems: Record<string, boolean>) => void;
     canDrag?: (item: NestedListItem, level: number) => boolean;
+    isValidDropTarget?: (options: {
+        activeItemId: string;
+        overItemId: string;
+        items: NestedListItem[];
+        insertAfter?: boolean;
+    }) => boolean;
     searchPlaceholder?: string;
     className?: string;
     groupLabel?: string;
     submitButtonLabel?: string;
     cancelButtonLabel?: string;
+    dragMode?: NestedListDragMode;
+    onVirtualReorder?: (fromIndex: number, toIndex: number) => void;
+    onVirtualDrop?: (activeId: string, overId: string, insertAfter: boolean) => void;
+    flatVirtualRowResolver?: (searchQuery: string) => FlatVirtualRowModel;
+    onFlatVirtualSelectAll?: (shouldSelectAll: boolean) => void;
 }
+export type NestedListDragMode = 'sortable' | 'virtual-index';

package/dist/components/feedback/tooltip/tab-tooltip-render.js

@@ -1,7 +1,6 @@
 import { jsxs as t, jsx as e } from "react/jsx-runtime";
 import { Tooltip as l, TooltipTrigger as n, TooltipContent as o } from "./tooltip.js";
-import "react";
-const p = (i, r, a) => /* @__PURE__ */ t(l, { children: [
+const d = (i, r, a) => /* @__PURE__ */ t(l, { children: [
   /* @__PURE__ */ e(n, { asChild: !0, children: /* @__PURE__ */ e("span", { className: "inline-flex items-center justify-center h-full w-full", children: i }) }),
   /* @__PURE__ */ e(o, { variant: "tertiary", className: a, children: r })
 ] }), h = (i, r) => /* @__PURE__ */ t(l, { children: [
@@ -10,5 +9,5 @@ const p = (i, r, a) => /* @__PURE__ */ t(l, { children: [
 ] });
 export {
   h as defaultAccordionTooltipRender,
-  p as defaultTabTooltipRender
+  d as defaultTabTooltipRender
 };

package/dist/components/flows/command-palette/shortcut-settings.js

@@ -2,17 +2,17 @@ import { jsx as r, jsxs as h, Fragment as z } from "react/jsx-runtime";
 import * as o from "react";
 import { Person as G, Monitor as U, PriorityAlert as q, Locked as O, Reset as B } from "impact-nova-icons";
 import { cn as p } from "../../../lib/utils.js";
-import { Kbd as $ } from "../../primitives/kbd/kbd.js";
-import { keybindingToString as H } from "../../primitives/kbd/keybinding-display.js";
 import { OverflowTooltip as A } from "../../feedback/tooltip/overflow-tooltip.js";
-import { ModuleRegistry as V, AllCommunityModule as J } from "ag-grid-community";
-import { AllEnterpriseModule as Q } from "ag-grid-enterprise";
-import { DataTable as X, DataTableContent as Y } from "../../data/data-table/data-table.js";
+import { ModuleRegistry as $, AllCommunityModule as H } from "ag-grid-community";
+import { AllEnterpriseModule as V } from "ag-grid-enterprise";
+import { DataTable as J, DataTableContent as Q } from "../../data/data-table/data-table.js";
 import { AG_CELL_NO_PADDING as F } from "../../data/ag-grid-react/cell-renderers/index.js";
+import { Kbd as X } from "../../primitives/kbd/kbd.js";
+import { keybindingToString as Y } from "../../primitives/kbd/keybinding-display.js";
 import { useCommandPalette as Z } from "./use-command-palette.js";
 import { COMMAND_SOURCE_LABELS as m, keybindingFromEvent as W, isReservedShortcut as ee } from "./utils.js";
 import { BadgeCellRenderer as te } from "../../data/ag-grid-react/cell-renderers/badge-cell-renderer.js";
-V.registerModules([J, Q]);
+$.registerModules([H, V]);
 function re(a) {
   const t = a.data;
   return t ? /* @__PURE__ */ h("div", { className: "flex items-center gap-2 min-w-0 h-full", children: [
@@ -69,7 +69,7 @@ function ne(a) {
               "flex items-center justify-end h-full w-full text-end",
               t.customisable ? "cursor-pointer" : "cursor-default opacity-70"
             ),
-            children: /* @__PURE__ */ r($, { keybinding: t.keybinding, size: "sm" })
+            children: /* @__PURE__ */ r(X, { keybinding: t.keybinding, size: "sm" })
           }
         ) : t.customisable ? /* @__PURE__ */ r(
           "button",
@@ -133,7 +133,7 @@ function le({
         description: e.description || "",
         category: e.category || "General",
         keybinding: i,
-        keybindingDisplay: i ? H(i) : "",
+        keybindingDisplay: i ? Y(i) : "",
         scope: e.scope,
         source: D,
         sourceColor: T ? "primary" : "neutral",
@@ -278,10 +278,10 @@ function le({
     u?.type === "conflict" ? /* @__PURE__ */ r(q, { className: "h-3.5 w-3.5 shrink-0" }) : u?.type === "reserved" ? /* @__PURE__ */ r(O, { className: "h-3.5 w-3.5 shrink-0" }) : c ? /* @__PURE__ */ r("span", { className: "shrink-0 text-base", children: "⌨️" }) : null,
     /* @__PURE__ */ r("span", { children: u ? u.text : L })
   ] }) : null;
-  return /* @__PURE__ */ h(X, { className: p("flex flex-col w-full h-full border-t-0", a), children: [
+  return /* @__PURE__ */ h(J, { className: p("flex flex-col w-full h-full border-t-0", a), children: [
     s ? s(E) : E,
     /* @__PURE__ */ r(
-      Y,
+      Q,
       {
         rowData: y,
         columnDefs: I,

package/dist/components/flows/filter-panel/filter-panel.js

@@ -6,8 +6,8 @@ import { cn as o } from "../../../lib/utils.js";
 import { MultiColorFilter as F, Cross as P, InfoBadge as u } from "impact-nova-icons";
 import { Button as D } from "../../primitives/button/button.js";
 import { Tooltip as c, TooltipTrigger as f, TooltipContent as h } from "../../feedback/tooltip/tooltip.js";
-import { Kbd as S } from "../../primitives/kbd/kbd.js";
-import { OverflowTooltip as j } from "../../feedback/tooltip/overflow-tooltip.js";
+import { OverflowTooltip as S } from "../../feedback/tooltip/overflow-tooltip.js";
+import { Kbd as j } from "../../primitives/kbd/kbd.js";
 import { useImpactNovaI18n as v } from "../../../i18n/use-impact-nova-i18n.js";
 import { useOverlayHostDismissNestedLayersOnNavigation as I } from "../../../lib/overlay/overlay-portal-context.js";
 import { preventDismissOnTooltipOutside as x } from "../../../lib/overlay/prevent-dismiss-on-tooltip-outside.js";
@@ -145,14 +145,14 @@ const O = ({
                       ),
                       /* @__PURE__ */ a("div", { className: "flex items-center gap-1 min-w-0", children: [
                         /* @__PURE__ */ e(
-                          j,
+                          S,
                           {
                             triggerClassName: "truncate font-['Manrope'] block min-w-0",
                             content: t.tooltipKeybinding ? /* @__PURE__ */ a("span", { className: "flex items-center gap-2", children: [
                               t.label,
                               " ",
                               /* @__PURE__ */ e(
-                                S,
+                                j,
                                 {
                                   keybinding: t.tooltipKeybinding,
                                   size: "sm"

package/dist/components/forms/select/components/SelectTriggerValue.js

@@ -1,9 +1,8 @@
 import { jsx as r } from "react/jsx-runtime";
 import { cn as x } from "../../../../lib/utils.js";
-import "react";
 import { OverflowTooltip as m } from "../../../feedback/tooltip/overflow-tooltip.js";
 import { isInvertedSelection as h, isOptionArray as d } from "../utils/select.js";
-function C({
+function w({
   isMulti: u,
   isDisabled: p,
   internalValue: o,
@@ -53,5 +52,5 @@ function C({
   );
 }
 export {
-  C as SelectTriggerValue
+  w as SelectTriggerValue
 };

package/dist/components/forms/select/components/Submenu.js

@@ -1,14 +1,13 @@
 import { jsxs as s, jsx as t } from "react/jsx-runtime";
 import * as i from "@radix-ui/react-popover";
 import { Checkbox as P } from "../../checkbox/checkbox.js";
-import "react";
 import { OverflowTooltip as y } from "../../../feedback/tooltip/overflow-tooltip.js";
 import { ChevronRight as A, Checkmark as O } from "impact-nova-icons";
 import { cn as v } from "../../../../lib/utils.js";
 import { useOverlayPortalContainer as T } from "../../../../lib/overlay/overlay-portal-context.js";
 import { OVERLAY_NESTED_FLOATING_INSTANT_HIDE_CLASS as _ } from "../../../../lib/overlay/overlay-host.constants.js";
 import { useSuppressOptionClickForTextSelection as E } from "../hooks/useSuppressOptionClickForTextSelection.js";
-const R = ({
+const G = ({
   parentOption: n,
   isMulti: u,
   isReadOnly: l,
@@ -106,5 +105,5 @@ const R = ({
   ] });
 };
 export {
-  R as Submenu
+  G as Submenu
 };

package/dist/form-react/Fields/ChipsField.js

@@ -1,39 +1,39 @@
-import { jsx as t, jsxs as o } from "react/jsx-runtime";
+import { jsx as t, jsxs as u } from "react/jsx-runtime";
 import "react";
-import { Controller as w } from "react-hook-form";
-import { Info as T } from "impact-nova-icons";
+import { Controller as V } from "react-hook-form";
+import { Info as w } from "impact-nova-icons";
 import { Chip as f } from "../../components/primitives/chips/chips.js";
-import { Checkbox as z } from "../../components/forms/checkbox/checkbox.js";
+import { Checkbox as T } from "../../components/forms/checkbox/checkbox.js";
 import { cn as i } from "../../lib/utils.js";
-import { getFieldTestId as V } from "../utils/fieldTestIds.js";
-const j = "mb-[6px] block text-xs font-medium leading-[18px] text-content-tertiary", G = ({
-  field: s,
+import { getFieldTestId as z } from "../utils/fieldTestIds.js";
+const j = "mb-[6px] block text-xs font-medium leading-[18px] text-content-tertiary", R = ({
+  field: l,
   validationRules: h,
-  isDisabled: n,
-  formHelpers: v
+  isDisabled: a,
+  formHelpers: n
 }) => {
-  if (s.fieldType !== "chips") return null;
-  const u = s, d = u.options ?? [], g = u.chipsType ?? "single", b = u.allowDeselect === !0, C = v.form.control, N = s.id;
+  if (l.fieldType !== "chips") return null;
+  const d = l, p = d.options ?? [], g = d.chipsType ?? "single", b = d.allowDeselect === !0, N = n.form.control, c = l.id;
   return /* @__PURE__ */ t(
-    w,
+    V,
     {
-      name: N,
-      control: C,
-      disabled: n,
+      name: c,
+      control: N,
+      disabled: a,
       rules: h,
-      render: ({ field: a, fieldState: p }) => {
-        const c = a.value, k = typeof c == "string" ? c : "", m = Array.isArray(c) ? c : [], l = !!p.error, x = l ? p.error?.message : s.helpText;
-        return /* @__PURE__ */ o("div", { "data-testid": V(s.id), children: [
-          s.label ? /* @__PURE__ */ o(
+      render: ({ field: C, fieldState: x }) => {
+        const o = C.value, k = typeof o == "string" ? o : "", m = Array.isArray(o) ? o : [], r = !!x.error, v = r ? x.error?.message : l.helpText;
+        return /* @__PURE__ */ u("div", { "data-testid": z(l.id), children: [
+          l.label ? /* @__PURE__ */ u(
             "div",
             {
               className: i(
                 j,
-                l && "text-destructive"
+                r && "text-destructive"
               ),
               children: [
-                s.label,
-                s.isRequired ? /* @__PURE__ */ t("span", { className: "ml-1 text-destructive", children: "*" }) : null
+                l.label,
+                l.isRequired ? /* @__PURE__ */ t("span", { className: "ml-1 text-destructive", children: "*" }) : null
               ]
             }
           ) : null,
@@ -41,11 +41,11 @@ const j = "mb-[6px] block text-xs font-medium leading-[18px] text-content-tertia
             "div",
             {
               role: "radiogroup",
-              "aria-label": s.label,
-              "aria-invalid": l,
+              "aria-label": l.label,
+              "aria-invalid": r,
               className: "mb-2 flex w-full flex-wrap items-center gap-3",
-              children: d.map((e) => {
-                const r = k === e.value;
+              children: p.map((e) => {
+                const s = k === e.value;
                 return /* @__PURE__ */ t(
                   f,
                   {
@@ -53,19 +53,19 @@ const j = "mb-[6px] block text-xs font-medium leading-[18px] text-content-tertia
                     shape: "rounded",
                     size: "lg",
                     selectionMode: "single",
-                    selected: r,
-                    disabled: n,
+                    selected: s,
+                    disabled: a,
                     className: i(
                       "cursor-pointer gap-2 focus-visible:ring-0 focus-visible:ring-offset-0",
-                      l && !r && "!border-destructive !text-destructive"
+                      r && !s && "!border-destructive !text-destructive"
                     ),
                     onClick: () => {
-                      if (!n) {
-                        if (r && b) {
-                          a.onChange("");
+                      if (!a) {
+                        if (s && b) {
+                          n.setValue(c, "");
                           return;
                         }
-                        r || a.onChange(e.value);
+                        s || n.setValue(c, e.value);
                       }
                     },
                     children: /* @__PURE__ */ t("span", { className: "text-sm", children: e.label })
@@ -74,52 +74,53 @@ const j = "mb-[6px] block text-xs font-medium leading-[18px] text-content-tertia
                 );
               })
             }
-          ) : /* @__PURE__ */ t("div", { className: "mb-2 flex w-full flex-wrap gap-3", children: d.map((e) => {
-            const r = m.includes(e.value);
-            return /* @__PURE__ */ o(
+          ) : /* @__PURE__ */ t("div", { className: "mb-2 flex w-full flex-wrap gap-3", children: p.map((e) => {
+            const s = m.includes(e.value);
+            return /* @__PURE__ */ u(
               f,
               {
                 variant: "outline",
                 shape: "rounded",
                 size: "lg",
-                selected: r,
+                selected: s,
                 className: i(
                   "cursor-pointer gap-2 focus-visible:ring-0 focus-visible:ring-offset-0",
-                  l && !r && "!border-destructive !text-destructive"
+                  r && !s && "!border-destructive !text-destructive"
                 ),
                 onClick: () => {
-                  n || (r ? a.onChange(
+                  a || (s ? n.setValue(
+                    c,
                     m.filter(
                       (y) => y !== e.value
                     )
-                  ) : a.onChange([
+                  ) : n.setValue(c, [
                     ...m,
                     e.value
                   ]));
                 },
                 children: [
-                  /* @__PURE__ */ t(z, { checked: r, disabled: n }),
+                  /* @__PURE__ */ t(T, { checked: s, disabled: a }),
                   /* @__PURE__ */ t("span", { className: "text-sm", children: e.label })
                 ]
               },
               e.value
             );
           }) }),
-          x ? /* @__PURE__ */ o(
+          v ? /* @__PURE__ */ u(
             "div",
             {
               className: i(
                 "mt-1 flex items-center gap-1",
-                l && "text-destructive"
+                r && "text-destructive"
               ),
               children: [
                 /* @__PURE__ */ t(
-                  T,
+                  w,
                   {
                     size: "xs",
                     className: i(
                       "shrink-0",
-                      l ? "text-destructive" : "text-content-icon"
+                      r ? "text-destructive" : "text-content-icon"
                     )
                   }
                 ),
@@ -128,9 +129,9 @@ const j = "mb-[6px] block text-xs font-medium leading-[18px] text-content-tertia
                   {
                     className: i(
                       "text-[12px] font-medium leading-[18px] text-navigation-muted",
-                      l && "text-destructive"
+                      r && "text-destructive"
                     ),
-                    children: x
+                    children: v
                   }
                 )
               ]
@@ -142,5 +143,5 @@ const j = "mb-[6px] block text-xs font-medium leading-[18px] text-content-tertia
   );
 };
 export {
-  G as ChipsField
+  R as ChipsField
 };

package/dist/form-react/Fields/SelectField.js

@@ -1,47 +1,46 @@
 import { jsx as c } from "react/jsx-runtime";
 import { useState as A } from "react";
-import { Controller as M } from "react-hook-form";
-import { Select as f } from "../../components/forms/select/select.js";
+import { Controller as f } from "react-hook-form";
+import { Select as M } from "../../components/forms/select/select.js";
 import { useSelectOptions as x } from "../hooks/useSelectOptions.js";
-import { getFieldTestId as E } from "../utils/fieldTestIds.js";
-import { isEmptyValue as R } from "../../form-engine/is-empty-value.js";
-const $ = ({
+import { getFieldTestId as T } from "../utils/fieldTestIds.js";
+const L = ({
   field: e,
   validationRules: p,
-  isDisabled: m,
-  formHelpers: s,
-  supportedValues: u
+  isDisabled: u,
+  formHelpers: n,
+  supportedValues: d
 }) => {
-  const t = e.fieldType === "select" ? e : null, [d, n] = A(!1), S = s.form.control, h = u?.[e.id], { options: g, isLoading: b, error: y, refetch: O } = x({
+  const t = e.fieldType === "select" ? e : null, [m, i] = A(!1), S = n.form.control, h = d?.[e.id], { options: g, isLoading: b, error: O, refetch: C } = x({
     apiConfig: t?.apiConfig,
-    formHelpers: s,
+    formHelpers: n,
     initialOptions: t?.options,
     id: e.id,
-    isEnabled: d,
+    isEnabled: m,
     getSelectOptionsName: t?.getSelectOptionsName,
     fieldSupportedValues: h,
     cascadingDependency: e.cascadingDependency
   });
   return t ? /* @__PURE__ */ c(
-    M,
+    f,
     {
       name: e.id,
       control: S,
       rules: p,
       render: ({ field: o, fieldState: l }) => {
-        const a = !!l.error, i = o.value, C = t?.isMultiSelect ? e.id : `${e.id}-${R(i) ? "empty" : "has-value"}`;
+        const s = !!l.error, a = o.value, y = t?.isMultiSelect ? a ?? [] : a?.[0] ?? null;
         return /* @__PURE__ */ c(
-          f,
+          M,
           {
             id: e.id,
             label: e.label,
             placeholder: e?.placeholder,
             required: e.isRequired,
             isReadOnly: e.isFieldReadonly,
-            disabled: m,
+            disabled: u,
             options: g,
             maxSelectableOptions: t?.maxSelectLimit,
-            value: t?.isMultiSelect ? i ?? [] : i?.[0],
+            value: y,
             onChange: (r) => {
               t?.isMultiSelect ? o.onChange(
                 Array.isArray(r) ? r : []
@@ -54,22 +53,21 @@ const $ = ({
             multiple: t?.isMultiSelect,
             isSelectAllEnabled: !t?.disableSelectAll,
             labelOrientation: t?.labelOrientation || "top",
-            error: a,
-            helperText: a ? l.error?.message : e.helpText,
+            error: s,
+            helperText: s ? l.error?.message : e.helpText,
             ignoreAccents: !0,
             isLoading: b,
-            fetchError: y,
-            onRefetch: O,
-            onMenuOpen: () => n(!0),
-            onMenuClose: () => n(!1),
-            "data-testid": E(e.id)
-          },
-          C
+            fetchError: O,
+            onRefetch: C,
+            onMenuOpen: () => i(!0),
+            onMenuClose: () => i(!1),
+            "data-testid": T(e.id)
+          }
         );
       }
     }
   ) : null;
 };
 export {
-  $ as SelectField
+  L as SelectField
 };

package/dist/form-react/Fields/WeekRangePicker.js

@@ -1,10 +1,10 @@
 import { jsx as c } from "react/jsx-runtime";
 import { Controller as b } from "react-hook-form";
 import { WeekRangePicker as x } from "../../components/forms/date-picker/week-range-picker.js";
-import { toLocalDate as M } from "../utils/calendar-boundary.js";
+import { toLocalDate as f } from "../utils/calendar-boundary.js";
 import { resolveWeekSelection as Y } from "../../lib/fiscal-calendar/week-selection.js";
 import { resolveWeekRangeMinMax as $ } from "../utils/date.utils.js";
-const f = (e, a) => Y(e, {
+const S = (e, a) => Y(e, {
   calendarKind: a.calendarKind,
   fiscalMode: a.fiscalMode ?? "basic",
   granularity: a.granularity,
@@ -14,44 +14,44 @@ const f = (e, a) => Y(e, {
 }), C = ({
   field: e,
   validationRules: a,
-  isDisabled: S,
+  isDisabled: p,
   formHelpers: d
 }) => {
   const t = e.fieldType === "week_range" ? e : null;
   if (!t) return null;
-  const { minDate: p, maxDate: u, startMonth: D, endMonth: k } = $(t), v = d.form.control;
+  const { minDate: u, maxDate: m, startMonth: D, endMonth: k } = $(t), v = d.form.control;
   return /* @__PURE__ */ c(
     b,
     {
       name: e.id,
       control: v,
       rules: a,
-      render: ({ field: w, fieldState: m }) => {
-        const h = !!m.error, r = w.value, s = r?.start ? M(r.start) ?? null : null, i = r?.end ? M(r.end) ?? null : null, F = !!(s && i);
+      render: ({ field: w, fieldState: h }) => {
+        const g = !!h.error, r = w.value, s = r?.start ? f(r.start) ?? null : null, i = r?.end ? f(r.end) ?? null : null, F = !!(s && i);
         return /* @__PURE__ */ c("div", { children: /* @__PURE__ */ c(
           x,
           {
             label: e.label,
             value: F && s && i ? {
-              from: f(s, t),
-              to: f(i, t)
+              from: S(s, t),
+              to: S(i, t)
             } : void 0,
             onChange: (o) => {
-              const g = o?.from ? { from: o.from, to: o.to ?? o.from } : void 0, n = g?.from?.startDate, l = g?.to?.endDate, P = n ? `${n.getFullYear()}-${String(n.getMonth() + 1).padStart(2, "0")}-${String(n.getDate()).padStart(2, "0")}` : null, T = l ? `${l.getFullYear()}-${String(l.getMonth() + 1).padStart(2, "0")}-${String(l.getDate()).padStart(2, "0")}` : null;
+              const M = o?.from ? { from: o.from, to: o.to ?? o.from } : void 0, n = M?.from?.startDate, l = M?.to?.endDate, P = n ? `${n.getFullYear()}-${String(n.getMonth() + 1).padStart(2, "0")}-${String(n.getDate()).padStart(2, "0")}` : null, T = l ? `${l.getFullYear()}-${String(l.getMonth() + 1).padStart(2, "0")}-${String(l.getDate()).padStart(2, "0")}` : null;
               d.setValue(e.id, { start: P, end: T });
             },
             placeholder: t.placeholder,
-            startMonth: D,
-            endMonth: u ?? k,
+            startMonth: u ?? D,
+            endMonth: m ?? k,
             required: e.isRequired,
-            disabled: S,
-            error: h,
-            helperText: h ? m.error?.message : e.helpText,
+            disabled: p,
+            error: g,
+            helperText: g ? h.error?.message : e.helpText,
             calendarKind: t.calendarKind,
             fiscalMode: t.fiscalMode,
             weekStartsOn: t.weekStartsOn,
-            minDate: p,
-            maxDate: u,
+            minDate: u,
+            maxDate: m,
             granularity: t.granularity,
             fiscalMonthPattern: t.fiscalMonthPattern,
             fiscalYearStartMonth: t.fiscalYearStartMonth,