impact-nova 2.5.17 → 2.5.19

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/data-display/calendar/calendar-quarter-utils.js

@@ -1,11 +1,11 @@
 import { localDateFromCivil as m } from "../../../lib/fiscal-calendar/civil-date.js";
 import { buildFiscalYear as Q } from "../../../lib/fiscal-calendar/build-year.js";
 import { isDateIntervalDisabled as D } from "./calendar-month-utils.js";
-function E(r) {
+function A(r) {
   return r.fy ?? r.year;
 }
 function x(r) {
-  return r ? new Date(E(r), 0, 1) : /* @__PURE__ */ new Date();
+  return r ? new Date(A(r), 0, 1) : /* @__PURE__ */ new Date();
 }
 function u(r) {
   return (r.fy ?? r.year) * 4 + r.quarter;
@@ -19,7 +19,7 @@ function c(r) {
 function y(r, n, f) {
   return r ? (r.fy ?? r.year) === n && r.quarter === f : !1;
 }
-function A(r, n, f) {
+function F(r, n, f) {
   if (!c(f))
     return { isStart: !1, isEnd: !1, isMiddle: !1 };
   const s = f.from, t = f.to;
@@ -36,16 +36,16 @@ function A(r, n, f) {
     isMiddle: a > i && a < o
   };
 }
-function F(r, n, f) {
+function R(r, n, f) {
   if (f === "single") return r;
   if (f === "multiple") {
-    const t = n || [];
+    const t = Array.isArray(n) ? n : [];
     return t.some((i) => e(i, r)) ? t.filter((i) => !e(i, r)) : [...t, r];
   }
   const s = n;
   return !s?.from || s.to ? { from: r } : e(r, s.from) ? s : u(r) < u(s.from) ? { from: r, to: s.from } : { from: s.from, to: r };
 }
-function R(r, n, f) {
+function b(r, n, f) {
   if (!f) return !1;
   const s = { year: r, quarter: n, fy: r };
   if (Array.isArray(f))
@@ -68,7 +68,7 @@ function l(r, n) {
     end: new Date(r, n * 3, 0, 23, 59, 59, 999)
   };
 }
-function b(r, n, f, s) {
+function g(r, n, f, s) {
   let t, a;
   if (s?.calendarKind === "fiscal" && s.fiscalConfig)
     try {
@@ -82,14 +82,14 @@ function b(r, n, f, s) {
   return D(t, a, f);
 }
 export {
-  A as getQuarterRangeProps,
-  b as isQuarterDisabledForBounds,
+  F as getQuarterRangeProps,
+  g as isQuarterDisabledForBounds,
   y as isQuarterRangeEndpoint,
   c as isQuarterRangeSelection,
-  R as isQuarterSelected,
+  b as isQuarterSelected,
   e as isSameQuarter,
-  F as nextQuarterSelection,
-  E as quarterPaneYear,
+  R as nextQuarterSelection,
+  A as quarterPaneYear,
   u as quarterRank,
   x as viewMonthFromQuarter
 };

package/dist/components/data-display/calendar/calendar-year-utils.js

@@ -13,7 +13,7 @@ function e(r, f) {
 function l(r) {
   return !!(r && !Array.isArray(r) && ("from" in r || "to" in r));
 }
-function w(r, f) {
+function A(r, f) {
   if (!l(f))
     return { isStart: !1, isEnd: !1, isMiddle: !1 };
   const i = f.from, t = f.to;
@@ -29,16 +29,16 @@ function w(r, f) {
     isMiddle: r > s && r < o
   };
 }
-function E(r, f, i) {
+function w(r, f, i) {
   if (i === "single") return r;
   if (i === "multiple") {
-    const s = f || [];
+    const s = Array.isArray(f) ? f : [];
     return s.some((a) => e(a, r)) ? s.filter((a) => !e(a, r)) : [...s, r];
   }
   const t = f;
   return !t?.from || t.to ? { from: r } : e(r, t.from) ? t : n(r) < n(t.from) ? { from: r, to: t.from } : { from: t.from, to: r };
 }
-function F(r, f) {
+function E(r, f) {
   if (!f) return !1;
   const i = { year: r, fy: r };
   if (Array.isArray(f))
@@ -53,7 +53,7 @@ function F(r, f) {
   }
   return e(f, i) || f.year === r;
 }
-function M(r, f, i) {
+function F(r, f, i) {
   let t = new Date(r, 0, 1), s = new Date(r, 11, 31, 23, 59, 59, 999);
   if (i?.calendarKind === "fiscal" && i.fiscalConfig)
     try {
@@ -64,12 +64,12 @@ function M(r, f, i) {
   return u(t, s, f);
 }
 export {
-  w as getYearRangeProps,
+  A as getYearRangeProps,
   e as isSameYear,
-  M as isYearDisabledForBounds,
+  F as isYearDisabledForBounds,
   l as isYearRangeSelection,
-  F as isYearSelectedForSelection,
-  E as nextYearSelection,
+  E as isYearSelectedForSelection,
+  w as nextYearSelection,
   g as viewMonthFromYear,
   n as yearKey
 };

package/dist/components/forms/date-picker/multi-quarter-picker.js

@@ -1,119 +1,119 @@
-import { jsx as r, jsxs as g } from "react/jsx-runtime";
+import { jsx as r, jsxs as y } from "react/jsx-runtime";
 import * as n from "react";
-import { Cross as _, CalendarMonth as $ } from "impact-nova-icons";
-import { cn as ee } from "../../../lib/utils.js";
-import { Input as te } from "../input/input.js";
-import { Calendar as re } from "../../data-display/calendar/calendar.js";
+import { Cross as $, CalendarMonth as ee } from "impact-nova-icons";
+import { cn as te } from "../../../lib/utils.js";
+import { Input as re } from "../input/input.js";
+import { Calendar as ne } from "../../data-display/calendar/calendar.js";
 import { Tooltip as M, TooltipTrigger as x, TooltipContent as b } from "../../feedback/tooltip/tooltip.js";
-import { useImpactNovaI18n as ne } from "../../../i18n/use-impact-nova-i18n.js";
-import { buildDateBoundsMatcher as oe } from "../../../lib/date-bounds-matcher.js";
-import { fiscalCalendarPassThrough as ae } from "./fiscal-pass-through.js";
-import { DatePickerShell as ie } from "./date-picker-shell.js";
-import { usePickerDismissActionsRef as ce, usePickerFooterDismissNudge as se, handleReadonlyPickerKeyDown as le, handlePickerSurfacePointerDown as pe } from "./date-input-behavior.js";
-import { formatQuarterInput as ue } from "../../data-display/calendar/calendar-fiscal-labels.js";
+import { useImpactNovaI18n as oe } from "../../../i18n/use-impact-nova-i18n.js";
+import { buildDateBoundsMatcher as ae } from "../../../lib/date-bounds-matcher.js";
+import { fiscalCalendarPassThrough as ie } from "./fiscal-pass-through.js";
+import { DatePickerShell as le } from "./date-picker-shell.js";
+import { usePickerDismissActionsRef as ce, usePickerFooterDismissNudge as se, handleReadonlyPickerKeyDown as ue, handlePickerSurfacePointerDown as pe } from "./date-input-behavior.js";
+import { formatQuarterInput as de } from "../../data-display/calendar/calendar-fiscal-labels.js";
 import { viewMonthFromQuarter as fe } from "../../data-display/calendar/calendar-quarter-utils.js";
-const de = n.forwardRef(
+const me = n.forwardRef(
   ({
-    value: t,
-    onChange: u,
-    placeholder: R,
-    minDate: D,
-    maxDate: Q,
-    startMonth: N,
-    endMonth: S,
-    showFooter: s = !0,
+    value: g,
+    onChange: p,
+    placeholder: Q,
+    minDate: R,
+    maxDate: D,
+    startMonth: A,
+    endMonth: N,
+    showFooter: c = !0,
     disabled: o,
-    className: A,
+    className: S,
     calendarKind: I,
     fiscalMode: O,
     granularity: T,
     fiscalMonthPattern: w,
-    fiscalYearStartMonth: v,
-    fiscalConfig: K,
-    weekStartsOn: j,
-    showPresets: F,
-    showPeriodBoundaries: z,
-    autoNavigateToAvailable: E,
-    ...H
-  }, L) => {
-    const { t: a } = ne(), V = R ?? a("datePicker.selectMultipleQuarters"), f = n.useRef(null), y = n.useRef(null);
-    n.useImperativeHandle(L, () => f.current);
-    const [i, c] = n.useState(!1), d = n.useRef(!1), k = ce(), { footerFlashKey: q, footerFlashTarget: B, popoverHandlers: G } = se(s, i, k, y), [P, l] = n.useState(t), [J, U] = n.useState(fe(t?.[0]));
+    fiscalYearStartMonth: K,
+    fiscalConfig: j,
+    weekStartsOn: F,
+    showPresets: z,
+    showPeriodBoundaries: E,
+    autoNavigateToAvailable: H,
+    ...L
+  }, V) => {
+    const { t: a } = oe(), q = Q ?? a("datePicker.selectMultipleQuarters"), d = n.useRef(null), k = n.useRef(null);
+    n.useImperativeHandle(V, () => d.current);
+    const [i, l] = n.useState(!1), f = n.useRef(!1), P = ce(), { footerFlashKey: B, footerFlashTarget: G, popoverHandlers: J } = se(c, i, P, k), t = Array.isArray(g) ? g : void 0, [v, s] = n.useState(t), [U, W] = n.useState(fe(t?.[0]));
     n.useEffect(() => {
-      i || l(t);
+      i || s(t);
     }, [i, t]);
-    const m = n.useCallback(() => c(!1), []), W = ae({
+    const m = n.useCallback(() => l(!1), []), X = ie({
       calendarKind: I,
       fiscalMode: O,
       granularity: T,
       fiscalMonthPattern: w,
-      fiscalYearStartMonth: v,
-      fiscalConfig: K,
-      weekStartsOn: j,
-      showPresets: F,
-      showPeriodBoundaries: z,
-      autoNavigateToAvailable: E
-    }), X = (e) => {
-      const p = Array.isArray(e) && e.length > 0 ? e : void 0;
-      l(p), s || u?.(p);
-    }, Y = () => {
-      u?.(P), m();
+      fiscalYearStartMonth: K,
+      fiscalConfig: j,
+      weekStartsOn: F,
+      showPresets: z,
+      showPeriodBoundaries: E,
+      autoNavigateToAvailable: H
+    }), Y = (e) => {
+      const u = Array.isArray(e) && e.length > 0 ? e : void 0;
+      s(u), c || p?.(u);
+    }, Z = () => {
+      p?.(v), m();
     }, h = () => {
-      l(t), m();
+      s(t), m();
     }, C = () => {
-      l(void 0), u?.(void 0), s || m();
+      s(void 0), p?.(void 0), c || m();
     };
     n.useLayoutEffect(() => {
-      k.current = { onDismiss: h, resolveFlash: () => "cancel" };
+      P.current = { onDismiss: h, resolveFlash: () => "cancel" };
     });
-    const Z = t && t.length > 0 ? t.length === 1 ? ue(t[0]) : a("datePicker.quartersSelected", { count: t.length }) : "";
+    const _ = t && t.length > 0 ? t.length === 1 ? de(t[0]) : a("datePicker.quartersSelected", { count: t.length }) : "";
     return /* @__PURE__ */ r(
-      ie,
+      le,
       {
         open: i,
         disabled: o,
         ariaLabel: a("datePicker.selectMultipleQuarters"),
         onOpenChange: (e) => {
-          o || c(e);
+          o || l(e);
         },
         onOpenAutoFocus: (e) => {
-          d.current || e.preventDefault(), d.current = !1;
+          f.current || e.preventDefault(), f.current = !1;
         },
-        popoverHandlers: G,
+        popoverHandlers: J,
         trigger: /* @__PURE__ */ r(
           "div",
           {
-            ref: y,
+            ref: k,
             "data-component": "multi-quarter-picker",
             "data-state": i ? "open" : "closed",
             onPointerDown: (e) => pe({
               disabled: o,
               event: e,
-              onOpen: () => c(!0),
-              focusField: () => f.current?.focus()
+              onOpen: () => l(!0),
+              focusField: () => d.current?.focus()
             }),
             children: /* @__PURE__ */ r(
-              te,
+              re,
               {
-                ref: f,
-                value: Z,
+                ref: d,
+                value: _,
                 readOnly: !0,
-                onKeyDown: (e) => le(e, {
+                onKeyDown: (e) => ue(e, {
                   disabled: o,
                   open: i,
-                  onOpen: () => c(!0),
+                  onOpen: () => l(!0),
                   onCancel: h,
                   onKeyboardOpen: () => {
-                    d.current = !0;
+                    f.current = !0;
                   }
                 }),
-                onClick: () => !o && c(!0),
-                placeholder: V,
+                onClick: () => !o && l(!0),
+                placeholder: q,
                 disabled: o,
                 "data-form-control": "input",
-                className: ee("cursor-pointer", A),
-                suffix: /* @__PURE__ */ g("div", { className: "flex items-center gap-1", children: [
-                  t && t.length > 0 && !o ? /* @__PURE__ */ g(M, { children: [
+                className: te("cursor-pointer", S),
+                suffix: /* @__PURE__ */ y("div", { className: "flex items-center gap-1", children: [
+                  t && t.length > 0 && !o ? /* @__PURE__ */ y(M, { children: [
                     /* @__PURE__ */ r(x, { asChild: !0, children: /* @__PURE__ */ r(
                       "button",
                       {
@@ -124,12 +124,12 @@ const de = n.forwardRef(
                           e.stopPropagation(), C();
                         },
                         className: "inline-flex size-4 items-center justify-center border-none bg-transparent p-0",
-                        children: /* @__PURE__ */ r(_, { className: "size-3 hover:text-content" })
+                        children: /* @__PURE__ */ r($, { className: "size-3 hover:text-content" })
                       }
                     ) }),
                     /* @__PURE__ */ r(b, { variant: "tertiary", side: "top", children: a("calendar.clear") })
                   ] }) : null,
-                  /* @__PURE__ */ g(M, { children: [
+                  /* @__PURE__ */ y(M, { children: [
                     /* @__PURE__ */ r(x, { asChild: !0, children: /* @__PURE__ */ r(
                       "button",
                       {
@@ -138,46 +138,46 @@ const de = n.forwardRef(
                         "data-component": "calendar-trigger",
                         "aria-label": a("datePicker.selectMultipleQuarters"),
                         onClick: (e) => {
-                          e.stopPropagation(), o || c((p) => !p);
+                          e.stopPropagation(), o || l((u) => !u);
                         },
                         className: "inline-flex items-center justify-center border-none bg-transparent p-0",
-                        children: /* @__PURE__ */ r($, { className: "h-4 w-4 text-secondary-foreground" })
+                        children: /* @__PURE__ */ r(ee, { className: "h-4 w-4 text-secondary-foreground" })
                       }
                     ) }),
                     /* @__PURE__ */ r(b, { variant: "tertiary", side: "top", children: a("datePicker.selectMultipleQuarters") })
                   ] })
                 ] }),
-                ...H
+                ...L
               }
             )
           }
         ),
         children: /* @__PURE__ */ r(
-          re,
+          ne,
           {
             pickerType: "quarter",
             monthMode: "multiple",
-            selectedQuarters: P,
-            footerFlashKey: q,
-            footerFlashTarget: B,
-            onQuarterSelect: X,
-            month: J,
-            onMonthChange: U,
-            disabled: oe(D, Q),
-            startMonth: N,
-            endMonth: S,
-            showFooter: s,
-            onApply: Y,
+            selectedQuarters: v,
+            footerFlashKey: B,
+            footerFlashTarget: G,
+            onQuarterSelect: Y,
+            month: U,
+            onMonthChange: W,
+            disabled: ae(R, D),
+            startMonth: A,
+            endMonth: N,
+            showFooter: c,
+            onApply: Z,
             onCancel: h,
             onClear: C,
-            ...W
+            ...X
           }
         )
       }
     );
   }
 );
-de.displayName = "MultiQuarterPicker";
+me.displayName = "MultiQuarterPicker";
 export {
-  de as MultiQuarterPicker
+  me as MultiQuarterPicker
 };