@progress/kendo-vue-treelist 3.5.2 → 3.5.3-dev.202209051408

package/dist/npm/TreeList.js

@@ -133,7 +133,8 @@ var TreeListVue2 = {
       wrapperScrollTop: 0,
       updateOnScroll: false,
       tbodyOffsetTop: 0,
-      isRtl: false
+      isRtl: false,
+      navigation: undefined
     };
   },
   // private get document(): Document | undefined {
@@ -150,11 +151,18 @@ var TreeListVue2 = {
   mounted: function mounted() {
     this.calculateSizes(this.$el);
     var rtl = (0, kendo_vue_common_1.isRtl)(this.$el);
-    this.isRtl = rtl; // tableKeyboardNavigation.onComponentDidMount({
+    this.isRtl = rtl;
+    var elementString = '$el';
+    var element = (0, kendo_vue_common_1.getRef)(this, 'gridNav');
+
+    if (element) {
+      this.element = element[elementString];
+    } // tableKeyboardNavigation.onComponentDidMount({
     //     scope: this.element || undefined,
     //     contextStateRef: this.contextStateRef,
     //     navigationStateRef: this.navigationStateRef
     // });
+
   },
   // /**
   //  * @hidden
@@ -224,7 +232,7 @@ var TreeListVue2 = {
       return Boolean(c.filter) || Boolean(c.filterCell);
     }) || filterRow !== undefined;
     var FilterRow = filterRow || kendo_vue_data_tools_1.FilterRow;
