@progress/kendo-react-treelist 7.2.4-develop.3 → 7.3.0-develop.1

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.
Files changed (86) hide show
  1. package/TreeList.js +8 -0
  2. package/TreeList.mjs +580 -0
  3. package/TreeListNoRecords.js +8 -0
  4. package/TreeListNoRecords.mjs +23 -0
  5. package/TreeListToolbar.js +8 -0
  6. package/TreeListToolbar.mjs +26 -0
  7. package/cells/EditCells/TreeListBooleanEditor.js +8 -0
  8. package/cells/EditCells/TreeListBooleanEditor.mjs +55 -0
  9. package/cells/EditCells/TreeListDateEditor.js +8 -0
  10. package/cells/EditCells/TreeListDateEditor.mjs +54 -0
  11. package/cells/EditCells/TreeListNumericEditor.js +8 -0
  12. package/cells/EditCells/TreeListNumericEditor.mjs +53 -0
  13. package/cells/EditCells/TreeListTextEditor.js +8 -0
  14. package/cells/EditCells/TreeListTextEditor.mjs +53 -0
  15. package/cells/FilterCells/TreeListBooleanFilter.js +8 -0
  16. package/cells/FilterCells/TreeListBooleanFilter.mjs +26 -0
  17. package/cells/FilterCells/TreeListDateFilter.js +8 -0
  18. package/cells/FilterCells/TreeListDateFilter.mjs +26 -0
  19. package/cells/FilterCells/TreeListNumericFilter.js +8 -0
  20. package/cells/FilterCells/TreeListNumericFilter.mjs +26 -0
  21. package/cells/FilterCells/TreeListTextFilter.js +8 -0
  22. package/cells/FilterCells/TreeListTextFilter.mjs +26 -0
  23. package/cells/FilterCells/utils.js +8 -0
  24. package/cells/FilterCells/utils.mjs +59 -0
  25. package/cells/TreeListCell.js +8 -0
  26. package/cells/TreeListCell.mjs +71 -0
  27. package/cells/TreeListSelectionCell.js +8 -0
  28. package/cells/TreeListSelectionCell.mjs +47 -0
  29. package/constants/index.js +8 -0
  30. package/constants/index.mjs +15 -0
  31. package/dist/cdn/js/kendo-react-treelist.js +8 -5
  32. package/header/TreeListHeaderCell.js +8 -0
  33. package/header/TreeListHeaderCell.mjs +14 -0
  34. package/header/TreeListHeaderSelectionCell.js +8 -0
  35. package/header/TreeListHeaderSelectionCell.mjs +25 -0
  36. package/index.d.mts +1139 -5
  37. package/index.d.ts +1139 -38
  38. package/index.js +8 -5
  39. package/index.mjs +66 -1184
  40. package/messages/index.js +8 -0
  41. package/messages/index.mjs +59 -0
  42. package/package-metadata.js +8 -0
  43. package/package-metadata.mjs +19 -0
  44. package/package.json +8 -8
  45. package/rows/TreeListDraggableRow.js +8 -0
  46. package/rows/TreeListDraggableRow.mjs +130 -0
  47. package/rows/TreeListRow.js +8 -0
  48. package/rows/TreeListRow.mjs +47 -0
  49. package/utils/index.js +8 -0
  50. package/utils/index.mjs +46 -0
  51. package/ScrollMode.d.ts +0 -5
  52. package/TreeList.d.ts +0 -137
  53. package/TreeListNoRecords.d.ts +0 -16
  54. package/TreeListToolbar.d.ts +0 -15
  55. package/cells/EditCells/TreeListBooleanEditor.d.ts +0 -11
  56. package/cells/EditCells/TreeListDateEditor.d.ts +0 -11
  57. package/cells/EditCells/TreeListNumericEditor.d.ts +0 -12
  58. package/cells/EditCells/TreeListTextEditor.d.ts +0 -11
  59. package/cells/FilterCells/TreeListBooleanFilter.d.ts +0 -14
  60. package/cells/FilterCells/TreeListDateFilter.d.ts +0 -14
  61. package/cells/FilterCells/TreeListNumericFilter.d.ts +0 -14
  62. package/cells/FilterCells/TreeListTextFilter.d.ts +0 -14
  63. package/cells/FilterCells/utils.d.ts +0 -42
  64. package/cells/TreeListCell.d.ts +0 -9
  65. package/cells/TreeListSelectionCell.d.ts +0 -11
  66. package/constants/index.d.ts +0 -10
  67. package/header/TreeListHeaderCell.d.ts +0 -7
  68. package/header/TreeListHeaderSelectionCell.d.ts +0 -15
  69. package/interfaces/DataItemWrapper.d.ts +0 -14
  70. package/interfaces/TreeListCellProps.d.ts +0 -45
  71. package/interfaces/TreeListColumnProps.d.ts +0 -45
  72. package/interfaces/TreeListFilterCellProps.d.ts +0 -10
  73. package/interfaces/TreeListFilterOperator.d.ts +0 -10
  74. package/interfaces/TreeListHeaderCellProps.d.ts +0 -10
  75. package/interfaces/TreeListNoRecordsProps.d.ts +0 -13
  76. package/interfaces/TreeListProps.d.ts +0 -241
  77. package/interfaces/TreeListRowProps.d.ts +0 -96
  78. package/interfaces/TreeListSelectableSettings.d.ts +0 -22
  79. package/interfaces/TreeListSortSettings.d.ts +0 -13
  80. package/interfaces/TreeListToolbarProps.d.ts +0 -13
  81. package/interfaces/events.d.ts +0 -269
  82. package/messages/index.d.ts +0 -124
  83. package/package-metadata.d.ts +0 -9
  84. package/rows/TreeListDraggableRow.d.ts +0 -36
  85. package/rows/TreeListRow.d.ts +0 -10
  86. package/utils/index.d.ts +0 -21
package/index.mjs CHANGED
@@ -1,1187 +1,69 @@
1
- /**-----------------------------------------------------------------------------------------
2
- * Copyright © 2024 Progress Software Corporation. All rights reserved.
3
- * Licensed under commercial license. See LICENSE.md in the package root for more information
4
- *-------------------------------------------------------------------------------------------*/
1
+ /**
2
+ * @license
3
+ *-------------------------------------------------------------------------------------------
4
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
5
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
6
+ *-------------------------------------------------------------------------------------------
7
+ */
5
8
  "use client";
