impact-nova 2.2.3 → 2.2.4
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/ag-grid-react/headers/custom-header.js +133 -110
- package/dist/components/data/ag-grid-react/headers/header-search-input.js +23 -23
- package/dist/components/data/ag-grid-react/index.js +202 -206
- package/dist/components/data/data-table/build-column-tree-from-grid.js +65 -67
- package/dist/components/data/data-table/data-table-column-list-sync.js +5 -10
- package/dist/components/data/data-table/data-table-column-list.js +64 -61
- package/dist/components/data/data-table/data-table-column-tree-cache.d.ts +29 -0
- package/dist/components/data/data-table/data-table-column-tree-cache.js +117 -0
- package/dist/components/data/data-table/data-table-constants.d.ts +2 -0
- package/dist/components/data/data-table/data-table-constants.js +3 -2
- package/dist/components/data/data-table/data-table-sheet.js +46 -49
- package/dist/components/data/data-table/data-table.js +137 -119
- package/dist/components/data/data-table/index.js +24 -23
- package/dist/components/data/data-table/patch-column-tree-indicators-from-grid.d.ts +3 -0
- package/dist/components/data/data-table/patch-column-tree-indicators-from-grid.js +24 -0
- package/dist/components/data/data-table/use-data-table-column-list-sync.d.ts +2 -1
- package/dist/components/data/data-table/use-data-table-column-list-sync.js +249 -150
- package/dist/components/data/nested-list/components/NestedListContent.js +158 -96
- package/dist/components/data/nested-list/nested-list-constants.d.ts +4 -0
- package/dist/components/data/nested-list/nested-list-constants.js +6 -0
- package/dist/components/data/nested-list/nested-list-tree-utils.d.ts +3 -0
- package/dist/components/data/nested-list/nested-list-tree-utils.js +24 -0
- package/dist/components/data/nested-list/nested-list.js +214 -215
- package/dist/components/data-display/card/card.js +6 -5
- package/dist/components/feedback/dialog/dialog.js +7 -5
- package/dist/components/feedback/sheet/sheet.js +28 -27
- package/dist/components/flows/filter-panel/filter-panel.js +36 -35
- package/dist/components/flows/filter-strip/filter-tag-list.js +33 -33
- package/dist/components/forms/combobox/combobox.js +110 -100
- package/dist/components/forms/date-picker/date-input-behavior.d.ts +9 -0
- package/dist/components/forms/date-picker/date-input-behavior.js +32 -19
- package/dist/components/forms/date-picker/date-picker.js +96 -90
- package/dist/components/forms/date-picker/date-range-picker.js +160 -152
- package/dist/components/forms/date-picker/month-picker.js +71 -65
- package/dist/components/forms/date-picker/month-range-picker.js +153 -145
- package/dist/components/forms/date-picker/multi-date-picker.js +127 -99
- package/dist/components/forms/date-picker/multi-month-picker.js +109 -97
- package/dist/components/forms/date-picker/multi-week-picker.js +98 -86
- package/dist/components/forms/date-picker/week-picker.js +82 -76
- package/dist/components/forms/date-picker/week-range-picker.js +127 -119
- package/dist/impact-nova-base.scss +10 -5
- package/dist/impact-nova-components.css +9 -5
- package/dist/impact-nova.css +1 -1
- package/dist/index.js +189 -188
- package/dist/lib/overlay/overlay-portal-context.d.ts +11 -2
- package/dist/lib/overlay/overlay-portal-context.js +39 -28
- package/dist/lib/primitives/create-compound.d.ts +5 -0
- package/dist/lib/primitives/create-compound.js +17 -16
- package/dist/llms/rules/installation.js +1 -1
- package/dist/llms/rules/requirements.js +1 -1
- package/package.json +1 -1
|
@@ -1,16 +1,18 @@
|
|
|
1
|
-
import { jsx as e, jsxs as
|
|
2
|
-
import { useRef as
|
|
1
|
+
import { jsx as e, jsxs as a, Fragment as Y } from "react/jsx-runtime";
|
|
2
|
+
import { useRef as M, useState as F, useEffect as L } from "react";
|
|
3
3
|
import { cn as f } from "../../../../lib/utils.js";
|
|
4
|
-
import { useGridHeader as
|
|
5
|
-
import { HeaderInfo as
|
|
6
|
-
import { Checkbox as
|
|
7
|
-
import { useImpactNovaI18n as
|
|
8
|
-
import { useAgGridTruncationTooltip as
|
|
9
|
-
import { useIsHeaderSearchActive as
|
|
10
|
-
import {
|
|
11
|
-
import {
|
|
12
|
-
|
|
13
|
-
|
|
4
|
+
import { useGridHeader as $ } from "./context/grid-header-context.js";
|
|
5
|
+
import { HeaderInfo as ee } from "./components/header-info.js";
|
|
6
|
+
import { Checkbox as te } from "../../../forms/checkbox/checkbox.js";
|
|
7
|
+
import { useImpactNovaI18n as R } from "../../../../i18n/use-impact-nova-i18n.js";
|
|
8
|
+
import { useAgGridTruncationTooltip as re } from "../use-ag-grid-truncation-tooltip.js";
|
|
9
|
+
import { useIsHeaderSearchActive as ne } from "./header-search-active-state.js";
|
|
10
|
+
import { subscribeGridApiEvent as A } from "../grid-api-event-subscription.js";
|
|
11
|
+
import { subscribeColumnIndicatorSync as ie } from "../column-indicator-sync-bus.js";
|
|
12
|
+
import { ColumnHeaderSettingsMenu as oe } from "./column-menu/column-header-settings-menu.js";
|
|
13
|
+
import { HeaderSearchInput as le } from "./header-search-input.js";
|
|
14
|
+
const se = () => /* @__PURE__ */ a(Y, { children: [
|
|
15
|
+
/* @__PURE__ */ e("span", { className: "sort-asc-icon inline-flex transition-colors text-content-tertiary hover:text-brand-variant-hover", children: /* @__PURE__ */ a(
|
|
14
16
|
"svg",
|
|
15
17
|
{
|
|
16
18
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -25,7 +27,7 @@ const re = () => /* @__PURE__ */ s(Q, { children: [
|
|
|
25
27
|
]
|
|
26
28
|
}
|
|
27
29
|
) }),
|
|
28
|
-
/* @__PURE__ */ e("span", { className: "sort-desc-icon inline-flex transition-colors text-content-tertiary hover:text-brand-variant-hover", children: /* @__PURE__ */
|
|
30
|
+
/* @__PURE__ */ e("span", { className: "sort-desc-icon inline-flex transition-colors text-content-tertiary hover:text-brand-variant-hover", children: /* @__PURE__ */ a(
|
|
29
31
|
"svg",
|
|
30
32
|
{
|
|
31
33
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -53,25 +55,42 @@ const re = () => /* @__PURE__ */ s(Q, { children: [
|
|
|
53
55
|
}
|
|
54
56
|
) })
|
|
55
57
|
] });
|
|
56
|
-
function
|
|
58
|
+
function ae(r) {
|
|
57
59
|
if (r.getGridOption("rowModelType") === "serverSide") {
|
|
58
|
-
const
|
|
59
|
-
if (!
|
|
60
|
+
const d = r.getServerSideSelectionState?.();
|
|
61
|
+
if (!d || !("selectAll" in d))
|
|
60
62
|
return { isChecked: !1, isIndeterminate: !1 };
|
|
61
|
-
const { selectAll: c, toggledNodes:
|
|
62
|
-
return c && !
|
|
63
|
+
const { selectAll: c, toggledNodes: l } = d, n = !!(l && l.length > 0);
|
|
64
|
+
return c && !n ? { isChecked: !0, isIndeterminate: !1 } : c && n ? { isChecked: !1, isIndeterminate: !0 } : !c && n ? { isChecked: !1, isIndeterminate: !0 } : { isChecked: !1, isIndeterminate: !1 };
|
|
63
65
|
}
|
|
64
|
-
const
|
|
65
|
-
return
|
|
66
|
+
const h = r.getSelectedRows().length, s = r.getDisplayedRowCount();
|
|
67
|
+
return h === 0 ? { isChecked: !1, isIndeterminate: !1 } : h === s && s > 0 ? { isChecked: !0, isIndeterminate: !1 } : { isChecked: !1, isIndeterminate: !0 };
|
|
66
68
|
}
|
|
67
|
-
const
|
|
68
|
-
const { t } =
|
|
69
|
+
const ce = ({ api: r }) => {
|
|
70
|
+
const { t } = R(), [h, s] = F(0);
|
|
71
|
+
L(() => {
|
|
72
|
+
const n = () => {
|
|
73
|
+
s((p) => p + 1);
|
|
74
|
+
}, C = A(
|
|
75
|
+
r,
|
|
76
|
+
"selectionChanged",
|
|
77
|
+
n
|
|
78
|
+
), g = A(
|
|
79
|
+
r,
|
|
80
|
+
"modelUpdated",
|
|
81
|
+
n
|
|
82
|
+
);
|
|
83
|
+
return () => {
|
|
84
|
+
C(), g();
|
|
85
|
+
};
|
|
86
|
+
}, [r]);
|
|
87
|
+
const { isChecked: d, isIndeterminate: c } = ae(r);
|
|
69
88
|
return /* @__PURE__ */ e(
|
|
70
|
-
|
|
89
|
+
te,
|
|
71
90
|
{
|
|
72
|
-
checked:
|
|
73
|
-
onCheckedChange: (
|
|
74
|
-
if (
|
|
91
|
+
checked: c ? "indeterminate" : d,
|
|
92
|
+
onCheckedChange: (n) => {
|
|
93
|
+
if (n === !0) {
|
|
75
94
|
r.selectAll();
|
|
76
95
|
return;
|
|
77
96
|
}
|
|
@@ -81,36 +100,40 @@ const oe = ({ api: r }) => {
|
|
|
81
100
|
className: "m-0"
|
|
82
101
|
}
|
|
83
102
|
);
|
|
84
|
-
},
|
|
103
|
+
}, ye = (r) => {
|
|
85
104
|
const {
|
|
86
105
|
displayName: t,
|
|
87
|
-
setTooltip:
|
|
88
|
-
enableSorting:
|
|
89
|
-
enableMenu:
|
|
106
|
+
setTooltip: h,
|
|
107
|
+
enableSorting: s,
|
|
108
|
+
enableMenu: d,
|
|
90
109
|
progressSort: c,
|
|
91
|
-
column:
|
|
92
|
-
api:
|
|
93
|
-
handleInlineSearch:
|
|
94
|
-
handleClearSearchInline:
|
|
95
|
-
onColumnSearchClick:
|
|
96
|
-
onAdvanceSearchClick:
|
|
97
|
-
toggleAdvanceSearch:
|
|
98
|
-
isSearchable:
|
|
99
|
-
advanceSearchEnabled:
|
|
110
|
+
column: l,
|
|
111
|
+
api: n,
|
|
112
|
+
handleInlineSearch: C,
|
|
113
|
+
handleClearSearchInline: g,
|
|
114
|
+
onColumnSearchClick: p,
|
|
115
|
+
onAdvanceSearchClick: T,
|
|
116
|
+
toggleAdvanceSearch: V,
|
|
117
|
+
isSearchable: D = !1,
|
|
118
|
+
advanceSearchEnabled: P = !1,
|
|
100
119
|
// Select params
|
|
101
|
-
selectOptions:
|
|
102
|
-
isMultiSelect:
|
|
103
|
-
onSelectScrollToBottom:
|
|
104
|
-
onSelectSearchChange:
|
|
105
|
-
onSelectOpen:
|
|
106
|
-
isLoadingSelect:
|
|
120
|
+
selectOptions: _,
|
|
121
|
+
isMultiSelect: B,
|
|
122
|
+
onSelectScrollToBottom: Z,
|
|
123
|
+
onSelectSearchChange: E,
|
|
124
|
+
onSelectOpen: G,
|
|
125
|
+
isLoadingSelect: j,
|
|
107
126
|
// Pattern parsing options
|
|
108
|
-
enableSpaceSplitting:
|
|
109
|
-
enableBooleanParsing:
|
|
110
|
-
enableDateParsing:
|
|
111
|
-
} = r,
|
|
112
|
-
|
|
113
|
-
const u =
|
|
127
|
+
enableSpaceSplitting: z,
|
|
128
|
+
enableBooleanParsing: O,
|
|
129
|
+
enableDateParsing: U
|
|
130
|
+
} = r, I = M(null);
|
|
131
|
+
re(h, t ?? "", I, "ellipsis", "leaf");
|
|
132
|
+
const u = $(), { t: S } = R(), i = l.getColDef(), m = l.getColId(), [de, K] = F(0);
|
|
133
|
+
L(() => ie(() => {
|
|
134
|
+
K((b) => b + 1);
|
|
135
|
+
}), []);
|
|
136
|
+
const x = l.isFilterActive(), q = l.getSort(), w = l.getSortIndex(), J = !!q && w != null && w > 0, v = (i?.filter || "agTextColumnFilter") === "agNumberColumnFilter" || (Array.isArray(i?.type) ? i.type.some((o) => o === "number" || o === "numericColumn") : i?.type === "number" || i?.type === "numericColumn"), k = ne(m), H = M(null), N = ![
|
|
114
137
|
"agTextColumnFilter",
|
|
115
138
|
"agNumberColumnFilter",
|
|
116
139
|
"agDateColumnFilter",
|
|
@@ -120,122 +143,122 @@ const oe = ({ api: r }) => {
|
|
|
120
143
|
// Defaults to text/set
|
|
121
144
|
void 0
|
|
122
145
|
// Defaults to text
|
|
123
|
-
].includes(
|
|
124
|
-
o.stopPropagation(),
|
|
125
|
-
},
|
|
126
|
-
if (o.stopPropagation(),
|
|
127
|
-
|
|
146
|
+
].includes(i?.filter), y = (o) => {
|
|
147
|
+
o.stopPropagation(), s && c && c(o.shiftKey);
|
|
148
|
+
}, Q = (o) => {
|
|
149
|
+
if (o.stopPropagation(), p && p(r), N) {
|
|
150
|
+
n.showColumnFilter ? n.showColumnFilter(m) : n.showColumnMenu(m);
|
|
128
151
|
return;
|
|
129
152
|
}
|
|
130
|
-
u && (
|
|
131
|
-
},
|
|
132
|
-
o.preventDefault(), o.stopPropagation(),
|
|
133
|
-
},
|
|
134
|
-
|
|
153
|
+
u && (k ? u.closeSearch() : u.openSearch(m));
|
|
154
|
+
}, W = (o) => {
|
|
155
|
+
o.preventDefault(), o.stopPropagation(), H.current?.openMenu();
|
|
156
|
+
}, X = (o) => /* @__PURE__ */ e("span", { onClick: (b) => b.stopPropagation(), children: /* @__PURE__ */ e(
|
|
157
|
+
ee,
|
|
135
158
|
{
|
|
136
159
|
...r,
|
|
137
160
|
className: o
|
|
138
161
|
}
|
|
139
162
|
) });
|
|
140
|
-
return
|
|
141
|
-
|
|
163
|
+
return k && u && !N ? /* @__PURE__ */ e(
|
|
164
|
+
le,
|
|
142
165
|
{
|
|
143
|
-
column:
|
|
144
|
-
api:
|
|
166
|
+
column: l,
|
|
167
|
+
api: n,
|
|
145
168
|
onClose: () => {
|
|
146
169
|
u.closeSearch();
|
|
147
170
|
},
|
|
148
|
-
handleInlineSearch:
|
|
149
|
-
handleClearSearchInline:
|
|
150
|
-
onAdvanceSearchClick:
|
|
151
|
-
toggleAdvanceSearch:
|
|
152
|
-
advanceSearchEnabled:
|
|
153
|
-
selectOptions:
|
|
154
|
-
isMultiSelect:
|
|
155
|
-
onSelectScrollToBottom:
|
|
156
|
-
onSelectSearchChange:
|
|
157
|
-
onSelectOpen:
|
|
158
|
-
isLoadingSelect:
|
|
159
|
-
enableSpaceSplitting:
|
|
160
|
-
enableBooleanParsing:
|
|
161
|
-
enableDateParsing:
|
|
171
|
+
handleInlineSearch: C,
|
|
172
|
+
handleClearSearchInline: g ? () => g(r) : void 0,
|
|
173
|
+
onAdvanceSearchClick: T,
|
|
174
|
+
toggleAdvanceSearch: V,
|
|
175
|
+
advanceSearchEnabled: P,
|
|
176
|
+
selectOptions: _,
|
|
177
|
+
isMultiSelect: B,
|
|
178
|
+
onSelectScrollToBottom: Z,
|
|
179
|
+
onSelectSearchChange: E,
|
|
180
|
+
onSelectOpen: G,
|
|
181
|
+
isLoadingSelect: j,
|
|
182
|
+
enableSpaceSplitting: z,
|
|
183
|
+
enableBooleanParsing: O,
|
|
184
|
+
enableDateParsing: U
|
|
162
185
|
}
|
|
163
|
-
) : /* @__PURE__ */
|
|
186
|
+
) : /* @__PURE__ */ a(
|
|
164
187
|
"div",
|
|
165
188
|
{
|
|
166
189
|
className: f(
|
|
167
190
|
"ag-header-cell-label flex items-center w-full group min-w-0 h-full",
|
|
168
|
-
|
|
191
|
+
v ? "flex-row-reverse" : "flex-row",
|
|
169
192
|
// Center the content area if it's a selection column
|
|
170
|
-
|
|
193
|
+
i?.headerCheckboxSelection && (!t || t.trim() === "") ? "justify-center" : ""
|
|
171
194
|
),
|
|
172
|
-
"data-selection-column":
|
|
173
|
-
onContextMenu:
|
|
195
|
+
"data-selection-column": i?.headerCheckboxSelection && (!t || t.trim() === "") ? "true" : void 0,
|
|
196
|
+
onContextMenu: W,
|
|
174
197
|
children: [
|
|
175
|
-
/* @__PURE__ */
|
|
198
|
+
/* @__PURE__ */ a(
|
|
176
199
|
"div",
|
|
177
200
|
{
|
|
178
201
|
className: f(
|
|
179
202
|
"ag-header-cell-text relative group flex min-w-0 items-center",
|
|
180
|
-
|
|
181
|
-
!(
|
|
182
|
-
|
|
203
|
+
v ? "flex-row-reverse" : "flex-row",
|
|
204
|
+
!(i?.headerCheckboxSelection && (!t || t.trim() === "")) && "flex-1",
|
|
205
|
+
s ? "sortable cursor-pointer" : ""
|
|
183
206
|
),
|
|
184
|
-
onClick:
|
|
207
|
+
onClick: s ? y : void 0,
|
|
185
208
|
children: [
|
|
186
|
-
|
|
187
|
-
t && t.trim() !== "" && t !==
|
|
209
|
+
i?.headerCheckboxSelection && /* @__PURE__ */ e(ce, { api: n }),
|
|
210
|
+
t && t.trim() !== "" && t !== S("gridHeader.selection") && /* @__PURE__ */ a("div", { className: f(
|
|
188
211
|
"ag-grid-header-label-cluster",
|
|
189
|
-
|
|
212
|
+
v && "flex-row-reverse"
|
|
190
213
|
), children: [
|
|
191
|
-
/* @__PURE__ */ e("span", { ref:
|
|
192
|
-
|
|
214
|
+
/* @__PURE__ */ e("span", { ref: I, className: "ag-grid-header-label-text", children: t }),
|
|
215
|
+
X(
|
|
193
216
|
"shrink-0 text-content-tertiary hover:text-brand-variant-hover transition-colors"
|
|
194
217
|
)
|
|
195
218
|
] })
|
|
196
219
|
]
|
|
197
220
|
}
|
|
198
221
|
),
|
|
199
|
-
!(
|
|
222
|
+
!(i?.headerCheckboxSelection && (!t || t.trim() === "")) && /* @__PURE__ */ a(
|
|
200
223
|
"div",
|
|
201
224
|
{
|
|
202
225
|
className: f(
|
|
203
226
|
"flex items-center shrink-0 group gap-1",
|
|
204
|
-
|
|
227
|
+
v ? "flex-row-reverse" : "flex-row"
|
|
205
228
|
),
|
|
206
229
|
children: [
|
|
207
|
-
|
|
230
|
+
s && /* @__PURE__ */ a(
|
|
208
231
|
"div",
|
|
209
232
|
{
|
|
210
233
|
className: "ag-sort-indicator-container cursor-pointer flex items-center",
|
|
211
|
-
onClick:
|
|
234
|
+
onClick: y,
|
|
212
235
|
children: [
|
|
213
|
-
|
|
214
|
-
/* @__PURE__ */ e("span", { className: "ag-sort-indicator-icon", children: /* @__PURE__ */ e(
|
|
236
|
+
J && /* @__PURE__ */ e("span", { className: "ag-sort-order text-[10px] font-bold text-content-tertiary mr-0.5", children: w + 1 }),
|
|
237
|
+
/* @__PURE__ */ e("span", { className: "ag-sort-indicator-icon", children: /* @__PURE__ */ e(se, {}) })
|
|
215
238
|
]
|
|
216
239
|
}
|
|
217
240
|
),
|
|
218
|
-
|
|
241
|
+
D && /* @__PURE__ */ a(
|
|
219
242
|
"span",
|
|
220
243
|
{
|
|
221
244
|
className: f(
|
|
222
245
|
"relative cursor-pointer flex items-center shrink-0 duration-200 text-content-tertiary hover:text-brand-variant-hover transition-colors",
|
|
223
|
-
|
|
246
|
+
x ? "opacity-100 w-auto" : "opacity-0 w-0 overflow-hidden group-hover:opacity-100 group-hover:w-auto"
|
|
224
247
|
),
|
|
225
|
-
onClick:
|
|
226
|
-
title:
|
|
248
|
+
onClick: Q,
|
|
249
|
+
title: S(x ? "gridHeader.activeFilter" : "gridHeader.search"),
|
|
227
250
|
children: [
|
|
228
251
|
/* @__PURE__ */ e("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ e("path", { d: "M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z", fill: "currentColor" }) }),
|
|
229
|
-
|
|
252
|
+
x && /* @__PURE__ */ e("span", { className: "absolute -top-0.5 -right-0.5 w-2.5 h-2.5 rounded-full border-2 bg-brand z-10" })
|
|
230
253
|
]
|
|
231
254
|
}
|
|
232
255
|
),
|
|
233
|
-
|
|
234
|
-
|
|
256
|
+
d && !("suppressHeaderMenuButton" in (i ?? {}) && i.suppressHeaderMenuButton) && /* @__PURE__ */ e(
|
|
257
|
+
oe,
|
|
235
258
|
{
|
|
236
|
-
ref:
|
|
259
|
+
ref: H,
|
|
237
260
|
columnId: m,
|
|
238
|
-
gridApi:
|
|
261
|
+
gridApi: n,
|
|
239
262
|
displayName: t
|
|
240
263
|
}
|
|
241
264
|
)
|
|
@@ -247,5 +270,5 @@ const oe = ({ api: r }) => {
|
|
|
247
270
|
);
|
|
248
271
|
};
|
|
249
272
|
export {
|
|
250
|
-
|
|
273
|
+
ye as CustomHeader
|
|
251
274
|
};
|
|
@@ -15,7 +15,7 @@ import { DEFAULT_DATE_DISPLAY_FORMAT as lt, serializeWeek as nt, serializeMonth
|
|
|
15
15
|
import { useHeaderSearchEditingState as st } from "./use-header-search-editing-state.js";
|
|
16
16
|
const Tt = ({
|
|
17
17
|
column: P,
|
|
18
|
-
api:
|
|
18
|
+
api: F,
|
|
19
19
|
onClose: $,
|
|
20
20
|
handleInlineSearch: ee,
|
|
21
21
|
handleClearSearchInline: te,
|
|
@@ -32,7 +32,7 @@ const Tt = ({
|
|
|
32
32
|
enableBooleanParsing: Be = !1,
|
|
33
33
|
enableDateParsing: Ie = !1
|
|
34
34
|
}) => {
|
|
35
|
-
const { t: i } = tt(), l = P.getColDef(), d = P.getColId(), G = l?.filter || "agTextColumnFilter", M = G === "agDateColumnFilter", V = G === "agSetColumnFilter" || Y && Y.length > 0 || l?.cellDataType === "boolean", L = l?.headerComponentParams?.datePickerVariant || "date", z = M && L === "month", B = M && L === "week", c = l?.headerComponentParams?.fiscalConfig,
|
|
35
|
+
const { t: i } = tt(), l = P.getColDef(), d = P.getColId(), G = l?.filter || "agTextColumnFilter", M = G === "agDateColumnFilter", V = G === "agSetColumnFilter" || Y && Y.length > 0 || l?.cellDataType === "boolean", L = l?.headerComponentParams?.datePickerVariant || "date", z = M && L === "month", B = M && L === "week", c = l?.headerComponentParams?.fiscalConfig, x = l?.headerComponentParams?.dateDisplayFormat || lt, oe = rt(), _ = Le(null), {
|
|
36
36
|
searchText: U,
|
|
37
37
|
dateDisplayString: I,
|
|
38
38
|
selectedDate: se,
|
|
@@ -43,14 +43,14 @@ const Tt = ({
|
|
|
43
43
|
handleBlur: h,
|
|
44
44
|
clearEditingOverlay: Oe
|
|
45
45
|
} = st({
|
|
46
|
-
api:
|
|
46
|
+
api: F,
|
|
47
47
|
colId: d,
|
|
48
48
|
colDef: l,
|
|
49
49
|
isDateFilter: M,
|
|
50
50
|
isMonthVariant: z,
|
|
51
51
|
isWeekVariant: B,
|
|
52
52
|
datePickerVariant: L,
|
|
53
|
-
dateDisplayFormat:
|
|
53
|
+
dateDisplayFormat: x
|
|
54
54
|
}), D = (e, t) => {
|
|
55
55
|
const n = (a) => a.replace(/[^0-9.\-+eE]/g, ""), s = (a, R) => {
|
|
56
56
|
const S = we(
|
|
@@ -61,20 +61,20 @@ const Tt = ({
|
|
|
61
61
|
);
|
|
62
62
|
if (S.conditions.length === 0) return null;
|
|
63
63
|
const Ce = (u) => {
|
|
64
|
-
let
|
|
64
|
+
let b = ke(u.operator);
|
|
65
65
|
if (R === "number") {
|
|
66
66
|
const Me = parseFloat(n(u.value));
|
|
67
67
|
return ["contains", "notContains", "startsWith", "endsWith"].includes(
|
|
68
|
-
|
|
69
|
-
) && (
|
|
70
|
-
type:
|
|
68
|
+
b
|
|
69
|
+
) && (b = b === "notContains" ? "notEqual" : "equals"), u.operator === "inRange" ? {
|
|
70
|
+
type: b,
|
|
71
71
|
filter: parseFloat(n(u.value)) || 0,
|
|
72
72
|
filterTo: parseFloat(n(u.valueTo || "")) || 0,
|
|
73
73
|
filterType: "number"
|
|
74
|
-
} : isNaN(Me) ? null : { type:
|
|
74
|
+
} : isNaN(Me) ? null : { type: b, filter: Me, filterType: "number" };
|
|
75
75
|
}
|
|
76
76
|
return {
|
|
77
|
-
type:
|
|
77
|
+
type: b,
|
|
78
78
|
filter: u.value,
|
|
79
79
|
filterTo: u.valueTo,
|
|
80
80
|
filterType: "text"
|
|
@@ -84,7 +84,7 @@ const Tt = ({
|
|
|
84
84
|
if (S.conditions.length === 1)
|
|
85
85
|
A = Ce(S.conditions[0]);
|
|
86
86
|
else {
|
|
87
|
-
const u = S.conditions.map(Ce).filter((
|
|
87
|
+
const u = S.conditions.map(Ce).filter((b) => b !== null);
|
|
88
88
|
u.length === 0 ? A = null : u.length === 1 ? A = u[0] : A = {
|
|
89
89
|
filterType: R,
|
|
90
90
|
operator: S.logic,
|
|
@@ -151,7 +151,7 @@ const Tt = ({
|
|
|
151
151
|
if (["contains", "notContains", "startsWith", "endsWith"].includes(
|
|
152
152
|
v
|
|
153
153
|
) && (v = v === "notContains" ? "notEqual" : "equals"), o.operator === "inRange") {
|
|
154
|
-
let T = Z(o.value,
|
|
154
|
+
let T = Z(o.value, x), a = Z(o.valueTo || "", x);
|
|
155
155
|
return !T || !a ? null : (T > a && ([T, a] = [a, T]), {
|
|
156
156
|
type: "inRange",
|
|
157
157
|
dateFrom: T,
|
|
@@ -159,7 +159,7 @@ const Tt = ({
|
|
|
159
159
|
filterType: "date"
|
|
160
160
|
});
|
|
161
161
|
}
|
|
162
|
-
const f = Z(o.value,
|
|
162
|
+
const f = Z(o.value, x);
|
|
163
163
|
return f ? {
|
|
164
164
|
type: v,
|
|
165
165
|
dateFrom: f,
|
|
@@ -176,7 +176,7 @@ const Tt = ({
|
|
|
176
176
|
};
|
|
177
177
|
}, K = X(
|
|
178
178
|
(e, t) => {
|
|
179
|
-
const n =
|
|
179
|
+
const n = F.getFilterModel(), s = { ...n };
|
|
180
180
|
if (l.filter === "agMultiColumnFilter") {
|
|
181
181
|
if (t === -1) return;
|
|
182
182
|
const o = n[d], v = o && o.filterType === "multi" ? [...o.filterModels || []] : Array(l.filterParams?.filters?.length || 1).fill(null);
|
|
@@ -186,9 +186,9 @@ const Tt = ({
|
|
|
186
186
|
};
|
|
187
187
|
} else
|
|
188
188
|
e ? s[d] = e : delete s[d];
|
|
189
|
-
|
|
189
|
+
F.setFilterModel(s);
|
|
190
190
|
},
|
|
191
|
-
[
|
|
191
|
+
[F, d, l]
|
|
192
192
|
), he = X(
|
|
193
193
|
(e) => {
|
|
194
194
|
const t = l.filter === "agMultiColumnFilter" ? H(l).date : 0;
|
|
@@ -211,7 +211,7 @@ const Tt = ({
|
|
|
211
211
|
{ label: i("gridHeader.true"), value: "true" },
|
|
212
212
|
{ label: i("gridHeader.false"), value: "false" }
|
|
213
213
|
] : []), ge = X(() => {
|
|
214
|
-
const e =
|
|
214
|
+
const e = F.getFilterModel()[d];
|
|
215
215
|
if (!e) return [];
|
|
216
216
|
if ("filterType" in e && e.filterType === "multi" && e.filterModels) {
|
|
217
217
|
const n = H(P.getColDef()).set;
|
|
@@ -227,7 +227,7 @@ const Tt = ({
|
|
|
227
227
|
return [String(e.filter)];
|
|
228
228
|
}
|
|
229
229
|
return [];
|
|
230
|
-
}, [
|
|
230
|
+
}, [F, d, P]), [E, k] = _e(null), ve = () => {
|
|
231
231
|
const e = E !== null ? E : ge();
|
|
232
232
|
return C ? W.filter((t) => e.includes(t.value)) : W.find((t) => e.includes(t.value)) || null;
|
|
233
233
|
}, ye = (e) => {
|
|
@@ -275,7 +275,7 @@ const Tt = ({
|
|
|
275
275
|
), N = l.filter === "agMultiColumnFilter", m = H(l);
|
|
276
276
|
let g = "text";
|
|
277
277
|
N ? g = m.set !== -1 ? "set" : m.date !== -1 ? "date" : "text" : V ? g = "set" : M && (g = "date");
|
|
278
|
-
const Ge = N ? m.text !== -1 || m.number !== -1 : !M && !V, xe = N ? m.set !== -1 : V, be = N ? m.date !== -1 : M, Ve =
|
|
278
|
+
const Ge = N ? m.text !== -1 || m.number !== -1 : !M && !V, xe = N ? m.set !== -1 : V, be = N ? m.date !== -1 : M, Ve = F.getFilterModel()[d], Fe = N && Ve?.filterModels?.some((e, t) => {
|
|
279
279
|
const n = t === m.text || t === m.number ? "text" : t === m.set ? "set" : "date";
|
|
280
280
|
return e !== null && n !== g;
|
|
281
281
|
});
|
|
@@ -329,7 +329,7 @@ const Tt = ({
|
|
|
329
329
|
value: ce || void 0,
|
|
330
330
|
onChange: (e) => pe(e || null),
|
|
331
331
|
placeholder: i("datePicker.selectWeek"),
|
|
332
|
-
format:
|
|
332
|
+
format: x,
|
|
333
333
|
minDate: /* @__PURE__ */ new Date("2000-01-01"),
|
|
334
334
|
maxDate: /* @__PURE__ */ new Date("2100-12-31"),
|
|
335
335
|
className: "w-full bg-canvas-elevated",
|
|
@@ -360,7 +360,7 @@ const Tt = ({
|
|
|
360
360
|
value: se || void 0,
|
|
361
361
|
onChange: (e) => ue(e || null),
|
|
362
362
|
placeholder: i("filter.selectDate"),
|
|
363
|
-
format:
|
|
363
|
+
format: x,
|
|
364
364
|
minDate: /* @__PURE__ */ new Date("2000-01-01"),
|
|
365
365
|
maxDate: /* @__PURE__ */ new Date("2100-12-31"),
|
|
366
366
|
className: "w-full bg-canvas-elevated",
|
|
@@ -474,7 +474,7 @@ const Tt = ({
|
|
|
474
474
|
{
|
|
475
475
|
value: ce || void 0,
|
|
476
476
|
onChange: (e) => pe(e || null),
|
|
477
|
-
format:
|
|
477
|
+
format: x,
|
|
478
478
|
className: "w-full bg-canvas-elevated",
|
|
479
479
|
showFooter: !1,
|
|
480
480
|
calendarType: c?.calendarType,
|
|
@@ -499,7 +499,7 @@ const Tt = ({
|
|
|
499
499
|
{
|
|
500
500
|
value: se || void 0,
|
|
501
501
|
onChange: (e) => ue(e || null),
|
|
502
|
-
format:
|
|
502
|
+
format: x,
|
|
503
503
|
className: "w-full bg-canvas-elevated",
|
|
504
504
|
weekStartsOn: c?.weekStartsOn,
|
|
505
505
|
onFocus: p,
|