impact-nova 2.5.9 → 2.5.11

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

@@ -1,10 +1,10 @@
 import { jsx as n } from "react/jsx-runtime";
 import "react";
-import { Controller as S } from "react-hook-form";
-import { DateRangePicker as g } from "../../components/forms/date-picker/date-range-picker.js";
+import { Controller as g } from "react-hook-form";
+import { DateRangePicker as v } from "../../components/forms/date-picker/date-range-picker.js";
 import { toLocalDate as a } from "../utils/calendar-boundary.js";
-import { handleMinMaxProp as D } from "../utils/date.utils.js";
-const Y = ({
+import { handleMinMaxProp as S } from "../utils/date.utils.js";
+const T = ({
   field: r,
   validationRules: h,
   isDisabled: l,
@@ -12,18 +12,18 @@ const Y = ({
 }) => {
   const t = r.fieldType === "date_range" ? r : null;
   if (!t) return null;
-  const c = s.form.control, { minDate: m, maxDate: u } = D(t);
+  const c = s.form.control, { minDate: m, maxDate: u } = S(t);
   return /* @__PURE__ */ n(
-    S,
+    g,
     {
       name: r.id,
       control: c,
       disabled: l,
       rules: h,
-      render: ({ field: p, fieldState: d }) => {
-        const i = !!d.error, e = p.value;
+      render: ({ field: p, fieldState: i }) => {
+        const d = !!i.error, e = p.value;
         return /* @__PURE__ */ n("div", { children: /* @__PURE__ */ n(
-          g,
+          v,
           {
             label: r.label,
             minDate: m,
@@ -43,14 +43,15 @@ const Y = ({
             placeholder: r.placeholder,
             required: r.isRequired,
             disabled: l,
-            error: i,
-            helperText: i ? d.error?.message : r.helpText,
+            error: d,
+            helperText: d ? i.error?.message : r.helpText,
             showFooter: !0,
             calendarKind: t.calendarKind,
             fiscalMode: t.fiscalMode,
             fiscalYearStartMonth: t.fiscalYearStartMonth,
             fiscalMonthPattern: t.fiscalMonthPattern,
-            showPresets: t.showPresets
+            showPresets: t.showPresets,
+            autoNavigateToAvailable: t.autoNavigateToAvailable
           }
         ) });
       }
@@ -58,5 +59,5 @@ const Y = ({
   );
 };
 export {
-  Y as DateRangeField
+  T as DateRangeField
 };

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

@@ -1,37 +1,37 @@
 import { jsx as u } from "react/jsx-runtime";
-import { Controller as F } from "react-hook-form";
-import { MonthRangePicker as v } from "../../components/forms/date-picker/month-range-picker.js";
-import { getFieldTestId as P } from "../utils/fieldTestIds.js";
+import { Controller as x } from "react-hook-form";
+import { MonthRangePicker as F } from "../../components/forms/date-picker/month-range-picker.js";
+import { getFieldTestId as T } from "../utils/fieldTestIds.js";
 import { toLocalDate as o } from "../utils/calendar-boundary.js";
-const w = (r) => {
-  if (r.includes("/")) {
-    const [a, d] = r.split("/");
-    return { year: parseInt(d, 10), month: parseInt(a, 10) - 1 };
+const w = (a) => {
+  if (a.includes("/")) {
+    const [r, i] = a.split("/");
+    return { year: parseInt(i, 10), month: parseInt(r, 10) - 1 };
   }
-  const [s, l] = r.split("-");
+  const [s, l] = a.split("-");
   return { year: parseInt(s, 10), month: parseInt(l, 10) - 1 };
 }, O = ({
-  field: r,
+  field: a,
   validationRules: s,
   isDisabled: l,
-  formHelpers: a
+  formHelpers: r
 }) => {
-  const d = a.form.control, t = r.fieldType === "month_range" ? r : null;
+  const i = r.form.control, t = a.fieldType === "month_range" ? a : null;
   if (!t) return null;
   const y = t.displayFormat || "MM/YYYY", c = t.minMonthsOffset != null ? new Date((/* @__PURE__ */ new Date()).getFullYear(), (/* @__PURE__ */ new Date()).getMonth() - t.minMonthsOffset, 1) : t.disablePastMonths ? new Date((/* @__PURE__ */ new Date()).getFullYear(), (/* @__PURE__ */ new Date()).getMonth(), 1) : o(t.minDate), h = t.maxMonthsOffset != null ? new Date((/* @__PURE__ */ new Date()).getFullYear(), (/* @__PURE__ */ new Date()).getMonth() + t.maxMonthsOffset, 1) : o(t.maxDate);
   return /* @__PURE__ */ u(
-    F,
+    x,
     {
-      name: r.id,
-      control: d,
+      name: a.id,
+      control: i,
       defaultValue: t.defaultRange ? { start: t.defaultRange.start || null, end: t.defaultRange.end || null } : void 0,
       rules: s,
-      render: ({ field: i, fieldState: M }) => {
-        const f = !!M.error, n = i.value, p = n?.start ? w(n.start) : null, m = n?.end ? w(n.end) : null, Y = p && m;
-        return /* @__PURE__ */ u("div", { "data-testid": P(r.id), children: /* @__PURE__ */ u(
-          v,
+      render: ({ field: d, fieldState: M }) => {
+        const f = !!M.error, n = d.value, p = n?.start ? w(n.start) : null, m = n?.end ? w(n.end) : null, Y = p && m;
+        return /* @__PURE__ */ u("div", { "data-testid": T(a.id), children: /* @__PURE__ */ u(
+          F,
           {
-            label: r.label,
+            label: a.label,
             displayFormat: y,
             ...Y && {
               value: {
@@ -41,31 +41,32 @@ const w = (r) => {
             },
             onChange: (e) => {
               if (!e?.from || !e?.to) {
-                const g = { start: null, end: null };
-                i.onChange(g), a.setValue(r.id, g);
+                const S = { start: null, end: null };
+                d.onChange(S), r.setValue(a.id, S);
                 return;
               }
-              const $ = e.from.start ? `${e.from.start.getFullYear()}-${String(e.from.start.getMonth() + 1).padStart(2, "0")}-${String(e.from.start.getDate()).padStart(2, "0")}` : `${e.from.year}-${String(e.from.month + 1).padStart(2, "0")}-01`, D = e.to.end ? e.to.end.getDate() : new Date(e.to.year, e.to.month + 1, 0).getDate(), x = e.to.end ? `${e.to.end.getFullYear()}-${String(e.to.end.getMonth() + 1).padStart(2, "0")}-${String(D).padStart(2, "0")}` : `${e.to.year}-${String(e.to.month + 1).padStart(2, "0")}-${String(D).padStart(2, "0")}`, S = {
+              const $ = e.from.start ? `${e.from.start.getFullYear()}-${String(e.from.start.getMonth() + 1).padStart(2, "0")}-${String(e.from.start.getDate()).padStart(2, "0")}` : `${e.from.year}-${String(e.from.month + 1).padStart(2, "0")}-01`, D = e.to.end ? e.to.end.getDate() : new Date(e.to.year, e.to.month + 1, 0).getDate(), v = e.to.end ? `${e.to.end.getFullYear()}-${String(e.to.end.getMonth() + 1).padStart(2, "0")}-${String(D).padStart(2, "0")}` : `${e.to.year}-${String(e.to.month + 1).padStart(2, "0")}-${String(D).padStart(2, "0")}`, g = {
                 start: $,
-                end: x
+                end: v
               };
-              i.onChange(S), a.setValue(r.id, S);
+              d.onChange(g), r.setValue(a.id, g);
             },
-            placeholder: r.placeholder,
+            placeholder: a.placeholder,
             minDate: c,
             maxDate: h,
             startMonth: c || o(t.startMonth),
             endMonth: h || o(t.endMonth),
-            required: r.isRequired,
+            required: a.isRequired,
             disabled: l,
             error: f,
-            helperText: f ? M.error?.message : r.helpText,
+            helperText: f ? M.error?.message : a.helpText,
             showFooter: !0,
             calendarKind: t.calendarKind,
             fiscalMode: t.fiscalMode,
             fiscalYearStartMonth: t.fiscalYearStartMonth,
             fiscalMonthPattern: t.fiscalMonthPattern,
-            showPresets: t.showPresets
+            showPresets: t.showPresets,
+            autoNavigateToAvailable: t.autoNavigateToAvailable
           }
         ) });
       }

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

@@ -3,38 +3,39 @@ import { Controller as d } from "react-hook-form";
 import { MultiMonthPicker as p } from "../../components/forms/date-picker/multi-month-picker.js";
 import { getFieldTestId as M } from "../utils/fieldTestIds.js";
 import { toLocalDate as t } from "../utils/calendar-boundary.js";
-const b = ({
+const D = ({
   field: r,
   validationRules: m,
-  isDisabled: h,
-  formHelpers: s
+  isDisabled: u,
+  formHelpers: h
 }) => {
-  const u = s.form.control, e = r.fieldType === "multi_month_picker" ? r : null;
+  const s = h.form.control, e = r.fieldType === "multi_month_picker" ? r : null;
   return e ? /* @__PURE__ */ o(
     d,
     {
       name: r.id,
-      control: u,
+      control: s,
       rules: m,
-      render: ({ field: n, fieldState: a }) => {
-        const l = !!a.error, i = n.value;
+      render: ({ field: a, fieldState: n }) => {
+        const l = !!n.error, i = a.value;
         return /* @__PURE__ */ o("div", { "data-testid": M(r.id), children: /* @__PURE__ */ o(
           p,
           {
             label: r.label,
             value: Array.isArray(i) ? i : void 0,
             onChange: (c) => {
-              n.onChange(c ?? []);
+              a.onChange(c ?? []);
             },
             placeholder: r.placeholder,
             required: r.isRequired,
-            disabled: h,
+            disabled: u,
             error: l,
-            helperText: l ? a.error?.message : r.helpText,
+            helperText: l ? n.error?.message : r.helpText,
             minDate: t(e.minDate),
             maxDate: t(e.maxDate),
             startMonth: t(e.startMonth),
-            endMonth: t(e.endMonth)
+            endMonth: t(e.endMonth),
+            autoNavigateToAvailable: e.autoNavigateToAvailable
           }
         ) });
       }
@@ -42,5 +43,5 @@ const b = ({
   ) : null;
 };
 export {
-  b as MultiMonthPickerField
+  D as MultiMonthPickerField
 };

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

@@ -1,41 +1,42 @@
-import { jsx as o } from "react/jsx-runtime";
+import { jsx as a } 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 { toLocalDate as n } from "../utils/calendar-boundary.js";
+const D = ({
   field: e,
   validationRules: m,
   isDisabled: s,
-  formHelpers: c
+  formHelpers: u
 }) => {
-  const d = c.form.control, r = e.fieldType === "multi_week_picker" ? e : null;
-  return r ? /* @__PURE__ */ o(
+  const c = u.form.control, r = e.fieldType === "multi_week_picker" ? e : null;
+  return r ? /* @__PURE__ */ a(
     p,
     {
       name: e.id,
-      control: d,
+      control: c,
       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(
+      render: ({ field: o, fieldState: t }) => {
+        const l = !!t.error, i = o.value;
+        return /* @__PURE__ */ a("div", { "data-testid": k(e.id), children: /* @__PURE__ */ a(
           h,
           {
             label: e.label,
-            value: Array.isArray(n) ? n : void 0,
-            onChange: (u) => {
-              t.onChange(u ?? []);
+            value: Array.isArray(i) ? i : void 0,
+            onChange: (d) => {
+              o.onChange(d ?? []);
             },
             placeholder: e.placeholder,
             required: e.isRequired,
             disabled: s,
             error: l,
-            helperText: l ? a.error?.message : e.helpText,
+            helperText: l ? t.error?.message : e.helpText,
             calendarKind: r.calendarKind,
             fiscalMode: r.fiscalMode,
             weekStartsOn: r.weekStartsOn,
-            minDate: i(r.minDate),
-            maxDate: i(r.maxDate)
+            minDate: n(r.minDate),
+            maxDate: n(r.maxDate),
+            autoNavigateToAvailable: r.autoNavigateToAvailable
           }
         ) });
       }
@@ -43,5 +44,5 @@ const M = ({
   ) : null;
 };
 export {
-  M as MultiWeekPickerField
+  D as MultiWeekPickerField
 };

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

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

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";
@@ -216,12 +220,16 @@ export type WeekRangeField = BaseField & {
     fiscalMonthPattern?: number[];
     fiscalYearStartMonth?: number;
     showFooter?: boolean;
+    /** Draw `(` / `)` on fiscal period start/end days. Default false. */
+    showPeriodBoundaries?: boolean;
     format?: string;
     /** Earliest week: week start of the week N weeks before the current week (0 = current week). */
     minWeeksOffset?: number;
     /** 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";
@@ -232,6 +240,8 @@ export type MultiWeekRangeField = BaseField & {
     weekStartsOn?: 0 | 1 | 2 | 3 | 4 | 5 | 6;
     granularity?: "day" | "week" | "period" | "quarter" | "year";
     fiscalMonthPattern?: number[];
+    /** When true, open on the first enabled week. Navigate only. */
+    autoNavigateToAvailable?: boolean;
 };
 export type MonthRangeField = BaseField & {
     fieldType: "month_range";
@@ -260,6 +270,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";
@@ -267,6 +279,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";