impact-nova 2.5.13 → 2.5.14

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

@@ -1,6 +1,7 @@
 import { jsxs as t, jsx as e } from "react/jsx-runtime";
 import { Tooltip as l, TooltipTrigger as n, TooltipContent as o } from "./tooltip.js";
-const d = (i, r, a) => /* @__PURE__ */ t(l, { children: [
+import "react";
+const p = (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: [
@@ -9,5 +10,5 @@ const d = (i, r, a) => /* @__PURE__ */ t(l, { children: [
 ] });
 export {
   h as defaultAccordionTooltipRender,
-  d as defaultTabTooltipRender
+  p 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 $, 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 { 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 { 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";
-$.registerModules([H, V]);
+V.registerModules([J, Q]);
 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(X, { keybinding: t.keybinding, size: "sm" })
+            children: /* @__PURE__ */ r($, { 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 ? Y(i) : "",
+        keybindingDisplay: i ? H(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(J, { className: p("flex flex-col w-full h-full border-t-0", a), children: [
+  return /* @__PURE__ */ h(X, { className: p("flex flex-col w-full h-full border-t-0", a), children: [
     s ? s(E) : E,
     /* @__PURE__ */ r(
-      Q,
+      Y,
       {
         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 { OverflowTooltip as S } from "../../feedback/tooltip/overflow-tooltip.js";
-import { Kbd as j } from "../../primitives/kbd/kbd.js";
+import { Kbd as S } from "../../primitives/kbd/kbd.js";
+import { OverflowTooltip as j } from "../../feedback/tooltip/overflow-tooltip.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(
-                          S,
+                          j,
                           {
                             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(
-                                j,
+                                S,
                                 {
                                   keybinding: t.tooltipKeybinding,
                                   size: "sm"

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

@@ -1,20 +1,20 @@
 import { jsx as s, jsxs as S } from "react/jsx-runtime";
 import * as r from "react";
-import { Cross as De, CalendarMonth as ge } from "impact-nova-icons";
+import { Cross as ge, CalendarMonth as ye } from "impact-nova-icons";
 import { format as b } from "date-fns";
-import { cn as ye } from "../../../lib/utils.js";
-import { usePickerDismissActionsRef as ke, usePickerFooterDismissNudge as ve, isDateInputInvalid as Ce, resolveSingleValueDismissFlash as Ie, handlePickerEscapeKeyDown as Pe, handlePickerSurfacePointerDown as Me, maskDateInput as xe, parseDateInput as Re, resolveDateInputOnBlur as Se, resolveDateInputOnEnter as be } from "./date-input-behavior.js";
-import { Input as we } from "../input/input.js";
-import { Calendar as Te } from "../../data-display/calendar/calendar.js";
+import { cn as ke } from "../../../lib/utils.js";
+import { usePickerDismissActionsRef as ve, usePickerFooterDismissNudge as Ce, isDateInputInvalid as Ie, resolveSingleValueDismissFlash as Pe, handlePickerEscapeKeyDown as Me, handlePickerSurfacePointerDown as xe, maskDateInput as Re, parseDateInput as Se, resolveDateInputOnBlur as be, resolveDateInputOnEnter as we } from "./date-input-behavior.js";
+import { Input as Te } from "../input/input.js";
+import { Calendar as Ee } from "../../data-display/calendar/calendar.js";
 import { Tooltip as K, TooltipTrigger as j, TooltipContent as B } from "../../feedback/tooltip/tooltip.js";
-import { useImpactNovaI18n as Ee } from "../../../i18n/use-impact-nova-i18n.js";
-import { getDateFnsLocale as Ae } from "../../../i18n/getDateFnsLocale.js";
-import { createComponent as Ne } from "../../../lib/primitives/create-component.js";
-import { coerceSingleDateApply as Le, coerceSingleDate as Oe } from "./calendar-selection-adapters.js";
-import { buildDateBoundsMatcher as Ve } from "../../../lib/date-bounds-matcher.js";
-import { fiscalCalendarPassThrough as Ke } from "./fiscal-pass-through.js";
-import { DatePickerShell as je } from "./date-picker-shell.js";
-const et = Ne(
+import { useImpactNovaI18n as Ae } from "../../../i18n/use-impact-nova-i18n.js";
+import { getDateFnsLocale as Ne } from "../../../i18n/getDateFnsLocale.js";
+import { createComponent as Le } from "../../../lib/primitives/create-component.js";
+import { coerceSingleDateApply as Oe, coerceSingleDate as Ve } from "./calendar-selection-adapters.js";
+import { buildDateBoundsMatcher as Ke } from "../../../lib/date-bounds-matcher.js";
+import { fiscalCalendarPassThrough as je } from "./fiscal-pass-through.js";
+import { DatePickerShell as Be } from "./date-picker-shell.js";
+const tt = Le(
   "DatePicker",
   ({
     value: n,
@@ -37,13 +37,14 @@ const et = Ne(
     fiscalConfig: _,
     showPresets: $,
     showPeriodBoundaries: F,
-    comparison: ee,
-    onComparisonChange: te,
-    ...ne
-  }, re) => {
-    const { locale: T, t: h } = Ee(), f = r.useMemo(() => Ae(T), [T]), ie = z ?? h("datePicker.selectDate"), g = r.useRef(null), E = r.useRef(null), I = r.useRef(null);
-    r.useImperativeHandle(re, () => g.current);
-    const [i, A] = r.useState(!1), N = ke(), { footerFlashKey: oe, footerFlashTarget: se, popoverHandlers: ce } = ve(a, i, N, E), y = r.useRef(!1), [x, o] = r.useState(null), k = n ? b(n, l, { locale: f }) : "", d = x?.input ?? k, P = i ? x?.pending ?? n : n, le = x?.viewMonth ?? n ?? /* @__PURE__ */ new Date(), u = r.useCallback(() => {
+    autoNavigateToAvailable: ee,
+    comparison: te,
+    onComparisonChange: ne,
+    ...re
+  }, ie) => {
+    const { locale: T, t: h } = Ae(), f = r.useMemo(() => Ne(T), [T]), oe = z ?? h("datePicker.selectDate"), g = r.useRef(null), E = r.useRef(null), I = r.useRef(null);
+    r.useImperativeHandle(ie, () => g.current);
+    const [i, A] = r.useState(!1), N = ve(), { footerFlashKey: se, footerFlashTarget: ce, popoverHandlers: le } = Ce(a, i, N, E), y = r.useRef(!1), [x, o] = r.useState(null), k = n ? b(n, l, { locale: f }) : "", d = x?.input ?? k, P = i ? x?.pending ?? n : n, ae = x?.viewMonth ?? n ?? /* @__PURE__ */ new Date(), u = r.useCallback(() => {
       o(null), A(!1);
     }, []), m = (e) => {
       if (!c) {
@@ -61,13 +62,13 @@ const et = Ne(
     r.useEffect(() => {
       g.current && I.current !== null && (g.current.setSelectionRange(I.current, I.current), I.current = null);
     }, [d]);
-    const ae = (e) => {
-      const t = Oe(e), D = t ? b(t, l, { locale: f }) : "";
+    const ue = (e) => {
+      const t = Ve(e), D = t ? b(t, l, { locale: f }) : "";
       o(
         (v) => v ? { ...v, pending: t, input: D, viewMonth: t ?? v.viewMonth } : null
       ), t && !a && (p?.(t), u());
     }, L = (e) => {
-      const t = Le(e, P);
+      const t = Oe(e, P);
       p?.(t), u();
     }, R = () => {
       u();
@@ -82,27 +83,27 @@ const et = Ne(
         viewMonth: n ?? /* @__PURE__ */ new Date()
       }),
       [k, n]
-    ), ue = (e) => {
-      const t = xe(e.target.value, l, d);
+    ), pe = (e) => {
+      const t = Re(e.target.value, l, d);
       if (o((C) => ({ ...C ?? M(), input: t })), t === "") {
         o((C) => ({ ...C ?? M(), input: "", pending: void 0 })), a || p?.(void 0);
         return;
       }
-      const { parsed: D, isValid: v } = Re(t, l, f);
+      const { parsed: D, isValid: v } = Se(t, l, f);
       v && D && (o((C) => ({
         ...C ?? M(),
         input: t,
         pending: D,
         viewMonth: D
       })), a || p?.(D));
-    }, pe = r.useCallback(
+    }, fe = r.useCallback(
       (e) => {
         p?.(e), u();
       },
       [p, u]
-    ), fe = () => {
+    ), de = () => {
       if (i) return;
-      const e = Se(
+      const e = be(
         d,
         l,
         k,
@@ -122,19 +123,19 @@ const et = Ne(
         return;
       }
       o(null);
-    }, de = () => {
+    }, me = () => {
       if (i && a) {
         L();
         return;
       }
-      const e = be(d, l, f);
+      const e = we(d, l, f);
       if (e.parsed) {
-        a && pe(e.parsed);
+        a && fe(e.parsed);
         return;
       }
       i || (y.current = !0, m(!0));
-    }, V = (n ? b(n, l, { locale: f }) : "") !== d, me = Ce(d, l, f), he = r.useCallback(
-      () => Ie(
+    }, V = (n ? b(n, l, { locale: f }) : "") !== d, he = Ie(d, l, f), De = r.useCallback(
+      () => Pe(
         P,
         n,
         (e, t) => e.getTime() === t.getTime()
@@ -144,10 +145,10 @@ const et = Ne(
     return r.useLayoutEffect(() => {
       N.current = {
         onDismiss: R,
-        resolveFlash: he
+        resolveFlash: De
       };
     }), /* @__PURE__ */ s(
-      je,
+      Be,
       {
         open: i,
         disabled: c,
@@ -156,7 +157,7 @@ const et = Ne(
         onOpenAutoFocus: (e) => {
           y.current || e.preventDefault(), y.current = !1;
         },
-        popoverHandlers: ce,
+        popoverHandlers: le,
         trigger: /* @__PURE__ */ s(
           "div",
           {
@@ -164,29 +165,29 @@ const et = Ne(
             "data-component": "date-picker",
             "data-state": i ? "open" : "closed",
             "data-pending": V || void 0,
-            onPointerDown: (e) => Me({
+            onPointerDown: (e) => xe({
               disabled: c,
               event: e,
               onOpen: () => m(!0),
               focusField: () => g.current?.focus()
             }),
             children: /* @__PURE__ */ s(
-              we,
+              Te,
               {
                 ref: g,
                 value: d,
-                onChange: ue,
-                onBlur: fe,
+                onChange: pe,
+                onBlur: de,
                 onClick: () => !c && m(!0),
                 onKeyDown: (e) => {
-                  e.key === "Enter" && !c && (e.preventDefault(), de()), e.key === "ArrowDown" && !i && !c && (e.preventDefault(), y.current = !0, m(!0)), e.key === "Escape" && i && Pe(e, { open: i, onCancel: R });
+                  e.key === "Enter" && !c && (e.preventDefault(), me()), e.key === "ArrowDown" && !i && !c && (e.preventDefault(), y.current = !0, m(!0)), e.key === "Escape" && i && Me(e, { open: i, onCancel: R });
                 },
-                placeholder: i ? l : ie,
+                placeholder: i ? l : oe,
                 disabled: c,
                 "data-form-control": "input",
-                className: ye(
+                className: ke(
                   "cursor-pointer",
-                  me ? "text-destructive" : V ? "text-content-placeholder" : "",
+                  he ? "text-destructive" : V ? "text-content-placeholder" : "",
                   Q
                 ),
                 suffix: /* @__PURE__ */ S("div", { className: "flex items-center gap-1", children: [
@@ -201,7 +202,7 @@ const et = Ne(
                           e.stopPropagation(), O();
                         },
                         className: "inline-flex size-4 items-center justify-center bg-transparent border-none p-0 cursor-pointer",
-                        children: /* @__PURE__ */ s(De, { className: "size-3 hover:text-content" })
+                        children: /* @__PURE__ */ s(ge, { className: "size-3 hover:text-content" })
                       }
                     ) }),
                     /* @__PURE__ */ s(B, { variant: "tertiary", side: "top", children: h("calendar.clear") })
@@ -211,28 +212,28 @@ const et = Ne(
                       e.stopPropagation(), c || (i ? u() : m(!0));
                     }, onKeyDown: (e) => {
                       (e.key === "Enter" || e.key === " ") && (e.preventDefault(), e.stopPropagation(), c || (y.current = !0, i ? u() : m(!0)));
-                    }, className: "inline-flex items-center justify-center bg-transparent border-none p-0 cursor-pointer", children: /* @__PURE__ */ s(ge, { className: "h-4 w-4 text-secondary-foreground" }) }) }),
+                    }, className: "inline-flex items-center justify-center bg-transparent border-none p-0 cursor-pointer", children: /* @__PURE__ */ s(ye, { className: "h-4 w-4 text-secondary-foreground" }) }) }),
                     /* @__PURE__ */ s(B, { variant: "tertiary", side: "top", children: h("datePicker.selectDate") })
                   ] })
                 ] }),
-                ...ne
+                ...re
               }
             )
           }
         ),
         children: /* @__PURE__ */ s(
-          Te,
+          Ee,
           {
             mode: "single",
             selected: P,
-            footerFlashKey: oe,
-            footerFlashTarget: se,
-            onSelect: ae,
-            month: le,
+            footerFlashKey: se,
+            footerFlashTarget: ce,
+            onSelect: ue,
+            month: ae,
             onMonthChange: (e) => o(
               (t) => t ? { ...t, viewMonth: e } : null
             ),
-            disabled: Ve(H, q),
+            disabled: Ke(H, q),
             startMonth: G,
             endMonth: J,
             showFooter: a,
@@ -241,7 +242,7 @@ const et = Ne(
             onClear: O,
             captionLayout: "dropdown",
             ...w !== void 0 ? { weekStartsOn: w } : {},
-            ...Ke({
+            ...je({
               calendarKind: U,
               fiscalMode: W,
               granularity: X,
@@ -250,8 +251,9 @@ const et = Ne(
               fiscalConfig: _,
               showPresets: $,
               showPeriodBoundaries: F,
-              comparison: ee,
-              onComparisonChange: te
+              autoNavigateToAvailable: ee,
+              comparison: te,
+              onComparisonChange: ne
             })
           }
         )
@@ -260,5 +262,5 @@ const et = Ne(
   }
 );
 export {
-  et as DatePicker
+  tt as DatePicker
 };

package/dist/components/forms/date-picker/date-picker.types.d.ts

@@ -13,6 +13,11 @@ export interface FiscalPickerProps {
     showPresets?: boolean;
     /** Draw `(` / `)` on fiscal period start/end days. Default false. */
     showPeriodBoundaries?: boolean;
+    /**
+     * When true and there is no selection, open on the first enabled period.
+     * Navigate only — does not select a value. Default false.
+     */
+    autoNavigateToAvailable?: boolean;
     comparison?: "prior-fy";
     onComparisonChange?: (value: YoYComparison | undefined) => void;
 }