@progress/kendo-vue-treelist 3.5.4 → 3.6.0-dev.202209130634

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 (44) hide show
  1. package/dist/cdn/js/kendo-vue-treelist.js +1 -1
  2. package/dist/es/TreeList.js +22 -10
  3. package/dist/es/interfaces/TreeListProps.d.ts +67 -5
  4. package/dist/es/main.d.ts +1 -3
  5. package/dist/es/main.js +1 -2
  6. package/dist/es/package-metadata.js +1 -1
  7. package/dist/es/rows/TreeListDraggableRow.js +2 -2
  8. package/dist/esm/TreeList.js +22 -10
  9. package/dist/esm/interfaces/TreeListProps.d.ts +67 -5
  10. package/dist/esm/main.d.ts +1 -3
  11. package/dist/esm/main.js +1 -2
  12. package/dist/esm/package-metadata.js +1 -1
  13. package/dist/esm/rows/TreeListDraggableRow.js +2 -2
  14. package/dist/npm/TreeList.js +21 -7
  15. package/dist/npm/interfaces/TreeListProps.d.ts +67 -5
  16. package/dist/npm/main.d.ts +1 -3
  17. package/dist/npm/main.js +1 -3
  18. package/dist/npm/package-metadata.js +1 -1
  19. package/dist/npm/rows/TreeListDraggableRow.js +2 -2
  20. package/package.json +11 -11
  21. package/dist/es/TreeListNoRecords.d.ts +0 -15
  22. package/dist/es/TreeListNoRecords.js +0 -46
  23. package/dist/es/header/TreeListHeaderCell.d.ts +0 -1
  24. package/dist/es/header/TreeListHeaderCell.js +0 -4
  25. package/dist/es/header/TreeListHeaderSelectionCell.d.ts +0 -1
  26. package/dist/es/header/TreeListHeaderSelectionCell.js +0 -12
  27. package/dist/es/interfaces/TreeListNoRecordsProps.d.ts +0 -5
  28. package/dist/es/interfaces/TreeListNoRecordsProps.js +0 -1
  29. package/dist/esm/TreeListNoRecords.d.ts +0 -15
  30. package/dist/esm/TreeListNoRecords.js +0 -46
  31. package/dist/esm/header/TreeListHeaderCell.d.ts +0 -1
  32. package/dist/esm/header/TreeListHeaderCell.js +0 -4
  33. package/dist/esm/header/TreeListHeaderSelectionCell.d.ts +0 -1
  34. package/dist/esm/header/TreeListHeaderSelectionCell.js +0 -12
  35. package/dist/esm/interfaces/TreeListNoRecordsProps.d.ts +0 -5
  36. package/dist/esm/interfaces/TreeListNoRecordsProps.js +0 -1
  37. package/dist/npm/TreeListNoRecords.d.ts +0 -15
  38. package/dist/npm/TreeListNoRecords.js +0 -58
  39. package/dist/npm/header/TreeListHeaderCell.d.ts +0 -1
  40. package/dist/npm/header/TreeListHeaderCell.js +0 -5
  41. package/dist/npm/header/TreeListHeaderSelectionCell.d.ts +0 -1
  42. package/dist/npm/header/TreeListHeaderSelectionCell.js +0 -13
  43. package/dist/npm/interfaces/TreeListNoRecordsProps.d.ts +0 -5
  44. package/dist/npm/interfaces/TreeListNoRecordsProps.js +0 -2
package/dist/esm/main.js CHANGED
@@ -2,7 +2,6 @@ import { TreeList } from './TreeList.js';
2
2
  import { TreeListCell } from './cells/TreeListCell.js';
3
3
  import { TreeListSelectionCell } from './cells/TreeListSelectionCell.js';
4
4
  import { TreeListRow } from './rows/TreeListRow.js';
5
- import { TreeListNoRecords } from './TreeListNoRecords.js';
6
5
  import { TreeListTextFilter } from './cells/FilterCells/TreeListTextFilter.js';
7
6
  import { TreeListNumericFilter } from './cells/FilterCells/TreeListNumericFilter.js';
8
7
  import { TreeListDateFilter } from './cells/FilterCells/TreeListDateFilter.js';
