impact-nova 2.5.11 → 2.5.13
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/data/data-table/build-column-tree-from-grid.d.ts +1 -0
- package/dist/components/data/data-table/build-column-tree-from-grid.js +55 -50
- package/dist/components/data/data-table/column-picker-authority.d.ts +34 -0
- package/dist/components/data/data-table/column-picker-authority.js +116 -0
- package/dist/components/data/data-table/column-picker-drop-validation.d.ts +7 -0
- package/dist/components/data/data-table/column-picker-drop-validation.js +37 -0
- package/dist/components/data/data-table/data-table-column-apply.d.ts +2 -0
- package/dist/components/data/data-table/data-table-column-apply.js +84 -73
- package/dist/components/data/data-table/data-table-column-list-tree-apply.d.ts +10 -0
- package/dist/components/data/data-table/data-table-column-list-tree-apply.js +79 -0
- package/dist/components/data/data-table/data-table-column-list.js +94 -64
- package/dist/components/data/data-table/data-table-column-tree-cache.d.ts +12 -6
- package/dist/components/data/data-table/data-table-column-tree-cache.js +250 -131
- package/dist/components/data/data-table/data-table-flat-column-virtual-rows.d.ts +26 -0
- package/dist/components/data/data-table/data-table-flat-column-virtual-rows.js +195 -0
- package/dist/components/data/data-table/data-table-picker-column-eligibility.d.ts +1 -0
- package/dist/components/data/data-table/data-table-picker-column-eligibility.js +7 -0
- package/dist/components/data/data-table/patch-column-tree-indicators-from-grid.d.ts +5 -0
- package/dist/components/data/data-table/patch-column-tree-indicators-from-grid.js +28 -11
- package/dist/components/data/data-table/reconcile-column-tree-from-grid.d.ts +12 -0
- package/dist/components/data/data-table/reconcile-column-tree-from-grid.js +12 -0
- package/dist/components/data/data-table/use-data-table-column-list-sync.d.ts +10 -0
- package/dist/components/data/data-table/use-data-table-column-list-sync.js +250 -196
- package/dist/components/data/expandable-list-item/expandable-list-item-attributes.js +2 -3
- package/dist/components/data/expandable-list-item/expandable-list-item-metrics.js +2 -3
- package/dist/components/data/nested-list/components/NestedListContent.d.ts +10 -2
- package/dist/components/data/nested-list/components/NestedListContent.js +253 -138
- package/dist/components/data/nested-list/components/SortableItem.d.ts +2 -1
- package/dist/components/data/nested-list/components/SortableItem.js +62 -60
- package/dist/components/data/nested-list/hooks/useNestedListDragDrop.d.ts +10 -20
- package/dist/components/data/nested-list/hooks/useNestedListDragDrop.js +44 -233
- package/dist/components/data/nested-list/hooks/useVirtualNestedListDrag.d.ts +24 -0
- package/dist/components/data/nested-list/hooks/useVirtualNestedListDrag.js +128 -0
- package/dist/components/data/nested-list/nested-list-constants.d.ts +4 -1
- package/dist/components/data/nested-list/nested-list-constants.js +10 -4
- package/dist/components/data/nested-list/nested-list-display-utils.d.ts +11 -0
- package/dist/components/data/nested-list/nested-list-display-utils.js +74 -0
- package/dist/components/data/nested-list/nested-list-drop-engine.d.ts +31 -0
- package/dist/components/data/nested-list/nested-list-drop-engine.js +209 -0
- package/dist/components/data/nested-list/nested-list-flat-virtual-handlers.d.ts +26 -0
- package/dist/components/data/nested-list/nested-list-flat-virtual-handlers.js +67 -0
- package/dist/components/data/nested-list/nested-list-item-tree-mutations.d.ts +4 -0
- package/dist/components/data/nested-list/nested-list-item-tree-mutations.js +43 -0
- package/dist/components/data/nested-list/nested-list-lazy-flat-rows.d.ts +3 -0
- package/dist/components/data/nested-list/nested-list-lazy-flat-rows.js +34 -0
- package/dist/components/data/nested-list/nested-list-row-estimates.d.ts +9 -0
- package/dist/components/data/nested-list/nested-list-row-estimates.js +14 -0
- package/dist/components/data/nested-list/nested-list-scroll-anchor.d.ts +36 -0
- package/dist/components/data/nested-list/nested-list-scroll-anchor.js +47 -0
- package/dist/components/data/nested-list/nested-list-virtual-drop.d.ts +59 -0
- package/dist/components/data/nested-list/nested-list-virtual-drop.js +341 -0
- package/dist/components/data/nested-list/nested-list.js +322 -336
- package/dist/components/data/nested-list/nested-list.types.d.ts +17 -0
- package/dist/components/data-display/calendar/calendar-apply-validation.d.ts +0 -2
- package/dist/components/data-display/calendar/calendar-apply-validation.js +67 -64
- package/dist/components/data-display/calendar/calendar-day-picker-components.d.ts +2 -4
- package/dist/components/data-display/calendar/calendar-day-picker-components.js +152 -163
- package/dist/components/data-display/calendar/calendar-day-picker-view.js +76 -77
- package/dist/components/data-display/calendar/calendar-fiscal-period-nav.d.ts +0 -6
- package/dist/components/data-display/calendar/calendar-fiscal-period-nav.js +18 -34
- package/dist/components/data-display/calendar/calendar-month-utils.d.ts +0 -5
- package/dist/components/data-display/calendar/calendar-month-utils.js +64 -85
- package/dist/components/data-display/calendar/calendar-selection-appearance.d.ts +0 -1
- package/dist/components/data-display/calendar/calendar-selection-appearance.js +30 -31
- package/dist/components/data-display/calendar/calendar-week-number-cell.d.ts +1 -2
- package/dist/components/data-display/calendar/calendar-week-number-cell.js +41 -55
- package/dist/components/data-display/calendar/calendar-year-panes.d.ts +0 -2
- package/dist/components/data-display/calendar/calendar-year-panes.js +1 -3
- package/dist/components/data-display/calendar/calendar.js +143 -146
- package/dist/components/data-display/calendar/calendar.types.d.ts +0 -5
- package/dist/components/data-display/calendar/use-calendar-day-picker-config.d.ts +1 -2
- package/dist/components/data-display/calendar/use-calendar-day-picker-config.js +74 -79
- package/dist/components/data-display/calendar/use-calendar-state.d.ts +1 -3
- package/dist/components/data-display/calendar/use-calendar-state.js +325 -403
- package/dist/components/feedback/tooltip/tab-tooltip-render.js +2 -3
- package/dist/components/flows/command-palette/shortcut-settings.js +10 -10
- package/dist/components/flows/filter-panel/filter-panel.js +4 -4
- package/dist/components/forms/date-picker/date-picker.js +58 -60
- package/dist/components/forms/date-picker/date-picker.types.d.ts +0 -5
- package/dist/components/forms/date-picker/date-range-picker.js +64 -66
- package/dist/components/forms/date-picker/fiscal-pass-through.d.ts +0 -1
- package/dist/components/forms/date-picker/fiscal-pass-through.js +2 -3
- package/dist/components/forms/date-picker/month-picker.js +59 -61
- package/dist/components/forms/date-picker/month-range-picker.js +61 -63
- package/dist/components/forms/date-picker/multi-date-picker.js +49 -51
- package/dist/components/forms/date-picker/multi-month-picker.js +47 -49
- package/dist/components/forms/date-picker/multi-quarter-picker.js +44 -46
- package/dist/components/forms/date-picker/multi-week-picker.js +51 -53
- package/dist/components/forms/date-picker/multi-year-picker.js +46 -48
- package/dist/components/forms/date-picker/quarter-picker.js +44 -46
- package/dist/components/forms/date-picker/quarter-range-picker.js +43 -45
- package/dist/components/forms/date-picker/week-picker.js +66 -68
- package/dist/components/forms/date-picker/week-range-picker.js +80 -82
- package/dist/components/forms/date-picker/year-picker.js +45 -47
- package/dist/components/forms/date-picker/year-range-picker.js +45 -47
- package/dist/components/forms/select/components/SelectTriggerValue.js +2 -3
- package/dist/components/forms/select/components/Submenu.js +2 -3
- package/dist/form-react/Fields/DateInputField.js +50 -51
- package/dist/form-react/Fields/DateRangeField.js +13 -14
- package/dist/form-react/Fields/MonthRangeField.js +28 -29
- package/dist/form-react/Fields/MultiMonthPickerField.js +12 -13
- package/dist/form-react/Fields/MultiWeekPickerField.js +17 -18
- package/dist/form-react/Fields/WeekRangePicker.js +21 -22
- package/dist/form-react/types/fields.types.d.ts +0 -12
- package/dist/impact-nova.css +1 -1
- package/dist/lib/hash/fnv1a128.d.ts +16 -0
- package/dist/lib/hash/fnv1a128.js +21 -0
- package/dist/llms/rules/ag-grid.js +1 -1
- package/package.json +1 -1
- package/dist/components/data-display/calendar/calendar-available-view.d.ts +0 -27
- package/dist/components/data-display/calendar/calendar-available-view.js +0 -85
|
@@ -1,18 +1,18 @@
|
|
|
1
1
|
import { jsx as r, jsxs as y } from "react/jsx-runtime";
|
|
2
2
|
import * as t from "react";
|
|
3
|
-
import { Cross as
|
|
4
|
-
import { cn as
|
|
5
|
-
import { Input as
|
|
6
|
-
import { Calendar as
|
|
3
|
+
import { Cross as X, CalendarMonth as Z } from "impact-nova-icons";
|
|
4
|
+
import { cn as _ } from "../../../lib/utils.js";
|
|
5
|
+
import { Input as $ } from "../input/input.js";
|
|
6
|
+
import { Calendar as ee } from "../../data-display/calendar/calendar.js";
|
|
7
7
|
import { Tooltip as x, TooltipTrigger as R, TooltipContent as D } from "../../feedback/tooltip/tooltip.js";
|
|
8
|
-
import { useImpactNovaI18n as
|
|
9
|
-
import { buildDateBoundsMatcher as
|
|
10
|
-
import { fiscalCalendarPassThrough as
|
|
11
|
-
import { DatePickerShell as
|
|
12
|
-
import { usePickerDismissActionsRef as
|
|
13
|
-
import { formatYearInput as
|
|
14
|
-
import { viewMonthFromYear as
|
|
15
|
-
const
|
|
8
|
+
import { useImpactNovaI18n as re } from "../../../i18n/use-impact-nova-i18n.js";
|
|
9
|
+
import { buildDateBoundsMatcher as te } from "../../../lib/date-bounds-matcher.js";
|
|
10
|
+
import { fiscalCalendarPassThrough as ne } from "./fiscal-pass-through.js";
|
|
11
|
+
import { DatePickerShell as oe } from "./date-picker-shell.js";
|
|
12
|
+
import { usePickerDismissActionsRef as ae, usePickerFooterDismissNudge as ie, handleReadonlyPickerKeyDown as ce, handlePickerSurfacePointerDown as se } from "./date-input-behavior.js";
|
|
13
|
+
import { formatYearInput as le } from "../../data-display/calendar/calendar-fiscal-labels.js";
|
|
14
|
+
import { viewMonthFromYear as pe } from "../../data-display/calendar/calendar-year-utils.js";
|
|
15
|
+
const fe = t.forwardRef(
|
|
16
16
|
({
|
|
17
17
|
value: n,
|
|
18
18
|
onChange: d,
|
|
@@ -32,17 +32,16 @@ const de = t.forwardRef(
|
|
|
32
32
|
fiscalConfig: k,
|
|
33
33
|
showPresets: j,
|
|
34
34
|
showPeriodBoundaries: F,
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
t.
|
|
41
|
-
const [i, c] = t.useState(!1), u = t.useRef(!1), g = ie(), { footerFlashKey: B, footerFlashTarget: q, popoverHandlers: G } = ce(s, i, g, P), [C, l] = t.useState(n), [J, Q] = t.useState(fe(n));
|
|
35
|
+
showIntervalCaption: L = !1,
|
|
36
|
+
...z
|
|
37
|
+
}, E) => {
|
|
38
|
+
const { t: a } = re(), H = Y ?? a("datePicker.selectYear"), m = t.useRef(null), P = t.useRef(null);
|
|
39
|
+
t.useImperativeHandle(E, () => m.current);
|
|
40
|
+
const [i, c] = t.useState(!1), u = t.useRef(!1), g = ae(), { footerFlashKey: V, footerFlashTarget: B, popoverHandlers: q } = ie(s, i, g, P), [C, l] = t.useState(n), [G, J] = t.useState(pe(n));
|
|
42
41
|
t.useEffect(() => {
|
|
43
42
|
i || l(n);
|
|
44
43
|
}, [i, n]);
|
|
45
|
-
const p = t.useCallback(() => c(!1), []),
|
|
44
|
+
const p = t.useCallback(() => c(!1), []), Q = ne({
|
|
46
45
|
calendarKind: O,
|
|
47
46
|
fiscalMode: T,
|
|
48
47
|
granularity: w,
|
|
@@ -50,12 +49,11 @@ const de = t.forwardRef(
|
|
|
50
49
|
fiscalYearStartMonth: K,
|
|
51
50
|
fiscalConfig: k,
|
|
52
51
|
showPresets: j,
|
|
53
|
-
showPeriodBoundaries: F
|
|
54
|
-
|
|
55
|
-
}), W = (e) => {
|
|
52
|
+
showPeriodBoundaries: F
|
|
53
|
+
}), U = (e) => {
|
|
56
54
|
const f = e && !Array.isArray(e) && !("from" in e) && !("to" in e) ? e : void 0;
|
|
57
55
|
l(f), s || (d?.(f), p());
|
|
58
|
-
},
|
|
56
|
+
}, W = () => {
|
|
59
57
|
d?.(C), p();
|
|
60
58
|
}, h = () => {
|
|
61
59
|
l(n), p();
|
|
@@ -65,7 +63,7 @@ const de = t.forwardRef(
|
|
|
65
63
|
return t.useLayoutEffect(() => {
|
|
66
64
|
g.current = { onDismiss: h, resolveFlash: () => "cancel" };
|
|
67
65
|
}), /* @__PURE__ */ r(
|
|
68
|
-
|
|
66
|
+
oe,
|
|
69
67
|
{
|
|
70
68
|
open: i,
|
|
71
69
|
disabled: o,
|
|
@@ -76,26 +74,26 @@ const de = t.forwardRef(
|
|
|
76
74
|
onOpenAutoFocus: (e) => {
|
|
77
75
|
u.current || e.preventDefault(), u.current = !1;
|
|
78
76
|
},
|
|
79
|
-
popoverHandlers:
|
|
77
|
+
popoverHandlers: q,
|
|
80
78
|
trigger: /* @__PURE__ */ r(
|
|
81
79
|
"div",
|
|
82
80
|
{
|
|
83
81
|
ref: P,
|
|
84
82
|
"data-component": "year-picker",
|
|
85
83
|
"data-state": i ? "open" : "closed",
|
|
86
|
-
onPointerDown: (e) =>
|
|
84
|
+
onPointerDown: (e) => se({
|
|
87
85
|
disabled: o,
|
|
88
86
|
event: e,
|
|
89
87
|
onOpen: () => c(!0),
|
|
90
88
|
focusField: () => m.current?.focus()
|
|
91
89
|
}),
|
|
92
90
|
children: /* @__PURE__ */ r(
|
|
93
|
-
|
|
91
|
+
$,
|
|
94
92
|
{
|
|
95
93
|
ref: m,
|
|
96
|
-
value: n ?
|
|
94
|
+
value: n ? le(n, k?.fyLabel ?? "fy-long") : "",
|
|
97
95
|
readOnly: !0,
|
|
98
|
-
onKeyDown: (e) =>
|
|
96
|
+
onKeyDown: (e) => ce(e, {
|
|
99
97
|
disabled: o,
|
|
100
98
|
open: i,
|
|
101
99
|
onOpen: () => c(!0),
|
|
@@ -105,10 +103,10 @@ const de = t.forwardRef(
|
|
|
105
103
|
}
|
|
106
104
|
}),
|
|
107
105
|
onClick: () => !o && c(!0),
|
|
108
|
-
placeholder:
|
|
106
|
+
placeholder: H,
|
|
109
107
|
disabled: o,
|
|
110
108
|
"data-form-control": "input",
|
|
111
|
-
className:
|
|
109
|
+
className: _("cursor-pointer", I),
|
|
112
110
|
suffix: /* @__PURE__ */ y("div", { className: "flex items-center gap-1", children: [
|
|
113
111
|
n && !o ? /* @__PURE__ */ y(x, { children: [
|
|
114
112
|
/* @__PURE__ */ r(R, { asChild: !0, children: /* @__PURE__ */ r(
|
|
@@ -121,7 +119,7 @@ const de = t.forwardRef(
|
|
|
121
119
|
e.stopPropagation(), b();
|
|
122
120
|
},
|
|
123
121
|
className: "inline-flex size-4 items-center justify-center border-none bg-transparent p-0",
|
|
124
|
-
children: /* @__PURE__ */ r(
|
|
122
|
+
children: /* @__PURE__ */ r(X, { className: "size-3 hover:text-content" })
|
|
125
123
|
}
|
|
126
124
|
) }),
|
|
127
125
|
/* @__PURE__ */ r(D, { variant: "tertiary", side: "top", children: a("calendar.clear") })
|
|
@@ -138,43 +136,43 @@ const de = t.forwardRef(
|
|
|
138
136
|
e.stopPropagation(), o || c((f) => !f);
|
|
139
137
|
},
|
|
140
138
|
className: "inline-flex items-center justify-center border-none bg-transparent p-0",
|
|
141
|
-
children: /* @__PURE__ */ r(
|
|
139
|
+
children: /* @__PURE__ */ r(Z, { className: "h-4 w-4 text-secondary-foreground" })
|
|
142
140
|
}
|
|
143
141
|
) }),
|
|
144
142
|
/* @__PURE__ */ r(D, { variant: "tertiary", side: "top", children: a("datePicker.selectYear") })
|
|
145
143
|
] })
|
|
146
144
|
] }),
|
|
147
|
-
...
|
|
145
|
+
...z
|
|
148
146
|
}
|
|
149
147
|
)
|
|
150
148
|
}
|
|
151
149
|
),
|
|
152
150
|
children: /* @__PURE__ */ r(
|
|
153
|
-
|
|
151
|
+
ee,
|
|
154
152
|
{
|
|
155
153
|
pickerType: "year",
|
|
156
154
|
selectedYear: C,
|
|
157
|
-
footerFlashKey:
|
|
158
|
-
footerFlashTarget:
|
|
159
|
-
onYearSelect:
|
|
160
|
-
month:
|
|
161
|
-
onMonthChange:
|
|
162
|
-
disabled:
|
|
155
|
+
footerFlashKey: V,
|
|
156
|
+
footerFlashTarget: B,
|
|
157
|
+
onYearSelect: U,
|
|
158
|
+
month: G,
|
|
159
|
+
onMonthChange: J,
|
|
160
|
+
disabled: te(v, N),
|
|
163
161
|
startMonth: S,
|
|
164
162
|
endMonth: A,
|
|
165
163
|
showFooter: s,
|
|
166
|
-
onApply:
|
|
164
|
+
onApply: W,
|
|
167
165
|
onCancel: h,
|
|
168
166
|
onClear: b,
|
|
169
|
-
showIntervalCaption:
|
|
170
|
-
...
|
|
167
|
+
showIntervalCaption: L,
|
|
168
|
+
...Q
|
|
171
169
|
}
|
|
172
170
|
)
|
|
173
171
|
}
|
|
174
172
|
);
|
|
175
173
|
}
|
|
176
174
|
);
|
|
177
|
-
|
|
175
|
+
fe.displayName = "YearPicker";
|
|
178
176
|
export {
|
|
179
|
-
|
|
177
|
+
fe as YearPicker
|
|
180
178
|
};
|
|
@@ -1,18 +1,18 @@
|
|
|
1
1
|
import { jsx as r, jsxs as g } from "react/jsx-runtime";
|
|
2
2
|
import * as t from "react";
|
|
3
|
-
import { Cross as
|
|
4
|
-
import { cn as
|
|
5
|
-
import { Input as
|
|
6
|
-
import { Calendar as
|
|
3
|
+
import { Cross as _, CalendarMonth as ee } from "impact-nova-icons";
|
|
4
|
+
import { cn as re } from "../../../lib/utils.js";
|
|
5
|
+
import { Input as te } from "../input/input.js";
|
|
6
|
+
import { Calendar as ne } from "../../data-display/calendar/calendar.js";
|
|
7
7
|
import { Tooltip as x, TooltipTrigger as D, TooltipContent as Y } from "../../feedback/tooltip/tooltip.js";
|
|
8
|
-
import { useImpactNovaI18n as
|
|
9
|
-
import { buildDateBoundsMatcher as
|
|
10
|
-
import { fiscalCalendarPassThrough as
|
|
11
|
-
import { DatePickerShell as
|
|
12
|
-
import { usePickerDismissActionsRef as
|
|
8
|
+
import { useImpactNovaI18n as oe } from "../../../i18n/use-impact-nova-i18n.js";
|
|
9
|
+
import { buildDateBoundsMatcher as ae } from "../../../lib/date-bounds-matcher.js";
|
|
10
|
+
import { fiscalCalendarPassThrough as ie } from "./fiscal-pass-through.js";
|
|
11
|
+
import { DatePickerShell as ce } from "./date-picker-shell.js";
|
|
12
|
+
import { usePickerDismissActionsRef as se, usePickerFooterDismissNudge as le, handleReadonlyPickerKeyDown as fe, handlePickerSurfacePointerDown as pe } from "./date-input-behavior.js";
|
|
13
13
|
import { formatYearInput as N } from "../../data-display/calendar/calendar-fiscal-labels.js";
|
|
14
|
-
import { viewMonthFromYear as
|
|
15
|
-
const
|
|
14
|
+
import { viewMonthFromYear as de } from "../../data-display/calendar/calendar-year-utils.js";
|
|
15
|
+
const me = t.forwardRef(
|
|
16
16
|
({
|
|
17
17
|
value: n,
|
|
18
18
|
onChange: d,
|
|
@@ -32,17 +32,16 @@ const ue = t.forwardRef(
|
|
|
32
32
|
fiscalConfig: y,
|
|
33
33
|
showPresets: L,
|
|
34
34
|
showPeriodBoundaries: $,
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
t.
|
|
41
|
-
const [i, c] = t.useState(!1), u = t.useRef(!1), R = le(), { footerFlashKey: q, footerFlashTarget: G, popoverHandlers: J } = fe(l, i, R, P), [C, f] = t.useState(n), [Q, U] = t.useState(me(n?.from));
|
|
35
|
+
showIntervalCaption: z = !1,
|
|
36
|
+
...E
|
|
37
|
+
}, H) => {
|
|
38
|
+
const { t: a } = oe(), V = S ?? a("datePicker.selectYearRange"), k = y?.fyLabel ?? "fy-long", m = t.useRef(null), P = t.useRef(null);
|
|
39
|
+
t.useImperativeHandle(H, () => m.current);
|
|
40
|
+
const [i, c] = t.useState(!1), u = t.useRef(!1), R = se(), { footerFlashKey: B, footerFlashTarget: q, popoverHandlers: G } = le(l, i, R, P), [C, f] = t.useState(n), [J, Q] = t.useState(de(n?.from));
|
|
42
41
|
t.useEffect(() => {
|
|
43
42
|
i || f(n);
|
|
44
43
|
}, [i, n]);
|
|
45
|
-
const p = t.useCallback(() => c(!1), []),
|
|
44
|
+
const p = t.useCallback(() => c(!1), []), U = ie({
|
|
46
45
|
calendarKind: T,
|
|
47
46
|
fiscalMode: w,
|
|
48
47
|
granularity: K,
|
|
@@ -50,12 +49,11 @@ const ue = t.forwardRef(
|
|
|
50
49
|
fiscalYearStartMonth: F,
|
|
51
50
|
fiscalConfig: y,
|
|
52
51
|
showPresets: L,
|
|
53
|
-
showPeriodBoundaries:
|
|
54
|
-
|
|
55
|
-
}), X = (e) => {
|
|
52
|
+
showPeriodBoundaries: $
|
|
53
|
+
}), W = (e) => {
|
|
56
54
|
const s = e && !Array.isArray(e) && ("from" in e || "to" in e) ? e : void 0;
|
|
57
55
|
f(s), l || (d?.(s), s?.to && p());
|
|
58
|
-
},
|
|
56
|
+
}, X = () => {
|
|
59
57
|
d?.(C), p();
|
|
60
58
|
}, h = () => {
|
|
61
59
|
f(n), p();
|
|
@@ -65,9 +63,9 @@ const ue = t.forwardRef(
|
|
|
65
63
|
t.useLayoutEffect(() => {
|
|
66
64
|
R.current = { onDismiss: h, resolveFlash: () => "cancel" };
|
|
67
65
|
});
|
|
68
|
-
const
|
|
66
|
+
const Z = n?.from ? `${N(n.from, k)}${n.to ? ` – ${N(n.to, k)}` : ""}` : "";
|
|
69
67
|
return /* @__PURE__ */ r(
|
|
70
|
-
|
|
68
|
+
ce,
|
|
71
69
|
{
|
|
72
70
|
open: i,
|
|
73
71
|
disabled: o,
|
|
@@ -78,26 +76,26 @@ const ue = t.forwardRef(
|
|
|
78
76
|
onOpenAutoFocus: (e) => {
|
|
79
77
|
u.current || e.preventDefault(), u.current = !1;
|
|
80
78
|
},
|
|
81
|
-
popoverHandlers:
|
|
79
|
+
popoverHandlers: G,
|
|
82
80
|
trigger: /* @__PURE__ */ r(
|
|
83
81
|
"div",
|
|
84
82
|
{
|
|
85
83
|
ref: P,
|
|
86
84
|
"data-component": "year-range-picker",
|
|
87
85
|
"data-state": i ? "open" : "closed",
|
|
88
|
-
onPointerDown: (e) =>
|
|
86
|
+
onPointerDown: (e) => pe({
|
|
89
87
|
disabled: o,
|
|
90
88
|
event: e,
|
|
91
89
|
onOpen: () => c(!0),
|
|
92
90
|
focusField: () => m.current?.focus()
|
|
93
91
|
}),
|
|
94
92
|
children: /* @__PURE__ */ r(
|
|
95
|
-
|
|
93
|
+
te,
|
|
96
94
|
{
|
|
97
95
|
ref: m,
|
|
98
|
-
value:
|
|
96
|
+
value: Z,
|
|
99
97
|
readOnly: !0,
|
|
100
|
-
onKeyDown: (e) =>
|
|
98
|
+
onKeyDown: (e) => fe(e, {
|
|
101
99
|
disabled: o,
|
|
102
100
|
open: i,
|
|
103
101
|
onOpen: () => c(!0),
|
|
@@ -107,10 +105,10 @@ const ue = t.forwardRef(
|
|
|
107
105
|
}
|
|
108
106
|
}),
|
|
109
107
|
onClick: () => !o && c(!0),
|
|
110
|
-
placeholder:
|
|
108
|
+
placeholder: V,
|
|
111
109
|
disabled: o,
|
|
112
110
|
"data-form-control": "input",
|
|
113
|
-
className:
|
|
111
|
+
className: re("cursor-pointer", O),
|
|
114
112
|
suffix: /* @__PURE__ */ g("div", { className: "flex items-center gap-1", children: [
|
|
115
113
|
n?.from && !o ? /* @__PURE__ */ g(x, { children: [
|
|
116
114
|
/* @__PURE__ */ r(D, { asChild: !0, children: /* @__PURE__ */ r(
|
|
@@ -123,7 +121,7 @@ const ue = t.forwardRef(
|
|
|
123
121
|
e.stopPropagation(), b();
|
|
124
122
|
},
|
|
125
123
|
className: "inline-flex size-4 items-center justify-center border-none bg-transparent p-0",
|
|
126
|
-
children: /* @__PURE__ */ r(
|
|
124
|
+
children: /* @__PURE__ */ r(_, { className: "size-3 hover:text-content" })
|
|
127
125
|
}
|
|
128
126
|
) }),
|
|
129
127
|
/* @__PURE__ */ r(Y, { variant: "tertiary", side: "top", children: a("calendar.clear") })
|
|
@@ -140,44 +138,44 @@ const ue = t.forwardRef(
|
|
|
140
138
|
e.stopPropagation(), o || c((s) => !s);
|
|
141
139
|
},
|
|
142
140
|
className: "inline-flex items-center justify-center border-none bg-transparent p-0",
|
|
143
|
-
children: /* @__PURE__ */ r(
|
|
141
|
+
children: /* @__PURE__ */ r(ee, { className: "h-4 w-4 text-secondary-foreground" })
|
|
144
142
|
}
|
|
145
143
|
) }),
|
|
146
144
|
/* @__PURE__ */ r(Y, { variant: "tertiary", side: "top", children: a("datePicker.selectYearRange") })
|
|
147
145
|
] })
|
|
148
146
|
] }),
|
|
149
|
-
...
|
|
147
|
+
...E
|
|
150
148
|
}
|
|
151
149
|
)
|
|
152
150
|
}
|
|
153
151
|
),
|
|
154
152
|
children: /* @__PURE__ */ r(
|
|
155
|
-
|
|
153
|
+
ne,
|
|
156
154
|
{
|
|
157
155
|
pickerType: "year",
|
|
158
156
|
yearMode: "range",
|
|
159
157
|
selectedYear: C,
|
|
160
|
-
footerFlashKey:
|
|
161
|
-
footerFlashTarget:
|
|
162
|
-
onYearSelect:
|
|
163
|
-
month:
|
|
164
|
-
onMonthChange:
|
|
165
|
-
disabled:
|
|
158
|
+
footerFlashKey: B,
|
|
159
|
+
footerFlashTarget: q,
|
|
160
|
+
onYearSelect: W,
|
|
161
|
+
month: J,
|
|
162
|
+
onMonthChange: Q,
|
|
163
|
+
disabled: ae(v, A),
|
|
166
164
|
startMonth: I,
|
|
167
165
|
endMonth: M,
|
|
168
166
|
showFooter: l,
|
|
169
|
-
onApply:
|
|
167
|
+
onApply: X,
|
|
170
168
|
onCancel: h,
|
|
171
169
|
onClear: b,
|
|
172
|
-
showIntervalCaption:
|
|
173
|
-
...
|
|
170
|
+
showIntervalCaption: z,
|
|
171
|
+
...U
|
|
174
172
|
}
|
|
175
173
|
)
|
|
176
174
|
}
|
|
177
175
|
);
|
|
178
176
|
}
|
|
179
177
|
);
|
|
180
|
-
|
|
178
|
+
me.displayName = "YearRangePicker";
|
|
181
179
|
export {
|
|
182
|
-
|
|
180
|
+
me as YearRangePicker
|
|
183
181
|
};
|
|
@@ -1,9 +1,8 @@
|
|
|
1
1
|
import { jsx as r } from "react/jsx-runtime";
|
|
2
2
|
import { cn as x } from "../../../../lib/utils.js";
|
|
3
|
-
import "react";
|
|
4
3
|
import { OverflowTooltip as m } from "../../../feedback/tooltip/overflow-tooltip.js";
|
|
5
4
|
import { isInvertedSelection as h, isOptionArray as d } from "../utils/select.js";
|
|
6
|
-
function
|
|
5
|
+
function w({
|
|
7
6
|
isMulti: u,
|
|
8
7
|
isDisabled: p,
|
|
9
8
|
internalValue: o,
|
|
@@ -53,5 +52,5 @@ function C({
|
|
|
53
52
|
);
|
|
54
53
|
}
|
|
55
54
|
export {
|
|
56
|
-
|
|
55
|
+
w as SelectTriggerValue
|
|
57
56
|
};
|
|
@@ -1,14 +1,13 @@
|
|
|
1
1
|
import { jsxs as s, jsx as t } from "react/jsx-runtime";
|
|
2
2
|
import * as i from "@radix-ui/react-popover";
|
|
3
3
|
import { Checkbox as P } from "../../checkbox/checkbox.js";
|
|
4
|
-
import "react";
|
|
5
4
|
import { OverflowTooltip as y } from "../../../feedback/tooltip/overflow-tooltip.js";
|
|
6
5
|
import { ChevronRight as A, Checkmark as O } from "impact-nova-icons";
|
|
7
6
|
import { cn as v } from "../../../../lib/utils.js";
|
|
8
7
|
import { useOverlayPortalContainer as T } from "../../../../lib/overlay/overlay-portal-context.js";
|
|
9
8
|
import { OVERLAY_NESTED_FLOATING_INSTANT_HIDE_CLASS as _ } from "../../../../lib/overlay/overlay-host.constants.js";
|
|
10
9
|
import { useSuppressOptionClickForTextSelection as E } from "../hooks/useSuppressOptionClickForTextSelection.js";
|
|
11
|
-
const
|
|
10
|
+
const G = ({
|
|
12
11
|
parentOption: n,
|
|
13
12
|
isMulti: u,
|
|
14
13
|
isReadOnly: l,
|
|
@@ -106,5 +105,5 @@ const R = ({
|
|
|
106
105
|
] });
|
|
107
106
|
};
|
|
108
107
|
export {
|
|
109
|
-
|
|
108
|
+
G as Submenu
|
|
110
109
|
};
|
|
@@ -1,98 +1,98 @@
|
|
|
1
|
-
import { jsx as
|
|
2
|
-
import { useMemo as
|
|
3
|
-
import { useWatch as
|
|
1
|
+
import { jsx as F, jsxs as M } from "react/jsx-runtime";
|
|
2
|
+
import { useMemo as I, useRef as K, useEffect as Y } from "react";
|
|
3
|
+
import { useWatch as W, Controller as k } from "react-hook-form";
|
|
4
4
|
import { DatePicker as q } from "../../components/forms/date-picker/date-picker.js";
|
|
5
5
|
import { getEffectiveMinOffsetDaysFromToday as O } from "../utils/formDate.utils.js";
|
|
6
|
-
import { startOfDayDate as
|
|
6
|
+
import { startOfDayDate as v, addDaysDate as y, handleDateFnsFormat as L } from "../utils/date.utils.js";
|
|
7
7
|
import { parseYmdString as f, formatYmd as $ } from "../utils/calendar-boundary.js";
|
|
8
|
-
const
|
|
8
|
+
const b = "__dateInputPairedSentinel__", H = ({
|
|
9
9
|
field: n,
|
|
10
|
-
validationRules:
|
|
10
|
+
validationRules: N,
|
|
11
11
|
isDisabled: u,
|
|
12
12
|
formHelpers: h
|
|
13
13
|
}) => {
|
|
14
|
-
const m = n.fieldType === "date", e = m ? n : null, g = h.form.control,
|
|
14
|
+
const m = n.fieldType === "date", e = m ? n : null, g = h.form.control, A = h.form.trigger, P = h.getValues, s = I(() => e?.dateAfterFieldId ? Array.isArray(e.dateAfterFieldId) ? e.dateAfterFieldId : [e.dateAfterFieldId] : [], [e]), i = I(() => e?.dateBeforeFieldId ? Array.isArray(e.dateBeforeFieldId) ? e.dateBeforeFieldId : [e.dateBeforeFieldId] : [], [e]), B = s.length > 0 ? s : [b], p = W({
|
|
15
15
|
control: g,
|
|
16
16
|
name: B,
|
|
17
|
-
disabled: !m ||
|
|
18
|
-
}), E =
|
|
17
|
+
disabled: !m || s.length === 0
|
|
18
|
+
}), E = i.length > 0 ? i : [b], D = W({
|
|
19
19
|
control: g,
|
|
20
20
|
name: E,
|
|
21
|
-
disabled: !m ||
|
|
22
|
-
}),
|
|
21
|
+
disabled: !m || i.length === 0
|
|
22
|
+
}), T = s.length > 0 || i.length > 0, w = K(!0), _ = s.length > 0 ? p.join("|") : "", C = i.length > 0 ? D.join("|") : "";
|
|
23
23
|
Y(() => {
|
|
24
|
-
if (!e || !
|
|
25
|
-
if (
|
|
26
|
-
|
|
24
|
+
if (!e || !T) return;
|
|
25
|
+
if (w.current) {
|
|
26
|
+
w.current = !1;
|
|
27
27
|
return;
|
|
28
28
|
}
|
|
29
|
-
const
|
|
30
|
-
|
|
29
|
+
const r = P()[e.id];
|
|
30
|
+
r != null && String(r).trim() !== "" && A(e.id);
|
|
31
31
|
}, [
|
|
32
32
|
_,
|
|
33
33
|
C,
|
|
34
34
|
e,
|
|
35
|
-
T,
|
|
36
35
|
P,
|
|
37
|
-
|
|
36
|
+
T,
|
|
37
|
+
A
|
|
38
38
|
]);
|
|
39
|
-
const { minDate: R, maxDate: V } =
|
|
39
|
+
const { minDate: R, maxDate: V } = I(() => {
|
|
40
40
|
if (!e)
|
|
41
41
|
return {
|
|
42
42
|
minDate: void 0,
|
|
43
43
|
maxDate: void 0
|
|
44
44
|
};
|
|
45
|
-
const
|
|
46
|
-
if (l != null && l >= 0 &&
|
|
45
|
+
const r = [], l = O(e);
|
|
46
|
+
if (l != null && l >= 0 && r.push(v(y(/* @__PURE__ */ new Date(), l))), e.minDate) {
|
|
47
47
|
const t = f(e.minDate);
|
|
48
|
-
t &&
|
|
48
|
+
t && r.push(t);
|
|
49
49
|
}
|
|
50
|
-
if (
|
|
51
|
-
const t =
|
|
52
|
-
for (const
|
|
53
|
-
if (!
|
|
54
|
-
const c = f(String(
|
|
50
|
+
if (s.length > 0) {
|
|
51
|
+
const t = s.length > 0 ? p : [];
|
|
52
|
+
for (const a of t) {
|
|
53
|
+
if (!a) continue;
|
|
54
|
+
const c = f(String(a));
|
|
55
55
|
if (c) {
|
|
56
|
-
const
|
|
57
|
-
|
|
56
|
+
const x = e.dateAfterFieldIdInclusive ? 0 : 1;
|
|
57
|
+
r.push(v(y(c, x)));
|
|
58
58
|
}
|
|
59
59
|
}
|
|
60
60
|
}
|
|
61
61
|
let d;
|
|
62
|
-
|
|
63
|
-
(t,
|
|
62
|
+
r.length > 0 && (d = r.reduce(
|
|
63
|
+
(t, a) => t.getTime() >= a.getTime() ? t : a
|
|
64
64
|
));
|
|
65
65
|
let o;
|
|
66
66
|
if (e.maxDate) {
|
|
67
67
|
const t = f(e.maxDate);
|
|
68
68
|
t && (o = t);
|
|
69
69
|
}
|
|
70
|
-
if (
|
|
71
|
-
const t =
|
|
72
|
-
for (const
|
|
73
|
-
if (!
|
|
74
|
-
const c = f(String(
|
|
70
|
+
if (i.length > 0) {
|
|
71
|
+
const t = i.length > 0 ? D : [];
|
|
72
|
+
for (const a of t) {
|
|
73
|
+
if (!a) continue;
|
|
74
|
+
const c = f(String(a));
|
|
75
75
|
if (c) {
|
|
76
|
-
const
|
|
77
|
-
o = o == null ||
|
|
76
|
+
const x = e.dateBeforeFieldIdInclusive ? 0 : -1, S = v(y(c, x));
|
|
77
|
+
o = o == null || S.getTime() < o.getTime() ? S : o;
|
|
78
78
|
}
|
|
79
79
|
}
|
|
80
80
|
}
|
|
81
81
|
return { minDate: d, maxDate: o };
|
|
82
|
-
}, [e,
|
|
82
|
+
}, [e, s, i, p, D]);
|
|
83
83
|
if (!m || !e) return null;
|
|
84
84
|
const j = L(e.dateFormat);
|
|
85
|
-
return /* @__PURE__ */
|
|
85
|
+
return /* @__PURE__ */ F(
|
|
86
86
|
k,
|
|
87
87
|
{
|
|
88
88
|
name: n.id,
|
|
89
89
|
control: g,
|
|
90
90
|
disabled: u,
|
|
91
|
-
rules:
|
|
92
|
-
render: ({ field:
|
|
93
|
-
const d = !!l.error, o =
|
|
94
|
-
return /* @__PURE__ */
|
|
95
|
-
/* @__PURE__ */
|
|
91
|
+
rules: N,
|
|
92
|
+
render: ({ field: r, fieldState: l }) => {
|
|
93
|
+
const d = !!l.error, o = r.value, t = o ? f(String(o)) : void 0;
|
|
94
|
+
return /* @__PURE__ */ M("div", { className: "flex w-full min-w-0 flex-col gap-[6px]", children: [
|
|
95
|
+
/* @__PURE__ */ M(
|
|
96
96
|
"label",
|
|
97
97
|
{
|
|
98
98
|
htmlFor: n.id,
|
|
@@ -100,11 +100,11 @@ const M = "__dateInputPairedSentinel__", H = ({
|
|
|
100
100
|
children: [
|
|
101
101
|
n.label,
|
|
102
102
|
" ",
|
|
103
|
-
n.isRequired ? /* @__PURE__ */
|
|
103
|
+
n.isRequired ? /* @__PURE__ */ F("span", { className: "text-[red]", children: "*" }) : null
|
|
104
104
|
]
|
|
105
105
|
}
|
|
106
106
|
),
|
|
107
|
-
/* @__PURE__ */
|
|
107
|
+
/* @__PURE__ */ F(
|
|
108
108
|
q,
|
|
109
109
|
{
|
|
110
110
|
id: n.id,
|
|
@@ -113,8 +113,8 @@ const M = "__dateInputPairedSentinel__", H = ({
|
|
|
113
113
|
minDate: R,
|
|
114
114
|
maxDate: V,
|
|
115
115
|
value: t,
|
|
116
|
-
onChange: (
|
|
117
|
-
|
|
116
|
+
onChange: (a) => {
|
|
117
|
+
r.onChange(a ? $(a) : "");
|
|
118
118
|
},
|
|
119
119
|
placeholder: n.placeholder,
|
|
120
120
|
required: n.isRequired,
|
|
@@ -126,8 +126,7 @@ const M = "__dateInputPairedSentinel__", H = ({
|
|
|
126
126
|
fiscalMode: e.fiscalMode,
|
|
127
127
|
fiscalYearStartMonth: e.fiscalYearStartMonth,
|
|
128
128
|
fiscalMonthPattern: e.fiscalMonthPattern,
|
|
129
|
-
showPresets: e.showPresets
|
|
130
|
-
autoNavigateToAvailable: e.autoNavigateToAvailable
|
|
129
|
+
showPresets: e.showPresets
|
|
131
130
|
}
|
|
132
131
|
)
|
|
133
132
|
] });
|