impact-nova 2.5.13 → 2.5.14

package/dist/form-react/registry/defaultFieldRegistrations.js

@@ -2,8 +2,8 @@ import { registerFieldType as e } from "./fieldRegistry.js";
 import { SelectField as r } from "../Fields/SelectField.js";
 import { ButtonsGroupField as o } from "../Fields/ButtonsGroupField.js";
 import { RadioField as t } from "../Fields/RadioField.js";
-import { TextField as l } from "../Fields/TextField.js";
-import { TextAreaField as m } from "../Fields/TextAreaField.js";
+import { TextField as m } from "../Fields/TextField.js";
+import { TextAreaField as l } from "../Fields/TextAreaField.js";
 import { DateRangeField as d } from "../Fields/DateRangeField.js";
 import { DateInputField as p } from "../Fields/DateInputField.js";
 import { WeekRangeField as a } from "../Fields/WeekRangePicker.js";
@@ -13,19 +13,22 @@ import { MultiMonthPickerField as _ } from "../Fields/MultiMonthPickerField.js";
 import { FileUploadField as n } from "../Fields/FileUploadField.js";
 import { FillFormByPasteField as c } from "../Fields/FillFormByPasteField.js";
 import { FillFormByFileUploadField as u } from "../Fields/FillFormByFileUploadField.js";
-import { ChipsField as b } from "../Fields/ChipsField.js";
-import { TextFieldWithBackendValidation as h } from "../Fields/TextFieldWithBackendValidation.js";
-import { SwitchField as s } from "../Fields/SwitchField.js";
-import { CheckboxField as g } from "../Fields/CheckboxField.js";
-import { LabelField as k } from "../Fields/LabelField.js";
+import { ChipsField as k } from "../Fields/ChipsField.js";
+import { TextFieldWithBackendValidation as b } from "../Fields/TextFieldWithBackendValidation.js";
+import { SwitchField as g } from "../Fields/SwitchField.js";
+import { CheckboxField as h } from "../Fields/CheckboxField.js";
+import { LabelField as s } from "../Fields/LabelField.js";
 import { DividerField as x } from "../Fields/DividerField.js";
-import { DividerWithLabelField as w } from "../Fields/DividerWithLabelField.js";
-import { NumericComboboxField as y } from "../Fields/NumericComboboxField.js";
-import { SliderRangeField as v } from "../Fields/SliderRangeField.js";
+import { DividerWithLabelField as y } from "../Fields/DividerWithLabelField.js";
+import { NumericComboboxField as w } from "../Fields/NumericComboboxField.js";
+import { SliderRangeField as P } from "../Fields/SliderRangeField.js";
+import { YearPickerField as R } from "../Fields/YearPickerField.js";
+import { MultiYearPickerField as v } from "../Fields/MultiYearPickerField.js";
+import { YearRangePickerField as D } from "../Fields/YearRangePickerField.js";
 let i = !1;
