impact-nova 2.5.10 → 2.5.12

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

@@ -1,41 +1,49 @@
-import { jsx as o } from "react/jsx-runtime";
-import { Controller as p } from "react-hook-form";
-import { MultiWeekPicker as h } from "../../components/forms/date-picker/multi-week-picker.js";
-import { getFieldTestId as k } from "../utils/fieldTestIds.js";
-import { toLocalDate as i } from "../utils/calendar-boundary.js";
-const M = ({
+import { jsx as a } from "react/jsx-runtime";
+import { Controller as h } from "react-hook-form";
+import { MultiWeekPicker as p } from "../../components/forms/date-picker/multi-week-picker.js";
+import { fiscalCalendarPassThrough as f } from "../../components/forms/date-picker/fiscal-pass-through.js";
+import { getFieldTestId as g } from "../utils/fieldTestIds.js";
+import { toLocalDate as n } from "../utils/calendar-boundary.js";
+const x = ({
   field: e,
-  validationRules: m,
-  isDisabled: s,
+  validationRules: s,
+  isDisabled: u,
   formHelpers: c
 }) => {
   const d = c.form.control, r = e.fieldType === "multi_week_picker" ? e : null;
-  return r ? /* @__PURE__ */ o(
-    p,
+  return r ? /* @__PURE__ */ a(
+    h,
     {
       name: e.id,
       control: d,
-      rules: m,
-      render: ({ field: t, fieldState: a }) => {
-        const l = !!a.error, n = t.value;
-        return /* @__PURE__ */ o("div", { "data-testid": k(e.id), children: /* @__PURE__ */ o(
-          h,
+      rules: s,
+      render: ({ field: t, fieldState: o }) => {
+        const i = !!o.error, l = t.value;
+        return /* @__PURE__ */ a("div", { "data-testid": g(e.id), children: /* @__PURE__ */ a(
+          p,
           {
             label: e.label,
-            value: Array.isArray(n) ? n : void 0,
-            onChange: (u) => {
-              t.onChange(u ?? []);
+            value: Array.isArray(l) ? l : void 0,
+            onChange: (m) => {
+              t.onChange(m ?? []);
             },
             placeholder: e.placeholder,
             required: e.isRequired,
-            disabled: s,
-            error: l,
-            helperText: l ? a.error?.message : e.helpText,
-            calendarKind: r.calendarKind,
-            fiscalMode: r.fiscalMode,
-            weekStartsOn: r.weekStartsOn,
-            minDate: i(r.minDate),
-            maxDate: i(r.maxDate)
+            disabled: u,
+            error: i,
+            helperText: i ? o.error?.message : e.helpText,
+            minDate: n(r.minDate),
+            maxDate: n(r.maxDate),
+            ...f({
+              calendarKind: r.calendarKind,
+              fiscalMode: r.fiscalMode,
+              granularity: r.granularity,
+              fiscalMonthPattern: r.fiscalMonthPattern,
+              fiscalYearStartMonth: r.fiscalYearStartMonth,
+              weekStartsOn: r.weekStartsOn,
+              showPeriodBoundaries: r.showPeriodBoundaries,
+              autoNavigateToAvailable: r.autoNavigateToAvailable
+            })
           }
         ) });
       }
@@ -43,5 +51,5 @@ const M = ({
   ) : null;
 };
 export {
-  M as MultiWeekPickerField
+  x as MultiWeekPickerField
 };

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

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

package/dist/form-react/types/fields.types.d.ts

@@ -162,6 +162,8 @@ export type DateInputField = BaseField & {
     fiscalYearStartMonth?: number;
     fiscalMonthPattern?: number[];
     showPresets?: boolean;
+    /** When true, open on the first enabled day. Navigate only. */
+    autoNavigateToAvailable?: boolean;
 };
 export type DateRangeField = BaseField & {
     fieldType: "date_range";
@@ -192,6 +194,8 @@ export type DateRangeField = BaseField & {
     fiscalYearStartMonth?: number;
     fiscalMonthPattern?: number[];
     showPresets?: boolean;
+    /** When true, open on the first enabled day. Navigate only. */
+    autoNavigateToAvailable?: boolean;
 };
 export type WeekRangeField = BaseField & {
     fieldType: "week_range";
@@ -224,6 +228,8 @@ export type WeekRangeField = BaseField & {
     /** Latest week: week end of the week N weeks after the current week. */
     maxWeeksOffset?: number;
     dateFormat?: string;
+    /** When true, open on the first enabled week. Navigate only. */
+    autoNavigateToAvailable?: boolean;
 };
 export type MultiWeekRangeField = BaseField & {
     fieldType: "multi_week_picker";
@@ -234,6 +240,10 @@ export type MultiWeekRangeField = BaseField & {
     weekStartsOn?: 0 | 1 | 2 | 3 | 4 | 5 | 6;
     granularity?: "day" | "week" | "period" | "quarter" | "year";
     fiscalMonthPattern?: number[];
+    fiscalYearStartMonth?: number;
+    showPeriodBoundaries?: boolean;
+    /** When true, open on the first enabled week. Navigate only. */
+    autoNavigateToAvailable?: boolean;
 };
 export type MonthRangeField = BaseField & {
     fieldType: "month_range";
@@ -262,6 +272,8 @@ export type MonthRangeField = BaseField & {
     fiscalYearStartMonth?: number;
     fiscalMonthPattern?: number[];
     showPresets?: boolean;
+    /** When true, open on the first enabled month. Navigate only. */
+    autoNavigateToAvailable?: boolean;
 };
 export type MultiMonthPickerField = BaseField & {
     fieldType: "multi_month_picker";
@@ -269,6 +281,8 @@ export type MultiMonthPickerField = BaseField & {
     maxDate?: string;
     startMonth?: string;
     endMonth?: string;
+    /** When true, open on the first enabled month. Navigate only. */
+    autoNavigateToAvailable?: boolean;
 };
 export type TextAreaField = BaseField & {
     fieldType: "text_area";

package/dist/impact-nova-components.css

@@ -91,11 +91,24 @@
   contain: inline-size;
 }
 
+[data-component=calendar]:has([data-slot=year-panes]) {
+  width: 320px;
+  max-width: 320px;
+}
+
 [data-component=calendar][data-month-layout=dual] [data-slot=month-panes],
 [data-component=calendar][data-month-layout=dual] [data-slot=quarter-panes] {
   flex-direction: row;
 }
 
+[data-component=calendar][data-month-layout=dual] [data-slot=quarter-panes] {
+  width: auto;
+  min-width: 0;
+  max-width: none;
+  overflow: visible;
+  contain: none;
+}
+
 /* Fiscal period: one vertical gutter track + outer Sunday corners, not stacked left-pills. */
 .calendar-interval-cap-start:not(.calendar-interval-cap-end) {
   background-color: transparent;
@@ -440,12 +453,6 @@
   border-bottom-right-radius: calc(var(--radius) + 4px);
 }
 
-[data-component=calendar][data-month-layout=dual] [data-slot=quarter-panes] {
-  width: auto;
-  min-width: 0;
-  max-width: none;
-}
-
 [data-component=calendar] [data-slot=month-pane-divider-group],
 [data-component=calendar] [data-slot=quarter-pane-divider-group] {
   display: flex;