-    var idPrefix = kendo_vue_data_tools_1.tableKeyboardNavigationTools.getIdPrefix(undefined); // to do this.navigationStateRef
+    var idPrefix = kendo_vue_data_tools_1.tableKeyboardNavigationTools.getIdPrefix(this.navigation);
 
     if (this.prevColumns !== columns) {
       this.extendedColumn = (0, kendo_vue_data_tools_1.readColumns)(columns, {
@@ -698,9 +706,6 @@ var TreeListVue2 = {
           "class": (0, kendo_vue_common_1.classNames)('k-widget k-grid', _this2.$props.className, {
             'k-treelist-scrollable': scrollable !== 'none'
           }),
-          ref: function ref(e) {
-            return _this.element = e;
-          },
           currentData: flattedData,
           attrs: _this2.v3 ? undefined : {
             currentData: flattedData,
@@ -711,14 +716,17 @@ var TreeListVue2 = {
           onScroll: virtualScroll ? _this2.handleOnScroll : kendo_vue_common_1.noop,
           on: _this2.v3 ? undefined : {
             "scroll": virtualScroll ? _this2.handleOnScroll : kendo_vue_common_1.noop,
-            "keyDown": _this2.onKeyDown,
+            "keydown": _this2.onKeyDown,
             "focus": _this2.onFocus
           },
-          onKeyDown: _this2.onKeyDown,
+          onKeydown: _this2.onKeyDown,
           onFocus: _this2.onFocus,
           "aria-rowcount": total,
           "aria-colcount": leafColumns.length,
-          role: 'treegrid'
+          role: 'treegrid',
+          ref: _this2.v3 ? function (el) {
+            _this.treeListNavRef = el;
+          } : 'treeListNav'
         }, _this2.v3 ? function () {
           return [_this2.$props.toolbar, //     // @ts-ignore
           //   <TableSelection
@@ -735,11 +743,12 @@ var TreeListVue2 = {
               role: 'presentation'
             }
           }, [colGroups, header, h("tbody", {
-            // {...tableKeyboardNavigationBodyAttributes} 
-            role: 'presentation',
+            "data-keyboardnavbody": true,
             attrs: _this2.v3 ? undefined : {
+              "data-keyboardnavbody": true,
               role: 'presentation'
-            }
+            },
+            role: 'presentation'
           }, [body])]) //     </TableSelection>
           , pager, reorderable && h(kendo_vue_data_tools_1.DropClue, {
             ref: _this2.dragLogic.refDropElementClue
@@ -755,10 +764,12 @@ var TreeListVue2 = {
             role: 'presentation'
           }
         }, [colGroups, header, h("tbody", {
-          role: 'presentation',
+          "data-keyboardnavbody": true,
           attrs: _this2.v3 ? undefined : {
+            "data-keyboardnavbody": true,
             role: 'presentation'
-          }
+          },
+          role: 'presentation'
         }, [body])]), pager, reorderable && h(kendo_vue_data_tools_1.DropClue, {
           ref: _this2.dragLogic.refDropElementClue
         }), reorderable && h(kendo_vue_data_tools_1.DragClue, {
@@ -769,9 +780,6 @@ var TreeListVue2 = {
         "class": (0, kendo_vue_common_1.classNames)('k-widget k-grid', _this2.$props.className, {
           'k-treelist-scrollable': scrollable !== 'none'
         }),
-        ref: function ref(e) {
-          return _this.element = e;
-        },
         currentData: flattedData,
         attrs: _this2.v3 ? undefined : {
           currentData: flattedData,
@@ -782,14 +790,17 @@ var TreeListVue2 = {
         onScroll: virtualScroll ? _this2.handleOnScroll : kendo_vue_common_1.noop,
         on: _this2.v3 ? undefined : {
           "scroll": virtualScroll ? _this2.handleOnScroll : kendo_vue_common_1.noop,
-          "keyDown": _this2.onKeyDown,
+          "keydown": _this2.onKeyDown,
           "focus": _this2.onFocus
         },
-        onKeyDown: _this2.onKeyDown,
+        onKeydown: _this2.onKeyDown,
         onFocus: _this2.onFocus,
         "aria-rowcount": total,
         "aria-colcount": leafColumns.length,
-        role: 'treegrid'
+        role: 'treegrid',
+        ref: _this2.v3 ? function (el) {
+          _this.treeListNavRef = el;
+        } : 'treeListNav'
       }, _this2.v3 ? function () {
         return [_this2.$props.toolbar, h("table", {
           style: __assign(__assign({}, tableProps.style || {}), {
@@ -800,10 +811,12 @@ var TreeListVue2 = {
             role: 'presentation'
           }
         }, [colGroups, header, h("tbody", {
-          role: 'presentation',
+          "data-keyboardnavbody": true,
           attrs: _this2.v3 ? undefined : {
+            "data-keyboardnavbody": true,
             role: 'presentation'
-          }
+          },
+          role: 'presentation'
         }, [body])]), pager, reorderable && h(kendo_vue_data_tools_1.DropClue, {
           ref: _this2.dragLogic.refDropElementClue
         }), reorderable && h(kendo_vue_data_tools_1.DragClue, {
@@ -818,10 +831,12 @@ var TreeListVue2 = {
           role: 'presentation'
         }
       }, [colGroups, header, h("tbody", {
-        role: 'presentation',
+        "data-keyboardnavbody": true,
         attrs: _this2.v3 ? undefined : {
+          "data-keyboardnavbody": true,
           role: 'presentation'
-        }
+        },
+        role: 'presentation'
       }, [body])]), pager, reorderable && h(kendo_vue_data_tools_1.DropClue, {
         ref: _this2.dragLogic.refDropElementClue
       }), reorderable && h(kendo_vue_data_tools_1.DragClue, {
@@ -912,21 +927,7 @@ var TreeListVue2 = {
       return flattedData;
     },
     onKeyDown: function onKeyDown(event) {
-      // tableKeyboardNavigation.onKeyDown(event, {
-      //     contextStateRef: this.contextStateRef,
-      //     navigationStateRef: this.navigationStateRef
-      // });
-      var _a = (0, kendo_vue_data_tools_1.getSelectionOptions)(this.$props.selectable),
-          mode = _a.mode,
-          cell = _a.cell;
-
-      this.$emit('keydown', __assign({
-        dataItems: this.getLeafDataItems(),
-        mode: mode,
-        cell: cell,
-        componentId: this._treeListId,
-        selectedField: this.$props.selectedField
-      }, this.getArguments(event)));
+      this.$emit('keydown', event);
     },
     onFocus: function onFocus(_event) {// tableKeyboardNavigation.onFocus(event, {
       //     contextStateRef: this.contextStateRef
@@ -1245,7 +1246,7 @@ var TreeListVue2 = {
         this.$emit(handler, __assign(__assign({}, this.getArguments(event)), data));
       } else if (kendo_vue_common_3.hasListener.call(this, 'datastatechange')) {
         this.$emit('datastatechange', __assign(__assign({}, this.getArguments(event)), {
-          data: __assign(__assign({}, this.getDataState()), moreData)
+          data: __assign(__assign(__assign({}, this.getDataState()), data), moreData)
         }));
       }
     },
@@ -1257,9 +1258,8 @@ var TreeListVue2 = {
     },
     getArguments: function getArguments(event) {
       return {
-        nativeEvent: event && event.nativeEvent,
         event: event,
-        target: this
+        component: this
       };
     },
     expandedSubItems: function expandedSubItems(dataItem) {

package/dist/npm/cells/TreeListCell.js

@@ -60,7 +60,7 @@ var TreeListCellVue2 = {
           dataItem = _a.dataItem,
           level = _a.level;
 
-      if (event.isDefaultPrevented()) {
+      if (event.defaultPrevented) {
         return;
       }
 

package/dist/npm/main.js

@@ -7,7 +7,6 @@ var TreeListCell_1 = require("./cells/TreeListCell");
 Object.defineProperty(exports, "TreeListCell", { enumerable: true, get: function () { return TreeListCell_1.TreeListCell; } });
 var TreeListSelectionCell_1 = require("./cells/TreeListSelectionCell");
 Object.defineProperty(exports, "TreeListSelectionCell", { enumerable: true, get: function () { return TreeListSelectionCell_1.TreeListSelectionCell; } });
-// import { TreeListHeaderSelectionCell, TreeListHeaderSelectionCellProps } from './header/TreeListHeaderSelectionCell';
 var TreeListRow_1 = require("./rows/TreeListRow");
 Object.defineProperty(exports, "TreeListRow", { enumerable: true, get: function () { return TreeListRow_1.TreeListRow; } });
 var TreeListToolbar_1 = require("./TreeListToolbar");

package/dist/npm/package-metadata.js

@@ -8,7 +8,7 @@ exports.packageMetadata = {
     name: '@progress/kendo-vue-treelist',
     productName: 'Kendo UI for Vue',
     productCodes: ['KENDOUIVUE', 'KENDOUICOMPLETE'],
-    publishDate: 1662110842,
+    publishDate: 1662386727,
     version: '',
     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'
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-vue-treelist",
-  "version": "3.5.2",
+  "version": "3.5.3-dev.202209051408",
   "description": "Kendo UI for Vue TreeList package",
   "repository": {
     "type": "git",
@@ -47,22 +47,22 @@
     "vue": "^2.6.12 || ^3.0.2"
   },
   "dependencies": {
-    "@progress/kendo-vue-common": "3.5.2"
+    "@progress/kendo-vue-common": "3.5.3-dev.202209051408"
   },
   "devDependencies": {
     "@progress/kendo-data-query": "^1.0.0",
     "@progress/kendo-date-math": "^1.4.1",
     "@progress/kendo-drawing": "^1.8.0",
     "@progress/kendo-licensing": "^1.0.1",
-    "@progress/kendo-vue-buttons": "3.5.2",
-    "@progress/kendo-vue-data-tools": "3.5.2",
-    "@progress/kendo-vue-dateinputs": "3.5.2",
-    "@progress/kendo-vue-dialogs": "3.5.2",
-    "@progress/kendo-vue-dropdowns": "3.5.2",
-    "@progress/kendo-vue-excel-export": "3.5.2",
-    "@progress/kendo-vue-inputs": "3.5.2",
-    "@progress/kendo-vue-intl": "3.5.2",
-    "@progress/kendo-vue-pdf": "3.5.2"
+    "@progress/kendo-vue-buttons": "3.5.3-dev.202209051408",
+    "@progress/kendo-vue-data-tools": "3.5.3-dev.202209051408",
+    "@progress/kendo-vue-dateinputs": "3.5.3-dev.202209051408",
+    "@progress/kendo-vue-dialogs": "3.5.3-dev.202209051408",
+    "@progress/kendo-vue-dropdowns": "3.5.3-dev.202209051408",
+    "@progress/kendo-vue-excel-export": "3.5.3-dev.202209051408",
+    "@progress/kendo-vue-inputs": "3.5.3-dev.202209051408",
+    "@progress/kendo-vue-intl": "3.5.3-dev.202209051408",
+    "@progress/kendo-vue-pdf": "3.5.3-dev.202209051408"
   },
   "@progress": {
     "friendlyName": "TreeList",