@@ -15,4 +14,4 @@ import { orderBy, filterBy, mapTreeItem, moveTreeItem, getItemPath, mapTree, cre
15
14
  import { getNestedValue, setHeaderRowsTop, tableRowsVirtualization } from './utils/main.js';
16
15
  import { TREELIST_COL_INDEX_ATTRIBUTE, TREELIST_ROW_INDEX_ATTRIBUTE, TREELIST_PREVENT_SELECTION_ELEMENT } from './constants/main.js';
17
16
  import { getSelectedState, getSelectedStateFromKeyDown, setSelectedState } from '@progress/kendo-vue-data-tools';
18
- export { TreeList, TreeListCell, TreeListRow, TreeListSelectionCell, TreeListNoRecords, TreeListTextFilter, TreeListNumericFilter, TreeListDateFilter, TreeListBooleanFilter, TreeListTextEditor, TreeListNumericEditor, TreeListBooleanEditor, TreeListDateEditor, orderBy, filterBy, mapTree, createDataTree, extendDataItem, mapTreeItem, moveTreeItem, getItemPath, removeItems, modifySubItems, treeToFlat, flatData, getNestedValue, setHeaderRowsTop, tableRowsVirtualization, TREELIST_COL_INDEX_ATTRIBUTE, TREELIST_ROW_INDEX_ATTRIBUTE, TREELIST_PREVENT_SELECTION_ELEMENT, getSelectedState, getSelectedStateFromKeyDown, setSelectedState };
17
+ export { TreeList, TreeListCell, TreeListRow, TreeListSelectionCell, TreeListTextFilter, TreeListNumericFilter, TreeListDateFilter, TreeListBooleanFilter, TreeListTextEditor, TreeListNumericEditor, TreeListBooleanEditor, TreeListDateEditor, orderBy, filterBy, mapTree, createDataTree, extendDataItem, mapTreeItem, moveTreeItem, getItemPath, removeItems, modifySubItems, treeToFlat, flatData, getNestedValue, setHeaderRowsTop, tableRowsVirtualization, TREELIST_COL_INDEX_ATTRIBUTE, TREELIST_ROW_INDEX_ATTRIBUTE, TREELIST_PREVENT_SELECTION_ELEMENT, getSelectedState, getSelectedStateFromKeyDown, setSelectedState };
@@ -5,7 +5,7 @@ export var packageMetadata = {
5
5
  name: '@progress/kendo-vue-treelist',
6
6
  productName: 'Kendo UI for Vue',
7
7
  productCodes: ['KENDOUIVUE', 'KENDOUICOMPLETE'],
8
- publishDate: 1662729640,
8
+ publishDate: 1663050707,
9
9
  version: '',
10
10
  licensingDocsUrl: 'https://www.telerik.com/kendo-vue-ui/my-license/?utm_medium=product&utm_source=kendovue&utm_campaign=kendo-ui-vue-purchase-license-keys-warning'
11
11
  };
@@ -36,14 +36,14 @@
36
36
  // /**
37
37
  // * The TreeList draggable row component.
38
38
  // */
39
- // export class TreeListDraggableRow extends React.Component<TreeListRowProps, TreeListRowState> {
39
+ // export class TreeListDraggableRow extends Component<TreeListRowProps, TreeListRowState> {
40
40
  // /**
41
41
  // * @hidden
42
42
  // */
43
43
  // readonly state: TreeListRowState = {
44
44
  // clueProps: { ...defaultClueState }
45
45
  // };
46
- // private draggable = React.createRef<Draggable>();
46
+ // private draggable = createRef<Draggable>();
47
47
  // private dragged: number[] | null = null;
48
48
  // private draggedOver: number[] | null = null;
49
49
  // /**
@@ -49,8 +49,6 @@ var Vue = require("vue");
49
49
  var allVue = Vue;
50
50
  var gh = allVue.h;
51
51
  var isV3 = allVue.version && allVue.version[0] === '3';
52
- var ref = allVue.ref;
53
- var markRaw = allVue.markRaw;
54
52
 
55
53
  var kendo_vue_common_1 = require("@progress/kendo-vue-common");
56
54
 
@@ -64,8 +62,6 @@ var data_operations_1 = require("./utils/data-operations");
64
62
 
65
63
  var TreeListCell_1 = require("./cells/TreeListCell");
66
64
 
67
- var TreeListNoRecords_1 = require("./TreeListNoRecords");
68
-
69
65
  var TreeListRow_1 = require("./rows/TreeListRow");
70
66
 
71
67
  var kendo_vue_common_2 = require("@progress/kendo-vue-common");
@@ -75,6 +71,8 @@ var package_metadata_1 = require("./package-metadata");
75
71
  var kendo_vue_common_3 = require("@progress/kendo-vue-common");
76
72
 
77
73
  var main_2 = require("./messages/main");
74
+
75
+ var kendo_vue_intl_1 = require("@progress/kendo-vue-intl");
78
76
  /**
79
77
  * @hidden
80
78
  */
@@ -128,6 +126,11 @@ var TreeListVue2 = {
128
126
  // navigationStateRef: this.navigationStateRef
129
127
  // });
130
128
  },
129
+ inject: {
130
+ kendoLocalizationService: {
131
+ default: null
132
+ }
133
+ },
131
134
  data: function data() {
132
135
  return {
133
136
  wrapperScrollLeft: 0,
@@ -256,8 +259,9 @@ var TreeListVue2 = {
256
259
  h(kendo_vue_data_tools_1.Header, {
257
260
  headerRow: // @ts-ignore
258
261
  h(kendo_vue_data_tools_1.HeaderRow, {
259
- sort: this.$props.sort,
262
+ grid: this,
260
263
  attrs: this.v3 ? undefined : {
264
+ grid: this,
261
265
  sort: this.$props.sort,
262
266
  sortable: this.$props.sortable,
263
267
  filterable: this.$props.filterable,
@@ -294,6 +298,7 @@ var TreeListVue2 = {
294
298
  isRtl: this.isRtl
295
299
  }) : undefined
296
300
  },
301
+ sort: this.$props.sort,
297
302
  sortable: this.$props.sortable,
298
303
  filterable: this.$props.filterable,
299
304
  onSortChange: this.sortChange,
@@ -342,8 +347,9 @@ var TreeListVue2 = {
342
347
  }),
343
348
  attrs: this.v3 ? undefined : {
344
349
  headerRow: h(kendo_vue_data_tools_1.HeaderRow, {
345
- sort: this.$props.sort,
350
+ grid: this,
346
351
  attrs: this.v3 ? undefined : {
352
+ grid: this,
347
353
  sort: this.$props.sort,
348
354
  sortable: this.$props.sortable,
349
355
  filterable: this.$props.filterable,
@@ -379,6 +385,7 @@ var TreeListVue2 = {
379
385
  isRtl: this.isRtl
380
386
  }) : undefined
381
387
  },
388
+ sort: this.$props.sort,
382
389
  sortable: this.$props.sortable,
383
390
  filterable: this.$props.filterable,
384
391
  onSortChange: this.sortChange,
@@ -541,6 +548,13 @@ var TreeListVue2 = {
541
548
  this.updateOnScroll = false;
542
549
  }
543
550
 
551
+ var noRecordsTemplate = kendo_vue_common_1.templateRendering.call(this, this.$props.noRecords, kendo_vue_common_1.getListeners.call(this));
552
+ var localizationService = (0, kendo_vue_intl_1.provideLocalizationService)(this);
553
+ var noRecordsMessage = localizationService.toLanguageString(main_2.noRecords, main_2.messages[main_2.noRecords]);
554
+ var noRecordsRender = kendo_vue_common_1.getTemplate.call(this, {
555
+ h: h,
556
+ template: noRecordsTemplate
557
+ });
544
558
  var levels = flattedData.length ? flattedData.map(function (i) {
545
559
  return i.level;
546
560
  }) : [];
@@ -622,7 +636,7 @@ var TreeListVue2 = {
622
636
  attrs: this.v3 ? undefined : {
623
637
  colSpan: leafColumns.length
624
638
  }
625
- }, [this.$props.noRecords || h(TreeListNoRecords_1.TreeListNoRecords)])]);
639
+ }, [this.$props.noRecords ? noRecordsRender : noRecordsMessage])]);
626
640
 
627
641
  var sorted = function sorted(field) {
628
642
  return _this.$props.sort && _this.$props.sort.some(function (descriptor) {
@@ -5,7 +5,7 @@ import { SortSettings as TreeListSortSettings } from '@progress/kendo-vue-data-t
5
5
  import { TreeListColumnProps } from './TreeListColumnProps';
6
6
  import { TreeListSelectableSettings } from './TreeListSelectableSettings';
7
7
  /**
8
- * Represents the props of the [KendoReact TreeList component]({% slug getstarted_treelist %}).
8
+ * Represents the props of the [Kendo UI for Vue TreeList component]({% slug getstarted_treelist %}).
9
9
  */
10
10
  export interface TreeListProps {
11
11
  /**
@@ -13,10 +13,6 @@ export interface TreeListProps {
13
13
  * If not set, the dataItem index will be used for the row key, which might lead to row not updated during paging or scrolling.
14
14
  */
15
15
  dataItemKey?: string;
16
- /**
17
- * Sets custom CSS classes to the TreeList DOM element.
18
- */
19
- className?: string;
20
16
  /**
21
17
  * A collection of `TreeListColumnProps` for creating columns.
22
18
  */
@@ -51,6 +47,9 @@ export interface TreeListProps {
51
47
  /**
52
48
  * If set and when the data item is in edit mode, the `editRow` value will be rendered.
53
49
  */
50
+ /**
51
+ * @hidden
52
+ */
54
53
  editRow?: any;
55
54
  /**
56
55
  * Represents the TreeList toolbar component.
@@ -90,16 +89,25 @@ export interface TreeListProps {
90
89
  /**
91
90
  * The TreeList selectable settings.
92
91
  */
92
+ /**
93
+ * @hidden
94
+ */
93
95
  selectable?: TreeListSelectableSettings;
94
96
  /**
95
97
  * Specifies the name of the field which will provide a Boolean representation of the selected state of the item
96
98
  * ([see example]({% slug selection_treelist %})).
97
99
  */
100
+ /**
101
+ * @hidden
102
+ */
98
103
  selectedField?: string;
99
104
  /**
100
105
  * Fires when the user tries to select or deselect a row or cell.
101
106
  * ([more information and example]({% slug selection_treelist %})).
102
107
  */
108
+ /**
109
+ * @hidden
110
+ */
103
111
  onSelectionChange?: (event: TreeListSelectionChangeEvent) => void;
104
112
  /**
105
113
  * Fires when the user press keyboard key.
@@ -109,29 +117,47 @@ export interface TreeListProps {
109
117
  * Fires when the user clicks the checkbox of a column header whose `field` matches `selectedField`
110
118
  * ([more information and example]({% slug selection_treelist %})).
111
119
  */
120
+ /**
121
+ * @hidden
122
+ */
112
123
  onHeaderSelectionChange?: (event: TreeListHeaderSelectionChangeEvent) => void;
113
124
  /**
114
125
  * Fires when the user changes the values of the item.
115
126
  * The event is not debounced and fires on every `onChange` event of the input in the current `EditCell`
116
127
  * ([more information and examples]({% slug editing_inline_treelist %})).
117
128
  */
129
+ /**
130
+ * @hidden
131
+ */
118
132
  onItemChange?: (event: TreeListItemChangeEvent) => void;
119
133
  /**
120
134
  * Fires when the user clicks a row.
121
135
  */
136
+ /**
137
+ * @hidden
138
+ */
122
139
  onRowClick?: (event: TreeListRowClickEvent) => void;
123
140
  /**
124
141
  * Fires when the user double clicks a row.
125
142
  */
143
+ /**
144
+ * @hidden
145
+ */
126
146
  onRowDoubleClick?: (event: TreeListRowDoubleClickEvent) => void;
127
147
  /**
128
148
  * Fires when the user trigger the context menu of row.
129
149
  */
150
+ /**
151
+ * @hidden
152
+ */
130
153
  onRowContextMenu?: (event: TreeListRowContextMenuEvent) => void;
131
154
  /**
132
155
  * Specifies the name of the field which will provide a Boolean representation of the edit state of the current item
133
156
  * ([more information and examples]({% slug editing_inline_treelist %})).
134
157
  */
158
+ /**
159
+ * @hidden
160
+ */
135
161
  editField?: string;
136
162
  /**
137
163
  * Defines the scroll mode of the TreeList.
@@ -148,14 +174,23 @@ export interface TreeListProps {
148
174
  /**
149
175
  * If set to `true`, the user can resize columns by dragging the edges (resize handles) of their header cells.
150
176
  */
177
+ /**
178
+ * @hidden
179
+ */
151
180
  resizable?: boolean;
152
181
  /**
153
182
  * If set to `true`, the user can reorder columns by dragging their header cells.
154
183
  */
184
+ /**
185
+ * @hidden
186
+ */
155
187
  reorderable?: boolean;
156
188
  /**
157
189
  * If set to `true`, the user can drag and drop rows.
158
190
  */
191
+ /**
192
+ * @hidden
193
+ */
159
194
  rowDraggable?: boolean;
160
195
  /**
161
196
  * Defines the row height and implements equal heights for all rows.
@@ -182,8 +217,17 @@ export interface TreeListProps {
182
217
  * @param item - the item for the row.
183
218
  */
184
219
  rowClass?: Function;
220
+ /**
221
+ * @hidden
222
+ */
185
223
  columnMenu?: any;
224
+ /**
225
+ * @hidden
226
+ */
186
227
  columnMenuFilter?: CompositeFilterDescriptor[];
228
+ /**
229
+ * @hidden
230
+ */
187
231
  onColumnMenuFilterChange?: (event: TreeListColumnMenuFilterChangeEvent) => void;
188
232
  /**
189
233
  * The pager component that the TreeList will render.
@@ -204,6 +248,9 @@ export interface TreeListProps {
204
248
  /**
205
249
  * The TreeList row component.
206
250
  */
251
+ /**
252
+ * @hidden
253
+ */
207
254
  row?: any;
208
255
  /**
209
256
  * If set to `true`, the user can use dedicated shortcuts to interact with the TreeList.
@@ -221,22 +268,37 @@ export interface TreeListProps {
221
268
  /**
222
269
  * Fires when a column is resized.
223
270
  */
271
+ /**
272
+ * @hidden
273
+ */
224
274
  onColumnResize?: (event: TreeListColumnResizeEvent) => void;
225
275
  /**
226
276
  * Fires when the columns are reordered.
227
277
  */
278
+ /**
279
+ * @hidden
280
+ */
228
281
  onColumnReorder?: (event: TreeListColumnReorderEvent) => void;
229
282
  /**
230
283
  * Fires when a row is dragged.
231
284
  */
285
+ /**
286
+ * @hidden
287
+ */
232
288
  onRowDrag?: (event: TreeListRowDragEvent) => void;
233
289
  /**
234
290
  * Fires when a row is dragged and dropped.
235
291
  */
292
+ /**
293
+ * @hidden
294
+ */
236
295
  onRowDrop?: (event: TreeListRowDragEvent) => void;
237
296
  /**
238
297
  * Fires when a row is about to be rendered. Useful for overriding the default rendering of the row.
239
298
  */
299
+ /**
300
+ * @hidden
301
+ */
240
302
  rowRender?: any;
241
303
  /**
242
304
  * Fires when a cell is about to be rendered. Useful for overriding the default rendering of the cell.
@@ -8,8 +8,6 @@ import { TreeListSelectionCell } from './cells/TreeListSelectionCell';
8
8
  import { TreeListRow } from './rows/TreeListRow';
9
9
  import { TreeListRowProps } from './interfaces/TreeListRowProps';
10
10
  import { TreeListToolbarProps } from './interfaces/TreeListToolbarProps';
11
- import { TreeListNoRecords } from './TreeListNoRecords';
12
- import { TreeListNoRecordsProps } from './interfaces/TreeListNoRecordsProps';
13
11
  import { TreeListDataStateChangeEvent, TreeListFilterChangeEvent, TreeListSortChangeEvent, TreeListExpandChangeEvent, TreeListSelectionChangeEvent, TreeListItemChangeEvent, TreeListRowClickEvent, TreeListColumnResizeEvent, TreeListColumnReorderEvent, TreeListPageChangeEvent, TreeListRowDragEvent, TreeListColumnMenuFilterChangeEvent, TreeListHeaderSelectionChangeEvent, TreeListEvent, TreeListRowDoubleClickEvent, TreeListRowContextMenuEvent, TreeListDragSelectionReleaseEvent, TreeListKeyDownEvent } from './interfaces/events';
14
12
  import { TreeListSortSettings, TreeListColumnSortSettings } from './interfaces/TreeListSortSettings';
15
13
  import { TreeListTextFilter, TreeListTextFilterProps } from './cells/FilterCells/TreeListTextFilter';
@@ -26,4 +24,4 @@ import { getNestedValue, setHeaderRowsTop, tableRowsVirtualization } from './uti
26
24
  import { TREELIST_COL_INDEX_ATTRIBUTE, TREELIST_ROW_INDEX_ATTRIBUTE, TREELIST_PREVENT_SELECTION_ELEMENT } from './constants/main';
27
25
  import { getSelectedState, getSelectedStateFromKeyDown, setSelectedState } from '@progress/kendo-vue-data-tools';
28
26
  import { TreeListSelectableMode, TreeListSelectableSettings } from './interfaces/TreeListSelectableSettings';
29
- export { TreeList, TreeListProps, TreeListColumnProps, TreeListCell, TreeListCellProps, TreeListRow, TreeListRowProps, TreeListHeaderCellProps, TreeListSelectionCell, TreeListToolbarProps, TreeListNoRecords, TreeListNoRecordsProps, TreeListSortSettings, TreeListColumnSortSettings, TreeListTextFilter, TreeListTextFilterProps, TreeListNumericFilter, TreeListNumericFilterProps, TreeListDateFilter, TreeListDateFilterProps, TreeListBooleanFilter, TreeListBooleanFilterProps, TreeListTextEditor, TreeListTextEditorProps, TreeListNumericEditor, TreeListNumericEditorProps, TreeListBooleanEditor, TreeListBooleanEditorProps, TreeListDateEditor, TreeListDateEditorProps, TreeListDataStateChangeEvent, TreeListFilterChangeEvent, TreeListColumnMenuFilterChangeEvent, TreeListSortChangeEvent, TreeListExpandChangeEvent, TreeListSelectionChangeEvent, TreeListItemChangeEvent, TreeListHeaderSelectionChangeEvent, TreeListRowClickEvent, TreeListColumnResizeEvent, TreeListColumnReorderEvent, TreeListPageChangeEvent, TreeListRowDragEvent, TreeListEvent, TreeListRowDoubleClickEvent, TreeListRowContextMenuEvent, TreeListDragSelectionReleaseEvent, TreeListKeyDownEvent, orderBy, filterBy, mapTree, createDataTree, extendDataItem, mapTreeItem, moveTreeItem, getItemPath, removeItems, modifySubItems, treeToFlat, DataItemWrapper, flatData, getNestedValue, setHeaderRowsTop, tableRowsVirtualization, TREELIST_COL_INDEX_ATTRIBUTE, TREELIST_ROW_INDEX_ATTRIBUTE, TREELIST_PREVENT_SELECTION_ELEMENT, getSelectedState, getSelectedStateFromKeyDown, setSelectedState, TreeListSelectableSettings, TreeListSelectableMode };
27
+ export { TreeList, TreeListProps, TreeListColumnProps, TreeListCell, TreeListCellProps, TreeListRow, TreeListRowProps, TreeListHeaderCellProps, TreeListSelectionCell, TreeListToolbarProps, TreeListSortSettings, TreeListColumnSortSettings, TreeListTextFilter, TreeListTextFilterProps, TreeListNumericFilter, TreeListNumericFilterProps, TreeListDateFilter, TreeListDateFilterProps, TreeListBooleanFilter, TreeListBooleanFilterProps, TreeListTextEditor, TreeListTextEditorProps, TreeListNumericEditor, TreeListNumericEditorProps, TreeListBooleanEditor, TreeListBooleanEditorProps, TreeListDateEditor, TreeListDateEditorProps, TreeListDataStateChangeEvent, TreeListFilterChangeEvent, TreeListColumnMenuFilterChangeEvent, TreeListSortChangeEvent, TreeListExpandChangeEvent, TreeListSelectionChangeEvent, TreeListItemChangeEvent, TreeListHeaderSelectionChangeEvent, TreeListRowClickEvent, TreeListColumnResizeEvent, TreeListColumnReorderEvent, TreeListPageChangeEvent, TreeListRowDragEvent, TreeListEvent, TreeListRowDoubleClickEvent, TreeListRowContextMenuEvent, TreeListDragSelectionReleaseEvent, TreeListKeyDownEvent, orderBy, filterBy, mapTree, createDataTree, extendDataItem, mapTreeItem, moveTreeItem, getItemPath, removeItems, modifySubItems, treeToFlat, DataItemWrapper, flatData, getNestedValue, setHeaderRowsTop, tableRowsVirtualization, TREELIST_COL_INDEX_ATTRIBUTE, TREELIST_ROW_INDEX_ATTRIBUTE, TREELIST_PREVENT_SELECTION_ELEMENT, getSelectedState, getSelectedStateFromKeyDown, setSelectedState, TreeListSelectableSettings, TreeListSelectableMode };
package/dist/npm/main.js CHANGED
@@ -1,6 +1,6 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.setSelectedState = exports.getSelectedStateFromKeyDown = exports.getSelectedState = exports.TREELIST_PREVENT_SELECTION_ELEMENT = exports.TREELIST_ROW_INDEX_ATTRIBUTE = exports.TREELIST_COL_INDEX_ATTRIBUTE = exports.tableRowsVirtualization = exports.setHeaderRowsTop = exports.getNestedValue = exports.flatData = exports.treeToFlat = exports.modifySubItems = exports.removeItems = exports.getItemPath = exports.moveTreeItem = exports.mapTreeItem = exports.extendDataItem = exports.createDataTree = exports.mapTree = exports.filterBy = exports.orderBy = exports.TreeListDateEditor = exports.TreeListBooleanEditor = exports.TreeListNumericEditor = exports.TreeListTextEditor = exports.TreeListBooleanFilter = exports.TreeListDateFilter = exports.TreeListNumericFilter = exports.TreeListTextFilter = exports.TreeListNoRecords = exports.TreeListSelectionCell = exports.TreeListRow = exports.TreeListCell = exports.TreeList = void 0;
3
+ exports.setSelectedState = exports.getSelectedStateFromKeyDown = exports.getSelectedState = exports.TREELIST_PREVENT_SELECTION_ELEMENT = exports.TREELIST_ROW_INDEX_ATTRIBUTE = exports.TREELIST_COL_INDEX_ATTRIBUTE = exports.tableRowsVirtualization = exports.setHeaderRowsTop = exports.getNestedValue = exports.flatData = exports.treeToFlat = exports.modifySubItems = exports.removeItems = exports.getItemPath = exports.moveTreeItem = exports.mapTreeItem = exports.extendDataItem = exports.createDataTree = exports.mapTree = exports.filterBy = exports.orderBy = exports.TreeListDateEditor = exports.TreeListBooleanEditor = exports.TreeListNumericEditor = exports.TreeListTextEditor = exports.TreeListBooleanFilter = exports.TreeListDateFilter = exports.TreeListNumericFilter = exports.TreeListTextFilter = exports.TreeListSelectionCell = exports.TreeListRow = exports.TreeListCell = exports.TreeList = void 0;
4
4
  var TreeList_1 = require("./TreeList");
5
5
  Object.defineProperty(exports, "TreeList", { enumerable: true, get: function () { return TreeList_1.TreeList; } });
6
6
  var TreeListCell_1 = require("./cells/TreeListCell");
@@ -9,8 +9,6 @@ var TreeListSelectionCell_1 = require("./cells/TreeListSelectionCell");
9
9
  Object.defineProperty(exports, "TreeListSelectionCell", { enumerable: true, get: function () { return TreeListSelectionCell_1.TreeListSelectionCell; } });
10
10
  var TreeListRow_1 = require("./rows/TreeListRow");
11
11
  Object.defineProperty(exports, "TreeListRow", { enumerable: true, get: function () { return TreeListRow_1.TreeListRow; } });
12
- var TreeListNoRecords_1 = require("./TreeListNoRecords");
13
- Object.defineProperty(exports, "TreeListNoRecords", { enumerable: true, get: function () { return TreeListNoRecords_1.TreeListNoRecords; } });
14
12
  var TreeListTextFilter_1 = require("./cells/FilterCells/TreeListTextFilter");
15
13
  Object.defineProperty(exports, "TreeListTextFilter", { enumerable: true, get: function () { return TreeListTextFilter_1.TreeListTextFilter; } });
16
14
  var TreeListNumericFilter_1 = require("./cells/FilterCells/TreeListNumericFilter");
@@ -8,7 +8,7 @@ exports.packageMetadata = {
8
8
  name: '@progress/kendo-vue-treelist',
9
9
  productName: 'Kendo UI for Vue',
10
10
  productCodes: ['KENDOUIVUE', 'KENDOUICOMPLETE'],
11
- publishDate: 1662729640,
11
+ publishDate: 1663050707,
12
12
  version: '',
13
13
  licensingDocsUrl: 'https://www.telerik.com/kendo-vue-ui/my-license/?utm_medium=product&utm_source=kendovue&utm_campaign=kendo-ui-vue-purchase-license-keys-warning'
14
14
  };
@@ -36,14 +36,14 @@
36
36
  // /**
37
37
  // * The TreeList draggable row component.
38
38
  // */
39
- // export class TreeListDraggableRow extends React.Component<TreeListRowProps, TreeListRowState> {
39
+ // export class TreeListDraggableRow extends Component<TreeListRowProps, TreeListRowState> {
40
40
  // /**
41
41
  // * @hidden
42
42
  // */
43
43
  // readonly state: TreeListRowState = {
44
44
  // clueProps: { ...defaultClueState }
45
45
  // };
46
- // private draggable = React.createRef<Draggable>();
46
+ // private draggable = createRef<Draggable>();
47
47
  // private dragged: number[] | null = null;
48
48
  // private draggedOver: number[] | null = null;
49
49
  // /**
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@progress/kendo-vue-treelist",
3
- "version": "3.5.4",
3
+ "version": "3.6.0-dev.202209130634",
4
4
  "description": "Kendo UI for Vue TreeList package",
5
5
  "repository": {
6
6
  "type": "git",
@@ -47,22 +47,22 @@
47
47
  "vue": "^2.6.12 || ^3.0.2"
48
48
  },
49
49
  "dependencies": {
50
- "@progress/kendo-vue-common": "3.5.4"
50
+ "@progress/kendo-vue-common": "3.6.0-dev.202209130634"
51
51
  },
52
52
  "devDependencies": {
53
53
  "@progress/kendo-data-query": "^1.0.0",
54
54
  "@progress/kendo-date-math": "^1.4.1",
55
55
  "@progress/kendo-drawing": "^1.8.0",
56
56
  "@progress/kendo-licensing": "^1.0.1",
57
- "@progress/kendo-vue-buttons": "3.5.4",
58
- "@progress/kendo-vue-data-tools": "3.5.4",
59
- "@progress/kendo-vue-dateinputs": "3.5.4",
60
- "@progress/kendo-vue-dialogs": "3.5.4",
61
- "@progress/kendo-vue-dropdowns": "3.5.4",
62
- "@progress/kendo-vue-excel-export": "3.5.4",
63
- "@progress/kendo-vue-inputs": "3.5.4",
64
- "@progress/kendo-vue-intl": "3.5.4",
65
- "@progress/kendo-vue-pdf": "3.5.4"
57
+ "@progress/kendo-vue-buttons": "3.6.0-dev.202209130634",
58
+ "@progress/kendo-vue-data-tools": "3.6.0-dev.202209130634",
59
+ "@progress/kendo-vue-dateinputs": "3.6.0-dev.202209130634",
60
+ "@progress/kendo-vue-dialogs": "3.6.0-dev.202209130634",
61
+ "@progress/kendo-vue-dropdowns": "3.6.0-dev.202209130634",
62
+ "@progress/kendo-vue-excel-export": "3.6.0-dev.202209130634",
63
+ "@progress/kendo-vue-inputs": "3.6.0-dev.202209130634",
64
+ "@progress/kendo-vue-intl": "3.6.0-dev.202209130634",
65
+ "@progress/kendo-vue-pdf": "3.6.0-dev.202209130634"
66
66
  },
67
67
  "@progress": {
68
68
  "friendlyName": "TreeList",
@@ -1,15 +0,0 @@
1
- declare type DefaultData<V> = object | ((this: V) => {});
2
- declare type DefaultMethods<V> = {
3
- [key: string]: (this: V, ...args: any[]) => any;
4
- };
5
- import { DefineComponent, RecordPropsDefinition, ComponentOptions, Vue2type } from './additionalTypes';
6
- /**
7
- * @hidden
8
- */
9
- declare let TreeListNoRecordsVue2: ComponentOptions<Vue2type, DefaultData<{}>, DefaultMethods<{}>, {}, RecordPropsDefinition<{}>>;
10
- /**
11
- * Represents the TreeListNoRecords component which is rendered
12
- * when the `data` property of the TreeList is empty or `null`.
13
- */
14
- declare const TreeListNoRecords: DefineComponent<{}, any, {}, {}, {}, {}, {}, {}, string, {}, {}, {}>;
15
- export { TreeListNoRecords, TreeListNoRecordsVue2 };
@@ -1,46 +0,0 @@
1
- // @ts-ignore
2
- import * as Vue from 'vue';
3
- var allVue = Vue;
4
- var gh = allVue.h;
5
- var isV3 = allVue.version && allVue.version[0] === '3';
6
- var inject = allVue.inject;
7
- import { provideLocalizationService } from '@progress/kendo-vue-intl';
8
- import { messages, noRecords } from './messages/main';
9
- import { getDefaultSlots } from '@progress/kendo-vue-common';
10
- /**
11
- * @hidden
12
- */
13
-
14
- var TreeListNoRecordsVue2 = {
15
- name: 'TreeListNoRecords',
16
- inject: {
17
- kendoLocalizationService: {
18
- default: null
19
- }
20
- },
21
- // @ts-ignore
22
- setup: !isV3 ? undefined : function () {
23
- var v3 = !!isV3;
24
- var kendoLocalizationService = inject('kendoLocalizationService', {});
25
- return {
26
- v3: v3,
27
- kendoLocalizationService: kendoLocalizationService
28
- };
29
- },
30
- // @ts-ignore
31
- render: function render(createElement) {
32
- var h = gh || createElement;
33
- var defaultSlot = getDefaultSlots(this);
34
- var localizationService = provideLocalizationService(this);
35
- var noRecordsMessage = localizationService.toLanguageString(noRecords, messages[noRecords]);
36
- return defaultSlot ? h("div", [defaultSlot]) // @ts-ignore
37
- : this.v3 ? noRecordsMessage : this._v(noRecordsMessage);
38
- }
39
- };
40
- /**
41
- * Represents the TreeListNoRecords component which is rendered
42
- * when the `data` property of the TreeList is empty or `null`.
43
- */
44
-
45
- var TreeListNoRecords = TreeListNoRecordsVue2;
46
- export { TreeListNoRecords, TreeListNoRecordsVue2 };
@@ -1,4 +0,0 @@
1
- // import { HeaderCell } from '@progress/kendo-vue-data-tools';
2
- // import { TreeListHeaderCellProps } from '../interfaces/TreeListHeaderCellProps';
3
- // export const TreeListHeaderCell: React.FunctionComponent<TreeListHeaderCellProps> =
4
- // (props: TreeListHeaderCellProps) => <HeaderCell {...props} />;
@@ -1,12 +0,0 @@
1
- // import { guid } from '@progress/kendo-vue-common';
2
- // import { HeaderCellProps, HeaderSelectionCell } from '@progress/kendo-vue-data-tools';
3
- // export interface TreeListHeaderSelectionCellProps extends HeaderCellProps { }
4
- // export class TreeListHeaderSelectionCell extends React.Component<TreeListHeaderSelectionCellProps> {
5
- // private _inputId: string = guid();
6
- // /**
7
- // * @hidden
8
- // */
9
- // render() {
10
- // return <HeaderSelectionCell inputId={this._inputId} {...this.props} />;
11
- // }
12
- // }
@@ -1,5 +0,0 @@
1
- /**
2
- * The props of the TreeListNoRecords component.
3
- */
4
- export interface TreeListNoRecordsProps {
5
- }
@@ -1 +0,0 @@
1
- export {};
@@ -1,15 +0,0 @@
1
- declare type DefaultData<V> = object | ((this: V) => {});
2
- declare type DefaultMethods<V> = {
3
- [key: string]: (this: V, ...args: any[]) => any;
4
- };
5
- import { DefineComponent, RecordPropsDefinition, ComponentOptions, Vue2type } from './additionalTypes';
6
- /**
7
- * @hidden
8
- */
9
- declare let TreeListNoRecordsVue2: ComponentOptions<Vue2type, DefaultData<{}>, DefaultMethods<{}>, {}, RecordPropsDefinition<{}>>;
10
- /**
11
- * Represents the TreeListNoRecords component which is rendered
12
- * when the `data` property of the TreeList is empty or `null`.
13
- */
14
- declare const TreeListNoRecords: DefineComponent<{}, any, {}, {}, {}, {}, {}, {}, string, {}, {}, {}>;
15
- export { TreeListNoRecords, TreeListNoRecordsVue2 };
@@ -1,46 +0,0 @@
1
- // @ts-ignore
2
- import * as Vue from 'vue';
3
- var allVue = Vue;
4
- var gh = allVue.h;
5
- var isV3 = allVue.version && allVue.version[0] === '3';
6
- var inject = allVue.inject;
7
- import { provideLocalizationService } from '@progress/kendo-vue-intl';
8
- import { messages, noRecords } from './messages/main.js';
9
- import { getDefaultSlots } from '@progress/kendo-vue-common';
10
- /**
11
- * @hidden
12
- */
13
-
14
- var TreeListNoRecordsVue2 = {
15
- name: 'TreeListNoRecords',
16
- inject: {
17
- kendoLocalizationService: {
18
- default: null
19
- }
20
- },
21
- // @ts-ignore
22
- setup: !isV3 ? undefined : function () {
23
- var v3 = !!isV3;
24
- var kendoLocalizationService = inject('kendoLocalizationService', {});
25
- return {
26
- v3: v3,
27
- kendoLocalizationService: kendoLocalizationService
28
- };
29
- },
30
- // @ts-ignore
31
- render: function render(createElement) {
32
- var h = gh || createElement;
33
- var defaultSlot = getDefaultSlots(this);
34
- var localizationService = provideLocalizationService(this);
35
- var noRecordsMessage = localizationService.toLanguageString(noRecords, messages[noRecords]);
36
- return defaultSlot ? h("div", [defaultSlot]) // @ts-ignore
37
- : this.v3 ? noRecordsMessage : this._v(noRecordsMessage);
38
- }
39
- };
40
- /**
41
- * Represents the TreeListNoRecords component which is rendered
42
- * when the `data` property of the TreeList is empty or `null`.
43
- */
44
-
45
- var TreeListNoRecords = TreeListNoRecordsVue2;
46
- export { TreeListNoRecords, TreeListNoRecordsVue2 };
@@ -1,4 +0,0 @@
1
- // import { HeaderCell } from '@progress/kendo-vue-data-tools';
2
- // import { TreeListHeaderCellProps } from '../interfaces/TreeListHeaderCellProps.js';
3
- // export const TreeListHeaderCell: React.FunctionComponent<TreeListHeaderCellProps> =
4
- // (props: TreeListHeaderCellProps) => <HeaderCell {...props} />;
@@ -1,12 +0,0 @@
1
- // import { guid } from '@progress/kendo-vue-common';
2
- // import { HeaderCellProps, HeaderSelectionCell } from '@progress/kendo-vue-data-tools';
3
- // export interface TreeListHeaderSelectionCellProps extends HeaderCellProps { }
4
- // export class TreeListHeaderSelectionCell extends React.Component<TreeListHeaderSelectionCellProps> {
5
- // private _inputId: string = guid();
6
- // /**
7
- // * @hidden
8
- // */
9
- // render() {
10
- // return <HeaderSelectionCell inputId={this._inputId} {...this.props} />;
11
- // }
12
- // }
@@ -1,5 +0,0 @@
1
- /**
2
- * The props of the TreeListNoRecords component.
3
- */
4
- export interface TreeListNoRecordsProps {
5
- }
@@ -1 +0,0 @@
1
- export {};