6
- import * as l from "react";
7
- import c from "prop-types";
8
- import { getNestedValue as v, Keys as Fe, IconWrap as ae, classNames as I, memoizeOne as J, validatePackage as Ae, noop as Q, canUseDOM as $, getter as Me, useId as ne, guid as Pe, Draggable as ze } from "@progress/kendo-react-common";
9
- import { getNestedValue as Qt, mapTree as Zt, mapTreeItem as ea } from "@progress/kendo-react-common";
10
- import { TABLE_ROW_INDEX_ATTRIBUTE as He, TABLE_COL_INDEX_ATTRIBUTE as Be, TABLE_PREVENT_SELECTION_ELEMENT as Ke, useTableKeyboardNavigation as T, readColumns as _e, mapColumns as qe, tableKeyboardNavigation as D, getSelectionOptions as Z, CommonDragLogic as Ve, ColumnResize as Ue, tableKeyboardNavigationTools as ee, Header as We, HeaderRow as Xe, tableColumnsVirtualization as Ge, TableKeyboardNavigationContext as oe, tableKeyboardNavigationScopeAttributes as $e, TableSelection as je, tableKeyboardNavigationBodyAttributes as Ye, DropClue as Je, DragClue as Qe, flatData as Ze, FilterRow as et, HeaderCell as tt, HeaderSelectionCell as at, TextFilterCell as nt, NumericFilterCell as ot, DateFilterCell as lt, BooleanFilterCell as rt } from "@progress/kendo-react-data-tools";
11
- import { createDataTree as aa, extendDataItem as na, filterBy as oa, flatData as la, getItemPath as ra, getSelectedState as ia, getSelectedStateFromKeyDown as sa, modifySubItems as ca, moveTreeItem as da, orderBy as ha, removeItems as ga, setSelectedState as ua, treeToFlat as ma } from "@progress/kendo-react-data-tools";
12
- import { useInternationalization as it, provideLocalizationService as st, registerForLocalization as ct, useLocalization as z } from "@progress/kendo-react-intl";
13
- import { caretAltDownIcon as dt, caretAltRightIcon as ht, plusIcon as gt, cancelIcon as ut } from "@progress/kendo-svg-icons";
14
- import * as mt from "react-dom";
15
- import { NumericTextBox as ft } from "@progress/kendo-react-inputs";
16
- import { DatePicker as pt } from "@progress/kendo-react-dateinputs";
17
- function Ct(e) {
18
- return e !== void 0 && (typeof e == "number" || /px$/i.test(String(e)));
19
- }
20
- function vt(e, r, t) {
21
- const a = Array.from(e.tHead && e.tHead.rows || []), n = [r];
22
- let o;
23
- const i = t || ((s) => window.getComputedStyle(s).height || void 0);
24
- a.forEach((s) => {
25
- let d = i(s);
26
- n.push(Ct(d) ? parseFloat(String(d)) : s.offsetHeight);
27
- });
28
- for (let s = 0; s < a.length; s++)
29
- o = n.slice(0, s + 1).reduce((d, g) => d + g), Array.from(a[s].cells).forEach((d) => d.style.top = o + "px");
30
- }
31
- const U = 1e6;
32
- function xt(e) {
33
- const { rows: r, tableViewPortHeight: t, scrollTop: a } = e;
34
- if (r.length === 0)
35
- return [];
36
- const n = r[0].height, o = Math.min(Math.round(a / n), r.length), i = Math.round(t / n), s = Math.max(0, o - i), d = Math.min(r.length, o + 2 * i), g = r.slice(s, d), m = g[g.length - 1];
37
- return s > 0 && g.unshift({
38
- dataItem: {},
39
- level: [U],
40
- offsetTop: 0,
41
- height: g[0].offsetTop,
42
- levelCount: 0
43
- }), d < r.length - 1 && g.push({
44
- dataItem: {},
45
- level: [U, U],
46
- offsetTop: m.offsetTop + m.height,
47
- height: (r.length - d) * n,
48
- levelCount: 0
49
- }), g;
50
- }
51
- const bt = He, L = Be, Et = Ke, le = (e) => {
52
- const { hasChildren: r, level: t = [0], expanded: a, dataItem: n, format: o, id: i, ariaColumnIndex: s, isSelected: d } = e, g = v(e.field, n), m = it(), C = T(i);
53
- let S = "";
54
- const w = l.useCallback(
55
- (E) => {
56
- E.isDefaultPrevented() || E.keyCode === Fe.enter && e.expandable && (E.preventDefault(), e.onExpandChange(E, n, t));
57
- },
58
- [e.expandable, n, t]
59
- );
60
- g != null && (S = o ? m.format(o, g) : g.toString());
61
- const x = [];
62
- if (e.expandable) {
63
- const E = (f) => /* @__PURE__ */ l.createElement("span", { key: f, className: "k-treelist-toggle k-icon k-svg-icon" }, /* @__PURE__ */ l.createElement("svg", { "aria-hidden": "true", focusable: "false", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24" }));
64
- x.push(...t.slice(1).map((f, F) => E(F))), r ? x.push(
65
- /* @__PURE__ */ l.createElement(
66
- ae,
67
- {
68
- className: "k-treelist-toggle",
69
- name: a ? "caret-alt-down" : "caret-alt-right",
70
- icon: a ? dt : ht,
71
- key: "expand-collapse",
72
- onClick: (f) => e.onExpandChange(f.syntheticEvent || f, n, t),
73
- [Et]: !0
74
- }
75
- )
76
- ) : x.push(E(x.length));
77
- }
78
- const O = /* @__PURE__ */ l.createElement(
79
- "td",
80
- {
81
- style: e.style,
82
- className: I(
83
- "k-table-td",
84
- e.className,
85
- {
86
- "k-text-nowrap": e.expandable,
87
- "k-selected": d
88
- }
89
- ),
90
- colSpan: e.colSpan,
91
- "aria-colindex": s,
92
- "aria-expanded": r ? a : void 0,
93
- "aria-selected": d,
94
- role: "gridcell",
95
- onKeyDown: w,
96
- [L]: e.colIndex,
97
- ...C
98
- },
99
- x,
100
- S
101
- );
102
- return e.render ? e.render.call(void 0, O, e) : O;
103
- };
104
- le.displayName = "KendoReactTreeListCell";
105
- const W = "treelist.filterClearButton", H = "treelist.filterEqOperator", B = "treelist.filterNotEqOperator", K = "treelist.filterIsNullOperator", _ = "treelist.filterIsNotNullOperator", re = "treelist.filterIsEmptyOperator", ie = "treelist.filterIsNotEmptyOperator", se = "treelist.filterStartsWithOperator", ce = "treelist.filterContainsOperator", de = "treelist.filterNotContainsOperator", he = "treelist.filterEndsWithOperator", ge = "treelist.filterGteOperator", ue = "treelist.filterGtOperator", me = "treelist.filterLteOperator", fe = "treelist.filterLtOperator", pe = "treelist.filterIsTrue", Ce = "treelist.filterIsFalse", ve = "treelist.filterBooleanAll", xe = "treelist.filterAfterOrEqualOperator", be = "treelist.filterAfterOperator", Ee = "treelist.filterBeforeOperator", Ie = "treelist.filterBeforeOrEqualOperator", X = "treelist.noRecords", G = {
106
- [W]: "Clear",
107
- [H]: "Is equal to",
108
- [B]: "Is not equal to",
109
- [K]: "Is null",
110
- [_]: "Is not null",
111
- [re]: "Is empty",
112
- [ie]: "Is not empty",
113
- [se]: "Starts with",
114
- [ce]: "Contains",
115
- [de]: "Does not contain",
116
- [he]: "Ends with",
117
- [ge]: "Is greater than or equal to",
118
- [ue]: "Is greater than",
119
- [me]: "Is less than or equal to",
120
- [fe]: "Is less than",
121
- [pe]: "Is true",
122
- [Ce]: "Is false",
123
- [ve]: "(All)",
124
- [xe]: "Is after or equal to",
125
- [be]: "Is after",
126
- [Ee]: "Is before",
127
- [Ie]: "Is before or equal to",
128
- [X]: "No records available"
129
- };
130
- class Se extends l.Component {
131
- /**
132
- * @hidden
133
- */
134
- render() {
135
- return this.props.children || st(this).toLanguageString(X, G[X]);
136
- }
137
- }
138
- ct(Se);
139
- const j = l.forwardRef((e, r) => {
140
- const { isSelected: t, rowHeight: a, isAltRow: n, expanded: o, ariaRowIndex: i, level: s, ariaSetSize: d, ariaPosInSet: g } = e, m = I(
141
- "k-table-row",
142
- "k-master-row",
143
- {
144
- "k-selected": t,
145
- "k-alt": n
146
- }
147
- ), C = l.useMemo(
148
- () => a !== void 0 ? { height: a + "px" } : void 0,
149
- [a]
150
- ), S = /* @__PURE__ */ l.createElement(
151
- "tr",
152
- {
153
- onClick: e.onClick,
154
- onDoubleClick: e.onDoubleClick,
155
- onContextMenu: e.onContextMenu,
156
- className: m,
157
- style: C,
158
- ref: r,
159
- "aria-expanded": o,
160
- role: "row",
161
- "aria-rowindex": i,
162
- "aria-level": s.length,
163
- "aria-posinset": g,
164
- "aria-setsize": d,
165
- [bt]: e.rowIndex
166
- },
167
- e.children
168
- );
169
- return /* @__PURE__ */ l.createElement(l.Fragment, null, e.render ? e.render.call(void 0, S, e) : S);
170
- });
171
- j.displayName = "KendoReactTreeListRow";
172
- const It = {
173
- name: "@progress/kendo-react-treelist",
174
- productName: "KendoReact",
175
- productCodes: ["KENDOUIREACT", "KENDOUICOMPLETE"],
176
- publishDate: 1709631982,
177
- version: "",
178
- licensingDocsUrl: "https://www.telerik.com/kendo-react-ui/components/my-license/"
179
- };
180
- class we extends l.Component {
181
- constructor(r) {
182
- super(r), this.wrapperScrollLeft = 0, this.wrapperScrollTop = 0, this.updateOnScroll = !1, this.tbodyOffsetTop = 0, this.prevData = [], this.flattedData = [], this.extendedColumn = [], this.columnsMap = [], this.element = null, this.contextStateRef = { current: void 0 }, this.navigationStateRef = { current: void 0 }, this.scrollIntoView = (t) => {
183
- if (!this.element)
184
- return;
185
- const { rowIndex: a = 0 } = t, { scrollable: n, rowHeight: o = 0 } = this.props;
186
- if (n === "virtual" || o)
187
- this.element.scroll(0, (a - 1) * o);
188
- else {
189
- const i = this.element.querySelector(`tbody > tr:nth-child(${a})`);
190
- if (i) {
191
- const s = i.offsetTop - this.tbodyOffsetTop;
192
- this.element.scroll(0, s);
193
- }
194
- }
195
- }, this.getExtendedColumn = J(
196
- (t, a) => _e(t, { prevId: 0, idPrefix: a })
197
- ), this.getColumnsMap = J(
198
- (t) => qe(t)
199
- ), this.onKeyDown = (t) => {
200
- if (D.onKeyDown(t, {
201
- contextStateRef: this.contextStateRef,
202
- navigationStateRef: this.navigationStateRef
203
- }), this.props.onKeyDown) {
204
- const { mode: a, cell: n } = Z(this.props.selectable), o = {
205
- dataItems: this.getLeafDataItems(),
206
- mode: a,
207
- cell: n,
208
- componentId: this._treeListId,
209
- selectedField: this.props.selectedField,
210
- ...this.getArguments(t)
211
- };
212
- this.props.onKeyDown.call(void 0, o);
213
- }
214
- }, this.onFocus = (t) => {
215
- D.onFocus(t, {
216
- contextStateRef: this.contextStateRef
217
- });
218
- }, this.onRowDrag = (t) => {
219
- this.props.onRowDrag && this.props.onRowDrag.call(void 0, { ...t, target: this });
220
- }, this.onRowDrop = (t) => {
221
- this.props.onRowDrop && this.props.onRowDrop.call(void 0, { ...t, target: this });
222
- }, this.columnReorder = (t, a, n) => {
223
- const o = this.extendedColumn[t].depth, i = (d) => {
224
- do
225
- d++;
226
- while (d < this.extendedColumn.length && this.extendedColumn[d].depth > o);
227
- return d;
228
- }, s = this.extendedColumn.splice(t, i(t) - t);
229
- if (this.extendedColumn.splice(t < a ? i(a - s.length) : a, 0, ...s), this.extendedColumn.filter((d) => d.declarationIndex >= 0).forEach((d, g) => d.orderIndex = g), this.props.onColumnReorder) {
230
- const d = {
231
- target: this,
232
- columns: this.columns,
233
- nativeEvent: n
234
- };
235
- this.props.onColumnReorder.call(void 0, d);
236
- }
237
- }, this.onResize = (t, a, n, o, i) => {
238
- if (this.props.onColumnResize) {
239
- const s = this.extendedColumn.filter((g) => g.children.length === 0).reduce((g, m) => g += parseFloat(String(m.width)), 0), d = {
240
- columns: this.columns,
241
- totalWidth: s,
242
- index: t,
243
- nativeEvent: o,
244
- newWidth: a,
245
- oldWidth: n,
246
- end: i,
247
- target: this
248
- };
249
- this.props.onColumnResize.call(void 0, d);
250
- }
251
- }, this.handleOnScroll = (t) => {
252
- const a = t.currentTarget.scrollLeft, n = t.currentTarget.scrollTop, { columnVirtualization: o, scrollable: i, rowHeight: s = 0 } = this.props, d = s, g = 0;
253
- let m = !1;
254
- o && Math.abs(this.wrapperScrollLeft - a) > g && (this.wrapperScrollLeft = a, m = !0), i === "virtual" && Math.abs(this.wrapperScrollTop - n) > d && (this.wrapperScrollTop = n, m = !0), m && (this.updateOnScroll = !0, this.forceUpdate());
255
- }, this.calculateSizes = (t) => {
256
- if (!t || this.props.scrollable === "none")
257
- return;
258
- const a = Array.from(t.childNodes), n = a.find((s) => s.nodeName === "TABLE"), o = this.props.toolbar && a.find((s) => s.nodeType === 1 && s.classList.contains("k-grid-toolbar"));
259
- let i = 0;
260
- if (o) {
261
- const s = o.style.boxSizing;
262
- o.style.boxSizing = "border-box", i = parseFloat(String(window.getComputedStyle(o).height)) || o.offsetHeight, o.style.boxSizing = s, o.getAttribute("style") || o.removeAttribute("style");
263
- }
264
- this.tbodyOffsetTop = n.tBodies[0].offsetTop, vt(n, i);
265
- }, this.itemChange = (t) => {
266
- const a = this.props.onItemChange;
267
- if (t.field === this.props.expandField) {
268
- const n = this.props.onExpandChange;
269
- if (n) {
270
- const o = {
271
- ...this.getArguments(t.syntheticEvent),
272
- dataItem: t.dataItem,
273
- level: t.level,
274
- value: t.value
275
- };
276
- n.call(void 0, o);
277
- }
278
- return;
279
- }
280
- if (a) {
281
- const n = {
282
- ...this.getArguments(t.syntheticEvent),
283
- dataItem: t.dataItem,
284
- level: t.level,
285
- field: t.field,
286
- value: t.value
287
- };
288
- a.call(void 0, n);
289
- }
290
- }, this.onHeaderSelectionChange = (t) => {
291
- if (this.props.onHeaderSelectionChange) {
292
- const a = {
293
- field: t.field,
294
- nativeEvent: t.syntheticEvent && t.syntheticEvent.nativeEvent,
295
- syntheticEvent: t.syntheticEvent,
296
- target: this,
297
- dataItems: this.getLeafDataItems()
298
- };
299
- this.props.onHeaderSelectionChange.call(void 0, a);
300
- }
301
- }, this.selectionRelease = (t) => {
302
- if (this.props.onSelectionChange) {
303
- const a = {
304
- syntheticEvent: void 0,
305
- target: this,
306
- selectedField: this.props.selectedField || "",
307
- componentId: this._treeListId,
308
- dataItems: this.getLeafDataItems(),
309
- dataItem: null,
310
- level: [],
311
- ...t
312
- };
313
- this.props.onSelectionChange.call(void 0, a);
314
- }
315
- }, this.sortChange = (t, a, n) => {
316
- this.raiseDataEvent(this.props.onSortChange, { sort: a, field: n }, t);
317
- }, this.headerFilterChange = (t, a, n) => {
318
- this.raiseDataEvent(this.props.onFilterChange, { filter: a, field: n }, t);
319
- }, this.filterChange = (t) => {
320
- const { filter: a, field: n } = t;
321
- this.raiseDataEvent(this.props.onFilterChange, { filter: a, field: n }, t.syntheticEvent);
322
- }, this.columnMenuFilterChange = (t, a, n) => {
323
- const { onColumnMenuFilterChange: o } = this.props;
324
- if (!o)
325
- return;
326
- const i = {
327
- syntheticEvent: t,
328
- filter: a,
329
- field: n,
330
- target: this,
331
- nativeEvent: t.nativeEvent
332
- };
333
- o.call(void 0, i);
334
- }, this.expandChange = (t, a, n) => {
335
- const { expandField: o, onExpandChange: i } = this.props;
336
- if (o && i) {
337
- const s = {
338
- ...this.getArguments(t),
339
- dataItem: a,
340
- level: n,
341
- value: this.expanded(a)
342
- };
343
- i.call(void 0, s);
344
- }
345
- }, this.rowClick = (t, a) => {
346
- if (this.props.onRowClick && t.target.nodeName === "TD") {
347
- const n = {
348
- dataItem: a.dataItem,
349
- level: a.level,
350
- ...this.getArguments(t)
351
- };
352
- this.props.onRowClick.call(void 0, n);
353
- }
354
- }, this.rowDoubleClick = (t, a) => {
355
- if (this.props.onRowDoubleClick && t.target.nodeName === "TD") {
356
- const n = {
357
- dataItem: a.dataItem,
358
- level: a.level,
359
- ...this.getArguments(t)
360
- };
361
- this.props.onRowDoubleClick.call(void 0, n);
362
- }
363
- }, this.rowContextMenu = (t, a) => {
364
- if (this.props.onRowContextMenu && t.target.nodeName === "TD") {
365
- const n = {
366
- dataItem: a.dataItem,
367
- level: a.level,
368
- ...this.getArguments(t)
369
- };
370
- this.props.onRowContextMenu.call(void 0, n);
371
- }
372
- }, this.onPageChange = (t) => {
373
- if (this.props.onPageChange) {
374
- const a = {
375
- ...this.getArguments(t.syntheticEvent),
376
- skip: t.skip,
377
- take: t.take
378
- };
379
- this.props.onPageChange.call(void 0, a);
380
- }
381
- }, this.expandedSubItems = (t) => {
382
- const a = [];
383
- return this.expanded(t) && this.hasChildren(t) && a.push(...v(this.props.subItemsField, t)), a;
384
- }, this.getLeafDataItems = () => this.flatData.map((t) => t.dataItem), this.expanded = (t) => !!v(this.props.expandField, t), this.hasChildren = (t) => !!v(this.props.subItemsField, t), Ae(It), this.dragLogic = new Ve(this.columnReorder, Q, Q), this.columnResize = new Ue(this.onResize.bind(this)), D.onConstructor({
385
- navigatable: !!r.navigatable,
386
- contextStateRef: this.contextStateRef,
387
- navigationStateRef: this.navigationStateRef
388
- });
389
- }
390
- get _treeListId() {
391
- return this.props.id + "-treelist";
392
- }
393
- get document() {
394
- if ($)
395
- return this.element && this.element.ownerDocument || document;
396
- }
397
- /**
398
- * @hidden
399
- */
400
- componentDidMount() {
401
- this.calculateSizes(this.element), D.onComponentDidMount({
402
- scope: this.element || void 0,
403
- contextStateRef: this.contextStateRef,
404
- navigationStateRef: this.navigationStateRef
405
- });
406
- }
407
- /**
408
- * @hidden
409
- */
410
- getSnapshotBeforeUpdate() {
411
- return D.onGetSnapshotBeforeUpdate({
412
- document: this.document,
413
- contextStateRef: this.contextStateRef,
414
- navigationStateRef: this.navigationStateRef
415
- }), null;
416
- }
417
- /**
418
- * @hidden
419
- */
420
- componentDidUpdate(r) {
421
- r.columns !== this.props.columns && this.calculateSizes(this.element), D.onComponentDidUpdate({
422
- scope: this.element || void 0,
423
- contextStateRef: this.contextStateRef,
424
- navigationStateRef: this.navigationStateRef
425
- });
426
- }
427
- /**
428
- * @hidden
429
- */
430
- componentWillUnmount() {
431
- this.columnsMap = [], this.prevData = [], this.flattedData = [], this.updateOnScroll = !1, this.getExtendedColumn.clear(), this.getColumnsMap.clear();
432
- }
433
- /**
434
- * @hidden
435
- */
436
- render() {
437
- const {
438
- columns: r = [],
439
- filterRow: t,
440
- scrollable: a = "scrollable",
441
- resizable: n = !1,
442
- reorderable: o = !1,
443
- skip: i,
444
- take: s
445
- } = this.props, d = r.some((h) => !!h.filter || !!h.filterCell) || t !== void 0, g = t || et, m = ee.getIdPrefix(this.navigationStateRef);
446
- this.extendedColumn = this.getExtendedColumn(r, m), this.columnsMap = this.getColumnsMap(this.extendedColumn);
447
- const C = this.extendedColumn.filter((h) => h.children.length === 0);
448
- this.columnResize.columns = this.extendedColumn, this.columnResize.resizable = n, this.dragLogic.columns = this.extendedColumn, this.dragLogic.reorderable = o, this.dragLogic.groupable = !1;
449
- const S = /* @__PURE__ */ l.createElement(
450
- We,
451
- {
452
- headerRow: /* @__PURE__ */ l.createElement(
453
- Xe,
454
- {
455
- sort: this.props.sort,
456
- sortable: this.props.sortable,
457
- sortChange: this.sortChange,
458
- selectionChange: this.onHeaderSelectionChange,
459
- columns: this.extendedColumn,
460
- columnsMap: this.columnsMap,
461
- cellRender: this.props.headerCellRender,
462
- columnResize: this.columnResize,
463
- columnMenu: this.props.columnMenu,
464
- columnMenuFilter: this.props.columnMenuFilter,
465
- columnMenuFilterChange: this.columnMenuFilterChange,
466
- pressHandler: this.dragLogic.pressHandler,
467
- dragHandler: this.dragLogic.dragHandler,
468
- releaseHandler: this.dragLogic.releaseHandler,
469
- filterChange: this.headerFilterChange
470
- }
471
- ),
472
- filterRow: d && /* @__PURE__ */ l.createElement(
473
- g,
474
- {
475
- columns: C,
476
- filter: this.props.filter,
477
- filterChange: this.filterChange,
478
- sort: this.props.sort,
479
- ariaRowIndex: this.columnsMap.length + 1
480
- }
481
- ) || void 0,
482
- columnResize: this.columnResize
483
- }
484
- ), w = this.props.style || {}, { colSpans: x, hiddenColumns: O } = Ge({
485
- enabled: this.props.columnVirtualization,
486
- columns: C,
487
- scrollLeft: this.wrapperScrollLeft,
488
- tableViewPortWidth: parseFloat((w.width || "").toString())
489
- }), E = (h, b, A, M, P, N) => C.map((u, p) => {
490
- if (O[p])
491
- return null;
492
- const R = u.id ? u.id : p, V = `${u.className ? u.className + " " : ""}${u.locked ? "k-grid-content-sticky" : ""}`, k = {
493
- id: ee.generateNavigatableId(`${A}-${String(p)}`, m),
494
- colSpan: x[p],
495
- dataItem: h.dataItem,
496
- field: u.field,
497
- format: u.format,
498
- className: V || void 0,
499
- render: this.props.cellRender,
500
- onChange: this.itemChange,
501
- selectionChange: this.props.onSelectionChange ? (y) => {
502
- this.selectionChange({ event: y, item: h, columnIndex: p, dataIndex: P });
503
- } : void 0,
504
- level: h.level,
505
- expandable: u.expandable,
506
- expanded: M,
507
- hasChildren: this.hasChildren(h.dataItem),
508
- onExpandChange: this.expandChange,
509
- colIndex: p,
510
- ariaColumnIndex: u.ariaColumnIndex,
511
- style: u.left !== void 0 && {
512
- left: u.left,
513
- right: u.right,
514
- borderRightWidth: u.rightBorder ? "1px" : ""
515
- } || {},
516
- isSelected: Array.isArray(N) && N.indexOf(p) > -1
517
- };
518
- return b && u.editCell ? /* @__PURE__ */ l.createElement(u.editCell, { key: R, ...k, onChange: this.itemChange }) : u.cell ? /* @__PURE__ */ l.createElement(u.cell, { key: R, ...k }) : /* @__PURE__ */ l.createElement(le, { key: R, ...k });
519
- });
520
- let f = this.flatData;
521
- const F = f.length;
522
- i !== void 0 && s !== void 0 && (f = f.slice(i, i + s)), a === "virtual" && (f = xt({
523
- rows: f,
524
- tableViewPortHeight: parseFloat((w.height || w.maxHeight || "").toString()),
525
- scrollTop: this.wrapperScrollTop
526
- }), this.updateOnScroll = !1);
527
- const Re = f.map((h) => h.level), ke = this.columnsMap.length + (d ? 1 : 0) + 1, De = f.length > 0 && f.map((h, b) => {
528
- const A = v(this.props.editField, h.dataItem), M = this.props.dataItemKey && Me(this.props.dataItemKey)(h.dataItem), P = String(M || h.level.join(".")), N = this.expanded(h.dataItem), u = this.props.selectedField ? v(this.props.selectedField, h.dataItem) : void 0, p = {
529
- key: P,
530
- level: h.level,
531
- levels: Re,
532
- dataItem: h.dataItem,
533
- selectedField: this.props.selectedField,
534
- rowHeight: a === "virtual" ? h.height : this.props.rowHeight,
535
- render: this.props.rowRender,
536
- onDrop: this.onRowDrop,
537
- onDrag: this.onRowDrag,
538
- onClick: (y) => this.rowClick(y, h),
539
- onDoubleClick: (y) => this.rowDoubleClick(y, h),
540
- onContextMenu: (y) => this.rowContextMenu(y, h),
541
- isAltRow: b % 2 !== 0,
542
- expanded: N,
543
- rowIndex: b,
544
- ariaRowIndex: ke + b,
545
- ariaSetSize: h.levelCount,
546
- ariaPosInSet: h.level[h.level.length - 1] + 1,
547
- isSelected: typeof u == "boolean" && u
548
- }, R = this.props.editRow, V = this.props.row || j, k = E(h, A, P, N, b, u);
549
- return A && R ? /* @__PURE__ */ l.createElement(R, { ...p, key: p.key }, k) : /* @__PURE__ */ l.createElement(V, { ...p, key: p.key }, k);
550
- }) || /* @__PURE__ */ l.createElement("tr", { className: "k-table-row k-grid-norecords" }, /* @__PURE__ */ l.createElement("td", { colSpan: C.length }, this.props.noRecords || /* @__PURE__ */ l.createElement(Se, null))), Te = (h) => this.props.sort && this.props.sort.some((b) => b.field === h), Ne = /* @__PURE__ */ l.createElement("colgroup", { ref: (h) => {
551
- this.columnResize.colGroupMain = h;
552
- } }, C.map(
553
- (h, b) => /* @__PURE__ */ l.createElement(
554
- "col",
555
- {
556
- key: b.toString(),
557
- className: Te(h.field) ? "k-sorted" : void 0,
558
- style: h.width !== void 0 ? { width: h.width } : void 0
559
- }
560
- )
561
- )), Le = this.props.columnVirtualization || this.props.scrollable === "virtual", Oe = this.props.selectable && this.props.selectable.drag ? "none" : void 0, Y = this.props.tableProps || {};
562
- return /* @__PURE__ */ l.createElement(oe.Provider, { value: this.contextStateRef.current }, /* @__PURE__ */ l.createElement(
563
- "div",
564
- {
565
- id: this.props.id,
566
- style: this.props.style,
567
- className: I(
568
- "k-grid k-grid-md",
569
- "k-treelist",
570
- this.props.className,
571
- { "k-treelist-scrollable": a !== "none" }
572
- ),
573
- ref: (h) => this.element = h,
574
- onScroll: Le ? this.handleOnScroll : void 0,
575
- onKeyDown: this.onKeyDown,
576
- onFocus: this.onFocus,
577
- "aria-rowcount": F,
578
- "aria-colcount": C.length,
579
- role: "treegrid",
580
- ...$e
581
- },
582
- this.props.toolbar,
583
- /* @__PURE__ */ l.createElement(
584
- je,
585
- {
586
- selectable: this.props.selectable,
587
- onRelease: this.selectionRelease
588
- },
589
- /* @__PURE__ */ l.createElement(
590
- "table",
591
- {
592
- className: "k-table k-table-md k-grid-table",
593
- ...Y,
594
- style: { ...Y.style || {}, userSelect: Oe },
595
- role: "presentation"
596
- },
597
- Ne,
598
- S,
599
- /* @__PURE__ */ l.createElement("tbody", { className: "k-table-tbody", ...Ye, role: "presentation" }, De)
600
- )
601
- ),
602
- this.props.pager && /* @__PURE__ */ l.createElement(
603
- this.props.pager,
604
- {
605
- className: "k-grid-pager",
606
- total: F,
607
- skip: i,
608
- take: s,
609
- onPageChange: this.onPageChange
610
- }
611
- ),
612
- o && /* @__PURE__ */ l.createElement(l.Fragment, null, /* @__PURE__ */ l.createElement(Je, { ref: this.dragLogic.refDropElementClue }), /* @__PURE__ */ l.createElement(Qe, { ref: this.dragLogic.refDragElementClue }))
613
- ));
614
- }
615
- get columns() {
616
- const r = this.extendedColumn.filter((a) => a.declarationIndex >= 0 && a.parentIndex === -1), t = (a) => (a.sort((n, o) => n.declarationIndex - o.declarationIndex), a.map((n) => {
617
- const {
618
- declarationIndex: o,
619
- parentIndex: i,
620
- depth: s,
621
- colSpan: d,
622
- rowSpan: g,
623
- index: m,
624
- kFirst: C,
625
- groupable: S,
626
- children: w,
627
- ...x
628
- } = n;
629
- return w.length ? {
630
- children: t(w),
631
- ...x
632
- } : x;
633
- }));
634
- return t(r);
635
- }
636
- get flatData() {
637
- const { data: r = [], rowHeight: t = 0 } = this.props;
638
- let a = 0;
639
- const n = (i) => {
640
- const s = { height: t, offsetTop: a };
641
- return a += s.height, s;
642
- };
643
- let o = this.updateOnScroll && this.prevData === r && this.tbodyOffsetTop > 0 && this.flattedData.length ? this.flattedData : Ze(r, this.expandedSubItems, n);
644
- return this.prevData = r, this.flattedData = o, o;
645
- }
646
- selectionChange(r) {
647
- if (this.props.onSelectionChange) {
648
- const { event: t, item: a, dataIndex: n, columnIndex: o } = r, { mode: i, cell: s } = Z(this.props.selectable), d = {
649
- ...this.getArguments(t.syntheticEvent),
650
- dataItem: a.dataItem,
651
- level: a.level,
652
- startColIndex: o,
653
- endColIndex: o,
654
- startRowIndex: n,
655
- endRowIndex: n,
656
- dataItems: this.getLeafDataItems(),
657
- altKey: !1,
658
- ctrlKey: !1,
659
- shiftKey: !1,
660
- metaKey: !1,
661
- mode: i,
662
- cell: s,
663
- isDrag: !1,
664
- componentId: this._treeListId,
665
- selectedField: this.props.selectedField || ""
666
- };
667
- this.props.onSelectionChange.call(void 0, d);
668
- }
669
- }
670
- raiseDataEvent(r, t, a) {
671
- const n = this.props.onDataStateChange;
672
- if (r)
673
- r.call(void 0, { ...this.getArguments(a), ...t });
674
- else if (n) {
675
- const o = {
676
- ...this.getArguments(a),
677
- dataState: { ...this.getDataState(), ...t }
678
- };
679
- n.call(void 0, o);
680
- }
681
- }
682
- getDataState() {
683
- return {
684
- filter: this.props.filter,
685
- sort: this.props.sort
686
- };
687
- }
688
- getArguments(r) {
689
- return {
690
- nativeEvent: r && r.nativeEvent,
691
- syntheticEvent: r,
692
- target: this
693
- };
694
- }
695
- }
696
- we.propTypes = {
697
- data: c.array,
698
- resizable: c.bool,
699
- reorderable: c.bool,
700
- sortable: c.oneOfType([
701
- c.bool,
702
- c.shape({
703
- mode: c.oneOf(["single", "multiple"]),
704
- allowUnsort: c.bool
705
- })
706
- ]),
707
- onSortChange: c.func,
708
- sort: c.array,
709
- columns: c.arrayOf(c.object),
710
- columnVirtualization: c.bool,
711
- filter: c.array,
712
- onFilterChange: c.func,
713
- filterRow: c.any,
714
- toolbar: c.any,
715
- noRecords: c.any,
716
- onExpandChange: c.func,
717
- expandField: c.string,
718
- subItemsField: c.string,
719
- selectedField: c.string,
720
- onSelectionChange: c.func,
721
- onHeaderSelectionChange: c.func,
722
- onRowClick: c.func,
723
- onItemChange: c.func,
724
- editField: c.string,
725
- scrollable: c.oneOf(["none", "scrollable", "virtual"]),
726
- rowHeight: c.number,
727
- style: c.object,
728
- tableProps: c.object,
729
- pager: c.any,
730
- skip: c.number,
731
- take: c.number,
732
- onPageChange: c.func,
733
- onDataStateChange: c.func,
734
- onColumnResize: c.func,
735
- onColumnReorder: c.func,
736
- dataItemKey: c.string,
737
- navigatable: c.bool
738
- };
739
- we.contextType = oe;
740
- const qt = (e) => /* @__PURE__ */ l.createElement(tt, { ...e }), St = (e) => {
741
- const r = l.useCallback(
742
- (i) => {
743
- e.selectionChange && e.selectionChange({ syntheticEvent: i });
744
- },
745
- [e.selectionChange]
746
- ), t = ne(), a = v(e.field, e.dataItem), n = T(e.id), o = /* @__PURE__ */ l.createElement(
747
- "td",
748
- {
749
- style: e.style,
750
- className: I(
751
- "k-table-td",
752
- e.className
753
- ),
754
- "aria-colindex": e.ariaColumnIndex,
755
- role: "gridcell",
756
- ...n
757
- },
758
- /* @__PURE__ */ l.createElement(
759
- "input",
760
- {
761
- checked: typeof a == "boolean" && a,
762
- id: t,
763
- type: "checkbox",
764
- className: "k-checkbox k-checkbox-md k-rounded-md",
765
- onChange: r
766
- }
767
- ),
768
- /* @__PURE__ */ l.createElement("label", { className: "k-checkbox-label", htmlFor: t })
769
- );
770
- return e.render ? e.render.call(void 0, o, e) : o;
771
- };
772
- St.displayName = "KendoReactTreeListSelectionCell";
773
- class Vt extends l.Component {
774
- constructor() {
775
- super(...arguments), this._inputId = Pe();
776
- }
777
- /**
778
- * @hidden
779
- */
780
- render() {
781
- return /* @__PURE__ */ l.createElement(at, { inputId: this._inputId, ...this.props });
782
- }
783
- }
784
- const wt = (e) => e.visible && $ ? mt.createPortal(
785
- /* @__PURE__ */ l.createElement(
786
- "div",
787
- {
788
- className: "k-header k-drag-clue",
789
- style: {
790
- display: "block",
791
- position: "absolute",
792
- zIndex: 2e4,
793
- padding: "8px 12px",
794
- top: e.top + "px",
795
- left: e.left + "px"
796
- }
797
- },
798
- /* @__PURE__ */ l.createElement(
799
- ae,
800
- {
801
- className: I(
802
- "k-drag-status"
803
- ),
804
- name: e.allowDrop ? "plus" : "cancel",
805
- icon: e.allowDrop ? gt : ut
806
- }
807
- ),
808
- e.text
809
- ),
810
- document.body
811
- ) : null;
812
- function yt(e, r, t) {
813
- if (!e.originalEvent)
814
- return -1;
815
- let a = ye(e, "tr", t);
816
- if (a) {
817
- const n = r ? r.childNodes : [];
818
- for (let o = 0; o < n.length; o++)
819
- if (n[o] === a)
820
- return o;
821
- }
822
- return -1;
823
- }
824
- function ye(e, r, t) {
825
- let a = t ? t.elementFromPoint(e.clientX, e.clientY) : null;
826
- return r && a ? a.closest(r) : null;
827
- }
828
- const Rt = "k-grid k-grid-md", te = {
829
- visible: !1,
830
- top: 0,
831
- left: 0,
832
- text: "",
833
- allowDrop: !1
834
- };
835
- class Ut extends l.Component {
836
- constructor() {
837
- super(...arguments), this.state = {
838
- clueProps: { ...te }
839
- }, this.draggable = l.createRef(), this.dragged = null, this.draggedOver = null, this.onPress = () => this.dragged = this.props.level, this.onDrag = (r) => {
840
- if (!$)
841
- return;
842
- const t = this.draggable.current && this.draggable.current.element, a = t ? t.ownerDocument : document;
843
- if (!a)
844
- return;
845
- const n = r.event, o = this.dragged;
846
- if (t && o) {
847
- !n.isTouch && n.type !== "scroll" && n.originalEvent.preventDefault();
848
- const i = this.props.levels[yt(n, t.parentNode, a)];
849
- this.draggedOver = i;
850
- const s = i ? !o.every((d, g) => d === i[g]) : !!ye(n, Rt, a);
851
- this.setState({
852
- clueProps: {
853
- visible: !0,
854
- top: n.pageY + 10,
855
- left: n.pageX,
856
- text: t.innerText,
857
- allowDrop: s
858
- }
859
- }), this.props.onDrag && this.props.onDrag.call(void 0, {
860
- nativeEvent: n.originalEvent,
861
- dragged: o,
862
- draggedOver: i,
863
- draggedItem: this.props.dataItem
864
- });
865
- }
866
- }, this.onRelease = (r) => {
867
- const t = r.event;
868
- if (this.dragged) {
869
- const a = [...this.dragged], n = this.draggedOver && [...this.draggedOver], o = this.state.clueProps.allowDrop;
870
- this.dragged = null, this.draggedOver = null, this.setState({ clueProps: { ...te } });
871
- const i = this.props.dataItem;
872
- o && this.props.onDrop && this.props.onDrop.call(void 0, {
873
- nativeEvent: t.originalEvent,
874
- dragged: a,
875
- draggedOver: n,
876
- draggedItem: i
877
- });
878
- }
879
- };
880
- }
881
- /**
882
- * @hidden
883
- */
884
- render() {
885
- const { clueProps: r } = this.state;
886
- return /* @__PURE__ */ l.createElement(l.Fragment, null, /* @__PURE__ */ l.createElement(
887
- ze,
888
- {
889
- ref: this.draggable,
890
- onPress: this.onPress,
891
- onDrag: this.onDrag,
892
- onRelease: this.onRelease
893
- },
894
- /* @__PURE__ */ l.createElement(j, { ...this.props })
895
- ), /* @__PURE__ */ l.createElement(wt, { ...r }));
896
- }
897
- }
898
- class Wt extends l.Component {
899
- /**
900
- * @hidden
901
- */
902
- render() {
903
- return /* @__PURE__ */ l.createElement(
904
- "div",
905
- {
906
- className: "k-toolbar k-toolbar-md k-grid-toolbar"
907
- },
908
- this.props.children
909
- );
910
- }
911
- }
912
- const kt = [
913
- { text: ce, operator: "contains" },
914
- { text: de, operator: "doesnotcontain" },
915
- { text: H, operator: "eq" },
916
- { text: B, operator: "neq" },
917
- { text: se, operator: "startswith" },
918
- { text: he, operator: "endswith" },
919
- { text: K, operator: "isnull" },
920
- { text: _, operator: "isnotnull" },
921
- { text: re, operator: "isempty" },
922
- { text: ie, operator: "isnotempty" }
923
- ], Dt = [
924
- { text: H, operator: "eq" },
925
- { text: B, operator: "neq" },
926
- { text: ge, operator: "gte" },
927
- { text: ue, operator: "gt" },
928
- { text: me, operator: "lte" },
929
- { text: fe, operator: "lt" },
930
- { text: K, operator: "isnull" },
931
- { text: _, operator: "isnotnull" }
932
- ], Tt = [
933
- { text: H, operator: "eq" },
934
- { text: B, operator: "neq" },
935
- { text: xe, operator: "gte" },
936
- { text: be, operator: "gt" },
937
- { text: Ee, operator: "lt" },
938
- { text: Ie, operator: "lte" },
939
- { text: K, operator: "isnull" },
940
- { text: _, operator: "isnotnull" }
941
- ], Nt = [
942
- { text: ve, operator: "" },
943
- { text: pe, operator: !0 },
944
- { text: Ce, operator: !1 }
945
- ];
946
- function q(e, r) {
947
- return {
948
- clearButtonTitle: e.toLanguageString(W, G[W]),
949
- operators: r.map((t) => ({
950
- text: e.toLanguageString(t.text, G[t.text]),
951
- operator: t.operator
952
- }))
953
- };
954
- }
955
- const Xt = function(e) {
956
- const { operators: r, ...t } = e;
957
- return /* @__PURE__ */ l.createElement(
958
- nt,
959
- {
960
- ariaLabel: "text filter",
961
- ...q(z(), r || kt),
962
- ...t
963
- }
964
- );
965
- }, Gt = function(e) {
966
- const { operators: r, ...t } = e;
967
- return /* @__PURE__ */ l.createElement(
968
- ot,
969
- {
970
- ariaLabel: "numeric filter",
971
- ...q(z(), r || Dt),
972
- ...t
973
- }
974
- );
975
- }, $t = function(e) {
976
- const { operators: r, ...t } = e;
977
- return /* @__PURE__ */ l.createElement(
978
- lt,
979
- {
980
- ariaLabel: "date filter",
981
- ...q(z(), r || Tt),
982
- ...t
983
- }
984
- );
985
- }, jt = function(e) {
986
- const { operators: r, ...t } = e;
987
- return /* @__PURE__ */ l.createElement(
988
- rt,
989
- {
990
- ariaLabel: "boolean filter",
991
- ...q(z(), r || Nt),
992
- ...t
993
- }
994
- );
995
- }, Lt = (e) => {
996
- const r = l.useCallback(
997
- (o) => {
998
- e.onChange && e.onChange({
999
- dataItem: e.dataItem,
1000
- level: e.level,
1001
- field: e.field,
1002
- syntheticEvent: o,
1003
- value: o.target.value
1004
- });
1005
- },
1006
- [e.onChange, e.dataItem, e.level, e.field]
1007
- ), t = T(e.id), a = I({
1008
- ["k-selected"]: e.isSelected
1009
- }, e.className), n = /* @__PURE__ */ l.createElement(
1010
- "td",
1011
- {
1012
- style: e.style,
1013
- className: a,
1014
- "aria-colindex": e.ariaColumnIndex,
1015
- "aria-selected": e.isSelected,
1016
- role: "gridcell",
1017
- ...t,
1018
- [L]: e.colIndex
1019
- },
1020
- /* @__PURE__ */ l.createElement(
1021
- "input",
1022
- {
1023
- style: { width: "100%" },
1024
- className: "k-input",
1025
- value: v(e.field, e.dataItem) || "",
1026
- onChange: r
1027
- }
1028
- )
1029
- );
1030
- return e.render ? e.render.call(void 0, n, e) : n;
1031
- };
1032
- Lt.displayName = "KendoReactTreeListTextEditor";
1033
- const Ot = (e) => {
1034
- const r = l.useCallback(
1035
- (i) => {
1036
- e.onChange && e.onChange({
1037
- dataItem: e.dataItem,
1038
- level: e.level,
1039
- field: e.field,
1040
- syntheticEvent: i.syntheticEvent,
1041
- value: i.value
1042
- });
1043
- },
1044
- [e.onChange, e.dataItem, e.level, e.field]
1045
- ), t = v(e.field, e.dataItem), a = T(e.id), n = I({
1046
- ["k-selected"]: e.isSelected
1047
- }, e.className), o = /* @__PURE__ */ l.createElement(
1048
- "td",
1049
- {
1050
- style: e.style,
1051
- className: n,
1052
- "aria-colindex": e.ariaColumnIndex,
1053
- "aria-selected": e.isSelected,
1054
- role: "gridcell",
1055
- ...a,
1056
- [L]: e.colIndex
1057
- },
1058
- /* @__PURE__ */ l.createElement(
1059
- ft,
1060
- {
1061
- width: "100%",
1062
- value: t === void 0 ? null : t,
1063
- onChange: r
1064
- }
1065
- )
1066
- );
1067
- return e.render ? e.render.call(void 0, o, e) : o;
1068
- };
1069
- Ot.displayName = "KendoReactTreeListNumericEditor";
1070
- const Ft = (e) => {
1071
- const r = l.useCallback(
1072
- (i) => {
1073
- e.onChange && e.onChange({
1074
- dataItem: e.dataItem,
1075
- level: e.level,
1076
- field: e.field,
1077
- syntheticEvent: i,
1078
- value: i.target.checked
1079
- });
1080
- },
1081
- [e.onChange, e.dataItem, e.level, e.field]
1082
- ), t = ne(), a = T(e.id), n = I({
1083
- ["k-selected"]: e.isSelected
1084
- }, e.className), o = /* @__PURE__ */ l.createElement(
1085
- "td",
1086
- {
1087
- style: e.style,
1088
- className: n,
1089
- "aria-colindex": e.ariaColumnIndex,
1090
- "aria-selected": e.isSelected,
1091
- role: "gridcell",
1092
- ...a,
1093
- [L]: e.colIndex
1094
- },
1095
- /* @__PURE__ */ l.createElement(
1096
- "input",
1097
- {
1098
- checked: v(e.field, e.dataItem) || !1,
1099
- id: t,
1100
- type: "checkbox",
1101
- className: "k-checkbox k-checkbox-md k-rounded-md",
1102
- onChange: r
1103
- }
1104
- ),
1105
- /* @__PURE__ */ l.createElement("label", { className: "k-checkbox-label", htmlFor: t })
1106
- );
1107
- return e.render ? e.render.call(void 0, o, e) : o;
1108
- };
1109
- Ft.displayName = "KendoReactTreeListBooleanEditor";
1110
- const At = (e) => {
1111
- const r = l.useCallback(
1112
- (o) => {
1113
- e.onChange && e.onChange({
1114
- dataItem: e.dataItem,
1115
- level: e.level,
1116
- field: e.field,
1117
- syntheticEvent: o.syntheticEvent,
1118
- value: o.value
1119
- });
1120
- },
1121
- [e.onChange, e.dataItem, e.level, e.field]
1122
- ), t = T(e.id), a = I({
1123
- ["k-selected"]: e.isSelected
1124
- }, e.className);
1125
- let n = /* @__PURE__ */ l.createElement(
1126
- "td",
1127
- {
1128
- style: e.style,
1129
- className: a,
1130
- "aria-colindex": e.ariaColumnIndex,
1131
- "aria-selected": e.isSelected,
1132
- role: "gridcell",
1133
- ...t,
1134
- [L]: e.colIndex
1135
- },
1136
- /* @__PURE__ */ l.createElement(
1137
- pt,
1138
- {
1139
- width: "100%",
1140
- value: v(e.field, e.dataItem),
1141
- onChange: r
1142
- }
1143
- )
1144
- );
1145
- return e.render ? e.render.call(void 0, n, e) : n;
1146
- };
1147
- At.displayName = "KendoReactTreeListDateEditor";
9
+ import { TreeList as r } from "./TreeList.mjs";
10
+ import { TreeListCell as T } from "./cells/TreeListCell.mjs";
11
+ import { TreeListHeaderCell as m } from "./header/TreeListHeaderCell.mjs";
12
+ import { TreeListSelectionCell as l } from "./cells/TreeListSelectionCell.mjs";
13
+ import { TreeListHeaderSelectionCell as f } from "./header/TreeListHeaderSelectionCell.mjs";
14
+ import { TreeListRow as x } from "./rows/TreeListRow.mjs";
15
+ import { TreeListDraggableRow as E } from "./rows/TreeListDraggableRow.mjs";
16
+ import { TreeListToolbar as I } from "./TreeListToolbar.mjs";
17
+ import { TreeListNoRecords as R } from "./TreeListNoRecords.mjs";
18
+ import { TreeListTextFilter as D } from "./cells/FilterCells/TreeListTextFilter.mjs";
19
+ import { TreeListNumericFilter as _ } from "./cells/FilterCells/TreeListNumericFilter.mjs";
20
+ import { TreeListDateFilter as g } from "./cells/FilterCells/TreeListDateFilter.mjs";
21
+ import { TreeListBooleanFilter as B } from "./cells/FilterCells/TreeListBooleanFilter.mjs";
22
+ import { TreeListTextEditor as F } from "./cells/EditCells/TreeListTextEditor.mjs";
23
+ import { TreeListNumericEditor as b } from "./cells/EditCells/TreeListNumericEditor.mjs";
24
+ import { TreeListBooleanEditor as H } from "./cells/EditCells/TreeListBooleanEditor.mjs";
25
+ import { TreeListDateEditor as V } from "./cells/EditCells/TreeListDateEditor.mjs";
26
+ import { getNestedValue as A, mapTree as P, mapTreeItem as U } from "@progress/kendo-react-common";
27
+ import { createDataTree as h, extendDataItem as z, filterBy as K, flatData as M, getItemPath as W, getSelectedState as j, getSelectedStateFromKeyDown as k, modifySubItems as q, moveTreeItem as G, orderBy as J, removeItems as Q, setSelectedState as Y, treeToFlat as Z } from "@progress/kendo-react-data-tools";
28
+ import { setHeaderRowsTop as ee, tableRowsVirtualization as te } from "./utils/index.mjs";
29
+ import { TREELIST_COL_INDEX_ATTRIBUTE as oe, TREELIST_PREVENT_SELECTION_ELEMENT as Te, TREELIST_ROW_INDEX_ATTRIBUTE as ie } from "./constants/index.mjs";
1148
30
  export {
1149
- L as TREELIST_COL_INDEX_ATTRIBUTE,
1150
- Et as TREELIST_PREVENT_SELECTION_ELEMENT,
1151
- bt as TREELIST_ROW_INDEX_ATTRIBUTE,
1152
- we as TreeList,
1153
- Ft as TreeListBooleanEditor,
1154
- jt as TreeListBooleanFilter,
1155
- le as TreeListCell,
1156
- At as TreeListDateEditor,
1157
- $t as TreeListDateFilter,
1158
- Ut as TreeListDraggableRow,
1159
- qt as TreeListHeaderCell,
1160
- Vt as TreeListHeaderSelectionCell,
1161
- Se as TreeListNoRecords,
1162
- Ot as TreeListNumericEditor,
1163
- Gt as TreeListNumericFilter,
1164
- j as TreeListRow,
1165
- St as TreeListSelectionCell,
1166
- Lt as TreeListTextEditor,
1167
- Xt as TreeListTextFilter,
1168
- Wt as TreeListToolbar,
1169
- aa as createDataTree,
1170
- na as extendDataItem,
1171
- oa as filterBy,
1172
- la as flatData,
1173
- ra as getItemPath,
1174
- Qt as getNestedValue,
1175
- ia as getSelectedState,
1176
- sa as getSelectedStateFromKeyDown,
1177
- Zt as mapTree,
1178
- ea as mapTreeItem,
1179
- ca as modifySubItems,
1180
- da as moveTreeItem,
1181
- ha as orderBy,
1182
- ga as removeItems,
1183
- vt as setHeaderRowsTop,
1184
- ua as setSelectedState,
1185
- xt as tableRowsVirtualization,
1186
- ma as treeToFlat
31
+ oe as TREELIST_COL_INDEX_ATTRIBUTE,
32
+ Te as TREELIST_PREVENT_SELECTION_ELEMENT,
33
+ ie as TREELIST_ROW_INDEX_ATTRIBUTE,
34
+ r as TreeList,
35
+ H as TreeListBooleanEditor,
36
+ B as TreeListBooleanFilter,
37
+ T as TreeListCell,
38
+ V as TreeListDateEditor,
39
+ g as TreeListDateFilter,
40
+ E as TreeListDraggableRow,
41
+ m as TreeListHeaderCell,
42
+ f as TreeListHeaderSelectionCell,
43
+ R as TreeListNoRecords,
44
+ b as TreeListNumericEditor,
45
+ _ as TreeListNumericFilter,
46
+ x as TreeListRow,
47
+ l as TreeListSelectionCell,
48
+ F as TreeListTextEditor,
49
+ D as TreeListTextFilter,
50
+ I as TreeListToolbar,
51
+ h as createDataTree,
52
+ z as extendDataItem,
53
+ K as filterBy,
54
+ M as flatData,
55
+ W as getItemPath,
56
+ A as getNestedValue,
57
+ j as getSelectedState,
58
+ k as getSelectedStateFromKeyDown,
59
+ P as mapTree,
60
+ U as mapTreeItem,
61
+ q as modifySubItems,
62
+ G as moveTreeItem,
63
+ J as orderBy,
64
+ Q as removeItems,
65
+ ee as setHeaderRowsTop,
66
+ Y as setSelectedState,
67
+ te as tableRowsVirtualization,
68
+ Z as treeToFlat
1187
69
  };