impact-nova 2.1.0-alpha.9 → 2.2.0

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

@@ -1,12 +1,12 @@
-import { jsxs as he, jsx as h } from "react/jsx-runtime";
-import { createComponent as me } from "../../../lib/primitives/create-component.js";
-import { CALENDAR_DEFAULT_END_MONTH as ue, CALENDAR_DEFAULT_START_MONTH as be, getCalendarDayLayoutAttr as Ce, getCalendarMonthLayoutAttr as ge, resolveFiscalPattern as pe } from "./calendar-config.js";
-import { CalendarDayPickerView as Le } from "./calendar-day-picker-view.js";
-import { CalendarFooter as ve } from "./calendar-footer.js";
-import { CalendarMonthPanes as Ae } from "./calendar-month-panes.js";
-import { useCalendarI18n as Se } from "./use-calendar-i18n.js";
-import { useCalendarState as Me } from "./use-calendar-state.js";
-const xe = me(
+import { jsxs as ue, jsx as h } from "react/jsx-runtime";
+import { createComponent as be } from "../../../lib/primitives/create-component.js";
+import { CALENDAR_DEFAULT_END_MONTH as Ce, CALENDAR_DEFAULT_START_MONTH as ge, getCalendarDayLayoutAttr as pe, getCalendarMonthLayoutAttr as Le, resolveFiscalPattern as ve } from "./calendar-config.js";
+import { CalendarDayPickerView as Ae } from "./calendar-day-picker-view.js";
+import { CalendarFooter as Se } from "./calendar-footer.js";
+import { CalendarMonthPanes as Me } from "./calendar-month-panes.js";
+import { useCalendarI18n as Pe } from "./use-calendar-i18n.js";
+import { useCalendarState as fe } from "./use-calendar-state.js";
+const Re = be(
   "Calendar",
   ({
     className: P,
@@ -17,99 +17,101 @@ const xe = me(
     formatters: y,
     components: N,
     showFooter: l = !0,
-    disableApply: F = !1,
-    onApply: x,
-    onCancel: E,
-    onClear: R,
+    footerFlashKey: F = 0,
+    footerFlashTarget: x,
+    disableApply: E = !1,
+    onApply: R,
+    onCancel: W,
+    onClear: _,
     mode: d = "single",
     selected: m,
-    onSelect: W,
+    onSelect: I,
     pickerType: n = "date",
     weekMode: r = "single",
-    selectedWeeks: _,
-    onWeekSelect: I,
+    selectedWeeks: j,
+    onWeekSelect: w,
     calendarType: t = "calendar",
     fiscalMode: u = "basic",
     selectionMode: b = "week",
-    fiscalMonthPattern: j,
-    fiscalYearStartMonth: w = 1,
+    fiscalMonthPattern: H,
+    fiscalYearStartMonth: O = 1,
     weekStartsOn: C = 1,
     monthMode: o = "single",
     selectedMonths: g,
-    onMonthSelect: H,
-    month: O,
-    defaultMonth: U,
-    onMonthChange: V,
-    startMonth: q,
-    endMonth: z,
+    onMonthSelect: U,
+    month: V,
+    defaultMonth: q,
+    onMonthChange: z,
+    startMonth: B,
+    endMonth: G,
     ...c
-  }, B) => {
-    const { t: e, intlLocale: G, dateFnsLocale: J, monthsFull: K, monthsShort: Q } = Se(), p = pe({
+  }, J) => {
+    const { t: e, intlLocale: K, dateFnsLocale: Q, monthsFull: X, monthsShort: Z } = Pe(), p = ve({
       calendarType: t,
       fiscalMode: u,
-      fiscalMonthPattern: j
-    }), s = q ?? be, i = z ?? ue, {
+      fiscalMonthPattern: H
+    }), s = B ?? ge, i = G ?? Ce, {
       pendingSelection: L,
       currentMonth: v,
-      pendingWeekSelection: X,
+      pendingWeekSelection: $,
       pendingMonthSelection: A,
-      monthPickerYear: Z,
+      monthPickerYear: T,
       handleMonthChangeInternal: S,
-      resolveWeekFromInput: $,
-      handleWeekClick: T,
-      handleMonthClick: ee,
+      resolveWeekFromInput: ee,
+      handleWeekClick: ae,
+      handleMonthClick: ne,
       availableYears: M,
-      selectedDaysFromWeeks: ae,
-      weekRangeModifiers: ne,
-      handleInternalSelect: le,
-      handleApply: re,
-      handleCancel: te,
-      handleClear: oe,
-      isMonthSelected: de,
-      getMonthRangeProps: ce,
-      isMonthDisabled: se,
-      isApplyDisabledInternal: ie
-    } = Me({
+      selectedDaysFromWeeks: le,
+      weekRangeModifiers: re,
+      handleInternalSelect: te,
+      handleApply: oe,
+      handleCancel: de,
+      handleClear: ce,
+      isMonthSelected: se,
+      getMonthRangeProps: ie,
+      isMonthDisabled: he,
+      isApplyDisabledInternal: me
+    } = fe({
       showFooter: l,
       selected: m,
-      onSelect: W,
+      onSelect: I,
       pickerType: n,
       weekMode: r,
-      selectedWeeks: _,
-      onWeekSelect: I,
+      selectedWeeks: j,
+      onWeekSelect: w,
       calendarType: t,
       fiscalMode: u,
       selectionMode: b,
       resolvedFiscalPattern: p,
-      fiscalYearStartMonth: w,
+      fiscalYearStartMonth: O,
       weekStartsOn: C,
       monthMode: o,
       selectedMonths: g,
-      onMonthSelect: H,
-      month: O,
-      defaultMonth: U,
-      onMonthChange: V,
+      onMonthSelect: U,
+      month: V,
+      defaultMonth: q,
+      onMonthChange: z,
       resolvedStartMonth: s,
       resolvedEndMonth: i,
       disabled: c.disabled,
-      onApply: x,
-      onCancel: E,
-      onClear: R
+      onApply: R,
+      onCancel: W,
+      onClear: _
     });
-    return /* @__PURE__ */ he(
+    return /* @__PURE__ */ ue(
       "div",
       {
-        ref: B,
+        ref: J,
         "data-component": "calendar",
-        "data-month-layout": ge(n, o),
-        "data-day-layout": Ce(n, d, r),
+        "data-month-layout": Le(n, o),
+        "data-day-layout": pe(n, d, r),
         children: [
           n === "month" ? /* @__PURE__ */ h(
-            Ae,
+            Me,
             {
               monthMode: o,
-              monthPickerYear: Z,
-              monthsShort: Q,
+              monthPickerYear: T,
+              monthsShort: Z,
               showFooter: l,
               pendingMonthSelection: A,
               selectedMonths: g,
@@ -119,14 +121,14 @@ const xe = me(
               previousYearLabel: e("calendar.previousYear"),
               nextYearLabel: e("calendar.nextYear"),
               currentMonth: v,
-              isMonthSelected: de,
-              getMonthRangeProps: ce,
-              isMonthDisabled: se,
+              isMonthSelected: se,
+              getMonthRangeProps: ie,
+              isMonthDisabled: he,
               onMonthChange: S,
-              onMonthClick: ee
+              onMonthClick: ne
             }
           ) : /* @__PURE__ */ h(
-            Le,
+            Ae,
             {
               className: P,
               pickerType: n,
@@ -143,18 +145,18 @@ const xe = me(
               selected: m,
               showFooter: l,
               pendingSelection: L,
-              selectedDaysFromWeeks: ae,
+              selectedDaysFromWeeks: le,
               currentMonth: v,
-              monthsFull: K,
+              monthsFull: X,
               resolvedStartMonth: s,
               resolvedEndMonth: i,
               availableYears: M,
-              dateFnsLocale: J,
-              intlLocale: G,
-              weekRangeModifiers: ne,
-              onSelect: le,
+              dateFnsLocale: Q,
+              intlLocale: K,
+              weekRangeModifiers: re,
+              onSelect: te,
               onMonthChange: S,
-              onWeekSelect: (a) => T($(a)),
+              onWeekSelect: (a) => ae(ee(a)),
               previousMonthLabel: e("calendar.previousMonth"),
               nextMonthLabel: e("calendar.nextMonth"),
               monthPlaceholder: e("calendar.monthPlaceholder"),
@@ -167,7 +169,7 @@ const xe = me(
             }
           ),
           l ? /* @__PURE__ */ h(
-            ve,
+            Se,
             {
               pickerType: n,
               mode: d,
@@ -177,10 +179,12 @@ const xe = me(
               selectionMode: b,
               resolvedFiscalPattern: p,
               pendingSelection: L,
-              pendingWeekSelection: X,
+              pendingWeekSelection: $,
               pendingMonthSelection: A,
-              disableApply: F,
-              isApplyDisabled: ie,
+              disableApply: E,
+              isApplyDisabled: me,
+              footerFlashKey: F,
+              footerFlashTarget: x,
               labels: {
                 clear: e("calendar.clear"),
                 cancel: e("calendar.cancel"),
@@ -189,9 +193,9 @@ const xe = me(
                 monthSingle: e("calendar.monthRange"),
                 monthPlural: (a) => e("calendar.monthRangePlural", { count: a })
               },
-              onClear: oe,
-              onCancel: te,
-              onApply: re
+              onClear: ce,
+              onCancel: de,
+              onApply: oe
             }
           ) : null
         ]
@@ -200,5 +204,5 @@ const xe = me(
   }
 );
 export {
-  xe as Calendar
+  Re as Calendar
 };

package/dist/components/data-display/calendar/calendar.types.d.ts

@@ -30,6 +30,8 @@ export type CalendarApplyValue = Date | Date[] | DateRange | WeekSelection | Wee
 export interface CalendarProps extends Omit<React.ComponentProps<typeof DayPicker>, "mode" | "selected" | "onSelect"> {
     buttonVariant?: React.ComponentProps<typeof Button>["variant"];
     showFooter?: boolean;
+    footerFlashKey?: number;
+    footerFlashTarget?: import('./calendar-footer-emphasis').FooterFlashTarget;
     disableApply?: boolean;
     onApply?: (value: CalendarApplyValue) => void;
     onCancel?: () => void;

package/dist/components/data-display/calendar/use-calendar-state.d.ts

@@ -3,6 +3,7 @@ import { FiscalMode, FiscalMonthPattern } from '../../../lib/fiscal-calendar';
 import { CalendarApplyValue, MonthRange, MonthSelection, WeekRange, WeekSelection } from './calendar.types';
 export interface UseCalendarStateOptions {
     showFooter: boolean;
+    mode: "single" | "multiple" | "range";
     selected?: Date | Date[] | DateRange;
     onSelect?: (date: Date | Date[] | DateRange | undefined) => void;
     pickerType: "date" | "week" | "month";
@@ -27,6 +28,8 @@ export interface UseCalendarStateOptions {
     onApply?: (value: CalendarApplyValue) => void;
     onCancel?: () => void;
     onClear?: () => void;
+    footerFlashKey?: number;
+    footerFlashTarget?: import('./calendar-footer-emphasis').FooterFlashTarget;
 }
 export declare function useCalendarState({ showFooter, selected, onSelect, pickerType, weekMode, selectedWeeks, onWeekSelect, calendarType, fiscalMode, selectionMode, resolvedFiscalPattern, fiscalYearStartMonth, weekStartsOn, monthMode, selectedMonths, onMonthSelect, month, defaultMonth, onMonthChange, resolvedStartMonth, resolvedEndMonth, disabled, onApply, onCancel, onClear, }: UseCalendarStateOptions): {
     pendingSelection: Date | DateRange | Date[] | undefined;

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

@@ -1,12 +1,13 @@
-import { jsx as e, jsxs as i, Fragment as L } from "react/jsx-runtime";
-import { ListFilter as A } from "impact-nova-icons";
+import { jsx as e, jsxs as i, Fragment as B } from "react/jsx-runtime";
+import { ListFilter as L } from "impact-nova-icons";
 import { cn as l } from "../../../lib/utils.js";
-import { Button as B } from "../../primitives/button/button.js";
+import { Button as T } from "../../primitives/button/button.js";
+import { ButtonIconTooltip as A } from "../../feedback/tooltip/button-icon-tooltip.js";
 import { Skeleton as t } from "../../data-display/skeleton/skeleton.js";
 import { useImpactNovaI18n as C } from "../../../i18n/use-impact-nova-i18n.js";
-import { FilterSummary as K } from "./filter-summary.js";
-import { FilterTagList as M } from "./filter-tag-list.js";
-const O = ({
+import { FilterSummary as M } from "./filter-summary.js";
+import { FilterTagList as q } from "./filter-tag-list.js";
+const Q = ({
   filters: s,
   onFilterRemove: n,
   onAllFiltersClick: m,
@@ -14,8 +15,8 @@ const O = ({
   recentFilters: c,
   onApplySavedFilter: p,
   onSavedFilterSearch: h,
-  onSavedFiltersScroll: d,
-  onViewAll: f,
+  onSavedFiltersScroll: f,
+  onViewAll: d,
   onOverflowClick: w,
   selectedFilter: x,
   onSelectedFilterChange: N,
@@ -28,8 +29,8 @@ const O = ({
   className: a,
   allFiltersKeybinding: S,
   allFiltersShortcutId: y,
-  showAllFiltersButton: j = !0,
-  showSavedFilters: I = !0
+  showAllFiltersButton: I = !0,
+  showSavedFilters: j = !0
 }) => {
   const { t: r } = C();
   return u ? /* @__PURE__ */ e(
@@ -73,9 +74,9 @@ const O = ({
         a
       ),
       children: [
-        I && /* @__PURE__ */ i(L, { children: [
+        j && /* @__PURE__ */ i(B, { children: [
           /* @__PURE__ */ e(
-            K,
+            M,
             {
               selectedFilter: x,
               onSelectedFilterChange: N,
@@ -83,7 +84,7 @@ const O = ({
               recentFilters: c,
               onApplySavedFilter: p,
               onSavedFilterSearch: h,
-              onSavedFiltersScroll: d,
+              onSavedFiltersScroll: f,
               onDropdownOpenChange: v,
               isLoadingFilterPreferencesList: g,
               onEditSavedFilter: k,
@@ -94,28 +95,34 @@ const O = ({
           /* @__PURE__ */ e("div", { className: "h-4 w-[1px] bg-stroke-hairline mx-1 shrink-0" })
         ] }),
         /* @__PURE__ */ e(
-          M,
+          q,
           {
             filters: s,
             onFilterRemove: n,
             onOverflowClick: w,
-            onViewAll: f
+            onViewAll: d
           }
         ),
-        j && /* @__PURE__ */ i(
-          B,
+        I && /* @__PURE__ */ e(
+          A,
           {
-            variant: "tertiary",
-            onClick: m,
-            "data-component": "filter-strip-all-filters",
-            "aria-label": r("filterStrip.allFilters"),
-            tooltipSide: "bottom",
-            tooltipKeybinding: S,
-            "data-shortcut-id": y,
-            children: [
-              /* @__PURE__ */ e(A, { className: "h-4 w-4" }),
-              r("filterStrip.allFilters")
-            ]
+            label: r("filterStrip.allFilters"),
+            side: "bottom",
+            keybinding: S,
+            children: /* @__PURE__ */ i(
+              T,
+              {
+                variant: "tertiary",
+                onClick: m,
+                "data-component": "filter-strip-all-filters",
+                "aria-label": r("filterStrip.allFilters"),
+                "data-shortcut-id": y,
+                children: [
+                  /* @__PURE__ */ e(L, { className: "h-4 w-4" }),
+                  r("filterStrip.allFilters")
+                ]
+              }
+            )
           }
         )
       ]
@@ -123,5 +130,5 @@ const O = ({
   );
 };
 export {
-  O as FilterStrip
+  Q as FilterStrip
 };

package/dist/components/flows/filter-strip/filter-summary.js

@@ -262,8 +262,8 @@ const Ie = ({
               {
                 color: "primary",
                 variant: "outline",
-                className: "font-['Manrope'] max-w-[140px] inline-block",
-                children: /* @__PURE__ */ e("span", { className: "block truncate", children: u || n("filterStrip.notSelected") })
+                className: "font-['Manrope'] max-w-[140px]",
+                children: u || n("filterStrip.notSelected")
               }
             ) }),
             /* @__PURE__ */ e(m, { variant: "tertiary", side: "top", children: u || n("filterStrip.notSelected") })

package/dist/components/forms/date-picker/date-input-behavior.d.ts

@@ -0,0 +1,118 @@
+import { Locale } from 'date-fns';
+import { RefObject } from 'react';
+import { FooterFlashTarget } from '../../data-display/calendar/calendar-footer-emphasis';
+import * as React from "react";
+export interface DateInputParseResult {
+    padded: string;
+    parsed: Date | undefined;
+    isComplete: boolean;
+    isValid: boolean;
+}
+export declare function maskDateInput(rawValue: string, format: string, previousValue: string): string;
+export declare function parseDateInput(value: string, format: string, locale?: Locale): DateInputParseResult;
+/** True when the field has a full-length value that does not parse. */
+export declare function isDateInputInvalid(value: string, format: string, locale?: Locale): boolean;
+export interface BlurDateInputResult {
+    display: string;
+    parsed: Date | undefined;
+    resetToCommitted: boolean;
+}
+export declare function isFocusInsidePicker(container: RefObject<HTMLElement | null>, popoverContent: RefObject<HTMLElement | null>): boolean;
+export declare function createRangePickerOpenChangeHandler(options: {
+    disabled?: boolean;
+    showFooter?: boolean;
+    containerRef: RefObject<HTMLElement | null>;
+    popoverContentRef: RefObject<HTMLElement | null>;
+    setOpen: (open: boolean) => void;
+}): (newOpen: boolean) => void;
+/** True when the outside-dismiss event originated on the picker field chrome (not a real outside click). */
+export declare function isEventOnPickerSurface(event: Event, surfaceRef: RefObject<HTMLElement | null>): boolean;
+/** Block Radix outside-dismiss when the calendar footer requires explicit Apply/Cancel. */
+export declare function preventOutsideDismissWhenFooter(showFooter: boolean, dismissActionsRef?: RefObject<{
+    onDismiss: () => void;
+    resolveFlash: () => FooterFlashTarget;
+}>, triggerOutsideFlash?: (target: FooterFlashTarget) => void, surfaceRef?: RefObject<HTMLElement | null>): {
+    onInteractOutside?: (event: Event) => void;
+    onPointerDownOutside?: (event: Event) => void;
+    onEscapeKeyDown?: (event: KeyboardEvent) => void;
+};
+export type { FooterFlashTarget } from '../../data-display/calendar/calendar-footer-emphasis';
+export declare function resolveRangePickerDismissFlash<TFrom, TTo>(params: {
+    startInput: string;
+    endInput: string;
+    committedStart: string;
+    committedEnd: string;
+    committedRange: {
+        from?: TFrom;
+        to?: TTo;
+    } | undefined;
+    computeEffectiveRange: () => {
+        from?: TFrom;
+        to?: TTo;
+    } | undefined;
+    rangesEqual: (a: {
+        from?: TFrom;
+        to?: TTo;
+    } | undefined, b: {
+        from?: TFrom;
+        to?: TTo;
+    } | undefined) => boolean;
+}): FooterFlashTarget;
+export declare function usePickerDismissActionsRef(): React.RefObject<{
+    onDismiss: () => void;
+    resolveFlash: () => FooterFlashTarget;
+}>;
+export declare function usePickerFooterDismissNudge(showFooter: boolean, open: boolean, dismissActionsRef: React.RefObject<{
+    onDismiss: () => void;
+    resolveFlash: () => FooterFlashTarget;
+}>, surfaceRef?: RefObject<HTMLElement | null>): {
+    footerFlashKey: number;
+    footerFlashTarget: FooterFlashTarget | undefined;
+    triggerFooterFlash: (target: FooterFlashTarget) => void;
+    popoverHandlers: {
+        onInteractOutside?: (event: Event) => void;
+        onPointerDownOutside?: (event: Event) => void;
+        onEscapeKeyDown?: (event: KeyboardEvent) => void;
+    };
+};
+export declare function deferRangeInputBlur(containerRef: RefObject<HTMLElement | null>, popoverContentRef: RefObject<HTMLElement | null>, callback: () => void): void;
+/**
+ * Normalize typed input on blur when the popover is closed.
+ * Pads partial dates, reverts invalid complete input, preserves in-progress typing.
+ */
+export declare function resolveDateInputOnBlur(value: string, format: string, committedDisplay: string, locale?: Locale): BlurDateInputResult;
+export interface RangeFieldBlurState {
+    display: string;
+    parsed: Date | undefined;
+    resetToCommitted: boolean;
+    isPartial: boolean;
+}
+export declare function resolveRangeFieldBlur(value: string, format: string, committedDisplay: string, locale?: Locale): RangeFieldBlurState;
+export interface EnterDateInputResult {
+    parsed: Date | undefined;
+    shouldOpenPopover: boolean;
+}
+/**
+ * Enter commits a complete valid date when closed; otherwise opens the popover.
+ */
+export declare function resolveDateInputOnEnter(value: string, format: string, locale?: Locale): EnterDateInputResult;
+export interface OrderedRangeResult<T> {
+    from: T | undefined;
+    to: T | undefined;
+    swapped: boolean;
+}
+/** Chronological order — swap only when both ends exist and from > to. */
+export declare function normalizeOrderedRange<T>(from: T | undefined, to: T | undefined, compare: (a: T, b: T) => number): OrderedRangeResult<T>;
+export declare function compareMonthSelection(a: {
+    month: number;
+    year: number;
+}, b: {
+    month: number;
+    year: number;
+}): number;
+export declare function compareDates(a: Date, b: Date): number;
+/**
+ * Brief cross-nudge when a range was reordered. Web Animations API — no extra DOM/state.
+ * Skipped when prefers-reduced-motion is set.
+ */
+export declare function flashRangeReorder(container: HTMLElement | null): void;