-function Q() {
-  i || (i = !0, e("divider", x), e("divider_with_label", w), e("label", k), e("select", r), e("button_group", o), e("radio", t), e("text", l), e("numeric_combobox", y), e("text_area", m), e("date", p), e("date_range", d), e("week_range", a), e("multi_week_picker", F), e("month_range", f), e("multi_month_picker", _), e("file_upload", n), e("fill_form_by_paste", c), e("fill_form_by_file_upload", u), e("chips", b), e("text_with_backend_validation", h), e("switch", s), e("checkbox", g), e("slider_range", v));
+function ie() {
+  i || (i = !0, e("divider", x), e("divider_with_label", y), e("label", s), e("select", r), e("button_group", o), e("radio", t), e("text", m), e("numeric_combobox", w), e("text_area", l), e("date", p), e("date_range", d), e("week_range", a), e("multi_week_picker", F), e("month_range", f), e("multi_month_picker", _), e("file_upload", n), e("fill_form_by_paste", c), e("fill_form_by_file_upload", u), e("chips", k), e("text_with_backend_validation", b), e("switch", g), e("checkbox", h), e("slider_range", P), e("year_picker", R), e("multi_year_picker", v), e("year_range", D));
 }
 export {
-  Q as registerDefaultFieldTypes
+  ie as registerDefaultFieldTypes
 };

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,62 @@ export type MultiMonthPickerField = BaseField & {
     maxDate?: string;
     startMonth?: string;
     endMonth?: string;
+    /** When true, open on the first enabled month. Navigate only. */
+    autoNavigateToAvailable?: boolean;
+};
+export type YearPickerField = BaseField & {
+    fieldType: "year_picker";
+    defaultValue?: number;
+    minDate?: string;
+    maxDate?: string;
+    startMonth?: string;
+    endMonth?: string;
+    showFooter?: boolean;
+    showIntervalCaption?: boolean;
+    calendarKind?: "gregorian" | "fiscal";
+    fiscalMode?: "basic" | "advanced" | "custom";
+    fiscalYearStartMonth?: number;
+    fiscalMonthPattern?: number[];
+    showPresets?: boolean;
+    /** Additional props forwarded directly to the underlying YearPicker component */
+    componentProps?: Record<string, unknown>;
+};
+export type MultiYearPickerField = BaseField & {
+    fieldType: "multi_year_picker";
+    defaultValue?: number[];
+    minDate?: string;
+    maxDate?: string;
+    startMonth?: string;
+    endMonth?: string;
+    showFooter?: boolean;
+    showIntervalCaption?: boolean;
+    calendarKind?: "gregorian" | "fiscal";
+    fiscalMode?: "basic" | "advanced" | "custom";
+    fiscalYearStartMonth?: number;
+    fiscalMonthPattern?: number[];
+    showPresets?: boolean;
+    /** Additional props forwarded directly to the underlying MultiYearPicker component */
+    componentProps?: Record<string, unknown>;
+};
+export type YearRangePickerField = BaseField & {
+    fieldType: "year_range";
+    defaultRange?: {
+        start: number;
+        end: number;
+    };
+    minDate?: string;
+    maxDate?: string;
+    startMonth?: string;
+    endMonth?: string;
+    showFooter?: boolean;
+    showIntervalCaption?: boolean;
+    calendarKind?: "gregorian" | "fiscal";
+    fiscalMode?: "basic" | "advanced" | "custom";
+    fiscalYearStartMonth?: number;
+    fiscalMonthPattern?: number[];
+    showPresets?: boolean;
+    /** Additional props forwarded directly to the underlying YearRangePicker component */
+    componentProps?: Record<string, unknown>;
 };
 export type TextAreaField = BaseField & {
     fieldType: "text_area";
@@ -439,6 +507,6 @@ export type RichTextField = BaseField & {
     /** Minimum editor height in px. Default: 150 */
     minHeight?: number;
 };
-export type IField = FileUploadField | ButtonsGroupField | SelectField | DateInputField | DateRangeField | WeekRangeField | MonthRangeField | MultiMonthPickerField | TextAreaField | RadioField | TextField | NumericComboboxField | CopyPasteField | FillFormByFileUploadField | TextFieldWithBackendValidation | ChipsField | DividerField | DividerWithLabelField | LabelField | SwitchField | CheckboxField | MultiWeekRangeField | SliderRangeField | RichTextField | ObjectFieldConfig | ArrayFieldConfig;
+export type IField = FileUploadField | ButtonsGroupField | SelectField | DateInputField | DateRangeField | WeekRangeField | MonthRangeField | MultiMonthPickerField | TextAreaField | RadioField | TextField | NumericComboboxField | CopyPasteField | FillFormByFileUploadField | TextFieldWithBackendValidation | ChipsField | DividerField | DividerWithLabelField | LabelField | SwitchField | CheckboxField | YearPickerField | MultiYearPickerField | YearRangePickerField | MultiWeekRangeField | SliderRangeField | RichTextField | ObjectFieldConfig | ArrayFieldConfig;
 /** Discriminant string union for every built-in field type */
 export type FieldType = IField["fieldType"];

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

@@ -1,5 +1,5 @@
 import { Option } from '../../components/forms/select';
-import { MonthSelection, WeekSelection } from '../../components/data-display/calendar';
+import { MonthSelection, WeekSelection, YearRange, YearSelection } from '../../components/data-display/calendar';
 /** Shared range shape for date_range / week_range / month_range */
 export type RangeFieldOutput = {
     start: string | null;
@@ -26,6 +26,9 @@ export type ChipsFieldOutput = string | string[] | null | undefined;
 export type SwitchFieldOutput = boolean | null | undefined;
 export type CheckboxFieldOutput = boolean | null | undefined;
 export type SliderRangeFieldOutput = number[] | null | undefined;
+export type YearPickerFieldOutput = YearSelection | null | undefined;
+export type MultiYearPickerFieldOutput = YearSelection[] | null | undefined;
+export type YearRangePickerFieldOutput = YearRange | null | undefined;
 export type RichTextFieldOutput = string | null | undefined;
 /** Presentational fields do not store a value */
 export type PresentationalFieldOutput = null | undefined;
@@ -33,7 +36,7 @@ export type PresentationalFieldOutput = null | undefined;
  * Union of all field output values (recursive for object / array nesting).
  * Defined independently of FieldTypeToOutputMap to avoid circular map lookups.
  */
-export type FieldOutputValue = FileUploadFieldOutput | ButtonsGroupFieldOutput | SelectFieldOutput | DateInputFieldOutput | DateRangeFieldOutput | WeekRangeFieldOutput | MultiWeekPickerFieldOutput | MonthRangeFieldOutput | MultiMonthPickerFieldOutput | TextAreaFieldOutput | RadioFieldOutput | TextFieldOutput | NumericComboboxFieldOutput | CopyPasteFieldOutput | FillFormByFileUploadFieldOutput | TextFieldWithBackendValidationOutput | ChipsFieldOutput | SwitchFieldOutput | CheckboxFieldOutput | SliderRangeFieldOutput | RichTextFieldOutput | PresentationalFieldOutput | {
+export type FieldOutputValue = FileUploadFieldOutput | ButtonsGroupFieldOutput | SelectFieldOutput | DateInputFieldOutput | DateRangeFieldOutput | WeekRangeFieldOutput | MultiWeekPickerFieldOutput | MonthRangeFieldOutput | MultiMonthPickerFieldOutput | TextAreaFieldOutput | RadioFieldOutput | TextFieldOutput | NumericComboboxFieldOutput | CopyPasteFieldOutput | FillFormByFileUploadFieldOutput | TextFieldWithBackendValidationOutput | ChipsFieldOutput | SwitchFieldOutput | CheckboxFieldOutput | SliderRangeFieldOutput | YearPickerFieldOutput | MultiYearPickerFieldOutput | YearRangePickerFieldOutput | RichTextFieldOutput | PresentationalFieldOutput | {
     [key: string]: FieldOutputValue;
 } | Array<{
     [key: string]: FieldOutputValue;
@@ -62,6 +65,9 @@ export type FieldTypeToOutputMap = {
     switch: SwitchFieldOutput;
     checkbox: CheckboxFieldOutput;
     slider_range: SliderRangeFieldOutput;
+    year_picker: YearPickerFieldOutput;
+    multi_year_picker: MultiYearPickerFieldOutput;
+    year_range: YearRangePickerFieldOutput;
     rich_text: RichTextFieldOutput;
     object: {
         [key: string]: FieldOutputValue;

package/dist/form-react/utils/fieldDefaults.utils.js

@@ -30,7 +30,7 @@ function u(e) {
     const t = e.min ?? 0;
     return e.range ? [t, e.max ?? 100] : [t];
   }
-  return e.fieldType === "date" ? "" : e.fieldType === "select" ? [] : e.fieldType === "week_range" && e.defaultRange ? {
+  return e.fieldType === "year_picker" ? e.defaultValue != null ? { year: e.defaultValue } : null : e.fieldType === "multi_year_picker" ? e.defaultValue?.map((t) => ({ year: t })) ?? null : e.fieldType === "year_range" && e.defaultRange ? { from: { year: e.defaultRange.start }, to: { year: e.defaultRange.end } } : e.fieldType === "date" ? "" : e.fieldType === "select" ? [] : e.fieldType === "week_range" && e.defaultRange ? {
     start: e.defaultRange.start || null,
     end: e.defaultRange.end || null
   } : null;

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;