@progress/kendo-vue-grid 3.7.2 → 3.7.3-dev.202211021441

package/dist/npm/Grid.js

@@ -57,6 +57,7 @@ var FilterRow_1 = require("./header/FilterRow");
 var GroupPanel_1 = require("./header/GroupPanel");
 var Footer_1 = require("./footer/Footer");
 var FooterRow_1 = require("./footer/FooterRow");
+var GridCellValue_1 = require("./GridCellValue");
 var filterCommon_1 = require("./filterCommon");
 var VirtualScroll_1 = require("./VirtualScroll");
 var ColumnResize_1 = require("./drag/ColumnResize");
@@ -1155,8 +1156,6 @@ var GridVue2 = {
       colSpans = _a.colSpans,
       isColHidden = _a.hiddenColumns;
     var dataRow = function dataRow(item, rowId, rowDataIndex) {
-      var isInEdit = false;
-      var selectedValue = this.$props.selectedField ? (0, main_1.getNestedValue)(this.$props.selectedField, item.dataItem) : undefined;
       return {
         row: this._columns.map(function (column, index) {
           var _this = this;
@@ -1171,14 +1170,6 @@ var GridVue2 = {
             left: column.right + 'px',
             right: column.left + 'px'
           } : {};
-          var currentColumnIsInEdit = false;
-          if (column.editable && this.$props.editField) {
-            var inEdit = (0, main_1.getNestedValue)(this.$props.editField, item.dataItem);
-            if (inEdit === true || inEdit === column.field) {
-              isInEdit = true;
-              currentColumnIsInEdit = true;
-            }
-          }
           var columnCellRenderFunction;
           if (column.cell) {
             columnCellRenderFunction = kendo_vue_common_1.templateRendering.call(this, column.cell, kendo_vue_common_1.getListeners.call(this));
@@ -1210,8 +1201,7 @@ var GridVue2 = {
                 level: item.level,
                 expanded: isExpanded,
                 dataIndex: item.dataIndex,
-                ariaColumnIndex: column.ariaColumnIndex,
-                isSelected: Array.isArray(selectedValue) && selectedValue.indexOf(index) > -1
+                ariaColumnIndex: column.ariaColumnIndex
               },
               colSpan: colSpans[index],
               dataItem: item.dataItem,
@@ -1251,20 +1241,156 @@ var GridVue2 = {
               expanded: isExpanded,
               dataIndex: item.dataIndex,
               style: style,
-              ariaColumnIndex: column.ariaColumnIndex,
-              isSelected: Array.isArray(selectedValue) && selectedValue.indexOf(index) > -1
+              ariaColumnIndex: column.ariaColumnIndex
             });
           }
-          if (currentColumnIsInEdit) {
-            // @ts-ignore
-            return h(GridEditCell_1.GridEditCell, {
+          // @ts-ignore
+          return h(GridCellValue_1.GridCellValue, {
+            dataItem: item.dataItem,
+            attrs: this.v3 ? undefined : {
+              dataItem: item.dataItem,
+              editField: this.$props.editField,
+              column: column,
+              editCell: h(GridEditCell_1.GridEditCell, {
+                id: kendo_vue_data_tools_1.tableKeyboardNavigationTools.generateNavigatableId("".concat(rowId, "-").concat(String(index)), idPrefix),
+                attrs: this.v3 ? undefined : {
+                  id: kendo_vue_data_tools_1.tableKeyboardNavigationTools.generateNavigatableId("".concat(rowId, "-").concat(String(index)), idPrefix),
+                  colSpan: colSpans[index],
+                  dataItem: item.dataItem,
+                  field: column.field || '' // todo
+                  ,
+                  editor: column.editor,
+                  format: column.format,
+                  readFormat: column.readFormat,
+                  type: column.type,
+                  className: className,
+                  render: columnCellRenderFunction || cellRenderFunction,
+                  columnIndex: index,
+                  columnsCount: this._columns.filter(function (c) {
+                    return !c.children.length;
+                  }).length,
+                  rowType: item.rowType,
+                  level: item.level,
+                  expanded: isExpanded,
+                  dataIndex: item.dataIndex
+                },
+                key: index,
+                colSpan: colSpans[index],
+                dataItem: item.dataItem,
+                field: column.field || '',
+                editor: column.editor,
+                format: column.format,
+                readFormat: column.readFormat,
+                type: column.type,
+                className: className,
+                render: columnCellRenderFunction || cellRenderFunction,
+                onEdit: this.editHandler,
+                on: this.v3 ? undefined : {
+                  "edit": this.editHandler,
+                  "remove": this.removeHandler,
+                  "save": this.saveHandler,
+                  "cancel": this.cancelHandler,
+                  "change": this.itemChange
+                },
+                onRemove: this.removeHandler,
+                onSave: this.saveHandler,
+                onCancel: this.cancelHandler,
+                onChange: this.itemChange,
+                columnIndex: index,
+                columnsCount: this._columns.filter(function (c) {
+                  return !c.children.length;
+                }).length,
+                rowType: item.rowType,
+                level: item.level,
+                expanded: isExpanded,
+                dataIndex: item.dataIndex,
+                style: style
+              }),
+              inbuildCell: h(GridCell_1.GridCell, {
+                key: index,
+                id: kendo_vue_data_tools_1.tableKeyboardNavigationTools.generateNavigatableId("".concat(rowId, "-").concat(String(index)), idPrefix),
+                attrs: this.v3 ? undefined : {
+                  id: kendo_vue_data_tools_1.tableKeyboardNavigationTools.generateNavigatableId("".concat(rowId, "-").concat(String(index)), idPrefix),
+                  colSpan: colSpans[index],
+                  dataItem: item.dataItem,
+                  field: column.field || '' // todo
+                  ,
+                  editor: column.editor,
+                  format: column.format,
+                  readFormat: column.readFormat,
+                  type: column.type,
+                  className: className,
+                  render: columnCellRenderFunction || cellRenderFunction,
+                  columnIndex: index,
+                  columnsCount: this._columns.filter(function (c) {
+                    return !c.children.length;
+                  }).length,
+                  rowType: item.rowType,
+                  level: item.level,
+                  expanded: isExpanded,
+                  dataIndex: item.dataIndex
+                },
+                colSpan: colSpans[index],
+                dataItem: item.dataItem,
+                field: column.field || '',
+                editor: column.editor,
+                format: column.format,
+                readFormat: column.readFormat,
+                type: column.type,
+                className: className,
+                render: columnCellRenderFunction || cellRenderFunction,
+                onCellclick: this.cellClickHandler,
+                on: this.v3 ? undefined : {
+                  "cellclick": this.cellClickHandler,
+                  "cellkeydown": this.cellKeydownHandler,
+                  "edit": this.editHandler,
+                  "remove": this.removeHandler,
+                  "save": this.saveHandler,
+                  "cancel": this.cancelHandler,
+                  "change": this.itemChange,
+                  "selectionchange": function selectionchange(e) {
+                    return _this.selectionChangeHandler({
+                      event: e,
+                      dataItem: item.dataItem,
+                      dataIndex: rowDataIndex,
+                      columnIndex: index
+                    });
+                  }
+                },
+                onCellkeydown: this.cellKeydownHandler,
+                onEdit: this.editHandler,
+                onRemove: this.removeHandler,
+                onSave: this.saveHandler,
+                onCancel: this.cancelHandler,
+                onChange: this.itemChange,
+                onSelectionchange: function selectionchange(e) {
+                  return _this.selectionChangeHandler({
+                    event: e,
+                    dataItem: item.dataItem,
+                    dataIndex: rowDataIndex,
+                    columnIndex: index
+                  });
+                },
+                columnIndex: index,
+                columnsCount: this._columns.filter(function (c) {
+                  return !c.children.length;
+                }).length,
+                rowType: item.rowType,
+                level: item.level,
+                expanded: isExpanded,
+                dataIndex: item.dataIndex,
+                style: style
+              })
+            },
+            editField: this.$props.editField,
+            column: column,
+            editCell: h(GridEditCell_1.GridEditCell, {
               id: kendo_vue_data_tools_1.tableKeyboardNavigationTools.generateNavigatableId("".concat(rowId, "-").concat(String(index)), idPrefix),
               attrs: this.v3 ? undefined : {
                 id: kendo_vue_data_tools_1.tableKeyboardNavigationTools.generateNavigatableId("".concat(rowId, "-").concat(String(index)), idPrefix),
                 colSpan: colSpans[index],
                 dataItem: item.dataItem,
-                field: column.field || '' // todo
-                ,
+                field: column.field || '',
                 editor: column.editor,
                 format: column.format,
                 readFormat: column.readFormat,
@@ -1311,24 +1437,71 @@ var GridVue2 = {
               expanded: isExpanded,
               dataIndex: item.dataIndex,
               style: style
-            });
-          }
-          // @ts-ignore
-          var inbuiltSlot = h(GridCell_1.GridCell, {
-            key: index,
-            id: kendo_vue_data_tools_1.tableKeyboardNavigationTools.generateNavigatableId("".concat(rowId, "-").concat(String(index)), idPrefix),
-            attrs: this.v3 ? undefined : {
+            }),
+            inbuildCell: h(GridCell_1.GridCell, {
+              key: index,
               id: kendo_vue_data_tools_1.tableKeyboardNavigationTools.generateNavigatableId("".concat(rowId, "-").concat(String(index)), idPrefix),
+              attrs: this.v3 ? undefined : {
+                id: kendo_vue_data_tools_1.tableKeyboardNavigationTools.generateNavigatableId("".concat(rowId, "-").concat(String(index)), idPrefix),
+                colSpan: colSpans[index],
+                dataItem: item.dataItem,
+                field: column.field || '',
+                editor: column.editor,
+                format: column.format,
+                readFormat: column.readFormat,
+                type: column.type,
+                className: className,
+                render: columnCellRenderFunction || cellRenderFunction,
+                columnIndex: index,
+                columnsCount: this._columns.filter(function (c) {
+                  return !c.children.length;
+                }).length,
+                rowType: item.rowType,
+                level: item.level,
+                expanded: isExpanded,
+                dataIndex: item.dataIndex
+              },
               colSpan: colSpans[index],
               dataItem: item.dataItem,
-              field: column.field || '' // todo
-              ,
+              field: column.field || '',
               editor: column.editor,
               format: column.format,
               readFormat: column.readFormat,
               type: column.type,
               className: className,
               render: columnCellRenderFunction || cellRenderFunction,
+              onCellclick: this.cellClickHandler,
+              on: this.v3 ? undefined : {
+                "cellclick": this.cellClickHandler,
+                "cellkeydown": this.cellKeydownHandler,
+                "edit": this.editHandler,
+                "remove": this.removeHandler,
+                "save": this.saveHandler,
+                "cancel": this.cancelHandler,
+                "change": this.itemChange,
+                "selectionchange": function selectionchange(e) {
+                  return _this.selectionChangeHandler({
+                    event: e,
+                    dataItem: item.dataItem,
+                    dataIndex: rowDataIndex,
+                    columnIndex: index
+                  });
+                }
+              },
+              onCellkeydown: this.cellKeydownHandler,
+              onEdit: this.editHandler,
+              onRemove: this.removeHandler,
+              onSave: this.saveHandler,
+              onCancel: this.cancelHandler,
+              onChange: this.itemChange,
+              onSelectionchange: function selectionchange(e) {
+                return _this.selectionChangeHandler({
+                  event: e,
+                  dataItem: item.dataItem,
+                  dataIndex: rowDataIndex,
+                  columnIndex: index
+                });
+              },
               columnIndex: index,
               columnsCount: this._columns.filter(function (c) {
                 return !c.children.length;
@@ -1336,63 +1509,11 @@ var GridVue2 = {
               rowType: item.rowType,
               level: item.level,
               expanded: isExpanded,
-              dataIndex: item.dataIndex
-            },
-            colSpan: colSpans[index],
-            dataItem: item.dataItem,
-            field: column.field || '',
-            editor: column.editor,
-            format: column.format,
-            readFormat: column.readFormat,
-            type: column.type,
-            className: className,
-            render: columnCellRenderFunction || cellRenderFunction,
-            onCellclick: this.cellClickHandler,
-            on: this.v3 ? undefined : {
-              "cellclick": this.cellClickHandler,
-              "cellkeydown": this.cellKeydownHandler,
-              "edit": this.editHandler,
-              "remove": this.removeHandler,
-              "save": this.saveHandler,
-              "cancel": this.cancelHandler,
-              "change": this.itemChange,
-              "selectionchange": function selectionchange(e) {
-                return _this.selectionChangeHandler({
-                  event: e,
-                  dataItem: item.dataItem,
-                  dataIndex: rowDataIndex,
-                  columnIndex: index
-                });
-              }
-            },
-            onCellkeydown: this.cellKeydownHandler,
-            onEdit: this.editHandler,
-            onRemove: this.removeHandler,
-            onSave: this.saveHandler,
-            onCancel: this.cancelHandler,
-            onChange: this.itemChange,
-            onSelectionchange: function selectionchange(e) {
-              return _this.selectionChangeHandler({
-                event: e,
-                dataItem: item.dataItem,
-                dataIndex: rowDataIndex,
-                columnIndex: index
-              });
-            },
-            columnIndex: index,
-            columnsCount: this._columns.filter(function (c) {
-              return !c.children.length;
-            }).length,
-            rowType: item.rowType,
-            level: item.level,
-            expanded: isExpanded,
-            dataIndex: item.dataIndex,
-            style: style
+              dataIndex: item.dataIndex,
+              style: style
+            })
           });
-          return inbuiltSlot;
-        }, this),
-        isInEdit: isInEdit,
-        isSelected: typeof selectedValue === 'boolean' && selectedValue
+        }, this)
       };
     };
     var hiddenRows = 0;
@@ -1452,18 +1573,15 @@ var GridVue2 = {
         attrs: this.v3 ? undefined : {
           dataItem: item.dataItem,
           isAltRow: isAlt,
-          isInEdit: dataRow.isInEdit,
           rowType: item.rowType,
           isHidden: hidden(rowIndex),
           selectedField: this.$props.selectedField,
           rowHeight: this.$props.rowHeight,
           render: rowRenderFunction,
           ariaRowIndex: currentAriaRowIndex,
-          dataIndex: dataIndex,
-          isSelected: dataRow.isSelected
+          dataIndex: dataIndex
         },
         isAltRow: isAlt,
-        isInEdit: dataRow.isInEdit,
         rowType: item.rowType,
         isHidden: hidden(rowIndex),
         onRowclick: function onRowclick(e) {
@@ -1485,7 +1603,6 @@ var GridVue2 = {
         render: rowRenderFunction,
         ariaRowIndex: currentAriaRowIndex,
         dataIndex: dataIndex,
-        isSelected: dataRow.isSelected,
         "class": this.$props.rowClass ? this.$props.rowClass(item) : ''
       }, this.v3 ? function () {
         return [dataRow.call(_this2, item, rowId, dataIndex).row];

package/dist/npm/GridCellValue.d.ts

@@ -0,0 +1,21 @@
+declare type DefaultData<V> = object | ((this: V) => {});
+declare type DefaultMethods<V> = {
+    [key: string]: (this: V, ...args: any[]) => any;
+};
+import { DefineComponent, RecordPropsDefinition, ComponentOptions, Vue2type } from './additionalTypes';
+interface GridCellValueProps {
+    dataItem: object;
+    column: object;
+    editCell: object;
+    inbuildCell: object;
+    editField?: string;
+}
+/**
+ * @hidden
+ */
+declare let GridCellValueVue2: ComponentOptions<Vue2type, DefaultData<{}>, DefaultMethods<{}>, {}, RecordPropsDefinition<GridCellValueProps>>;
+/**
+ * @hidden
+ */
+declare const GridCellValue: DefineComponent<GridCellValueProps, any, {}, {}, {}, {}, {}, {}, string, GridCellValueProps, GridCellValueProps, {}>;
+export { GridCellValue, GridCellValueVue2 };

package/dist/npm/GridCellValue.js

@@ -0,0 +1,44 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.GridCellValueVue2 = exports.GridCellValue = void 0;
+// @ts-ignore
+var Vue = require("vue");
+var allVue = Vue;
+var gh = allVue.h;
+var isV3 = allVue.version && allVue.version[0] === '3';
+var kendo_vue_common_1 = require("@progress/kendo-vue-common");
+/**
+ * @hidden
+ */
+var GridCellValueVue2 = {
+  name: 'GridCellValue',
+  props: {
+    dataItem: Object,
+    column: Object,
+    editField: String,
+    editCell: Object,
+    inbuildCell: Object
+  },
+  // @ts-ignore
+  setup: !isV3 ? undefined : function () {
+    var v3 = !!isV3;
+    return {
+      v3: v3
+    };
+  },
+  // @ts-ignore
+  render: function render(createElement) {
+    var h = gh || createElement;
+    var inEdit = this.editField ? (0, kendo_vue_common_1.getNestedValue)(this.editField, this.dataItem) : false;
+    return this.column.editable && this.editField && (inEdit === true || inEdit === this.column.field) ? this.editCell : this.inbuildCell;
+  }
+};
+exports.GridCellValueVue2 = GridCellValueVue2;
+/**
+ * @hidden
+ */
+var GridCellValue = GridCellValueVue2;
+exports.GridCellValue = GridCellValue;

package/dist/npm/package-metadata.js

@@ -8,7 +8,7 @@ exports.packageMetadata = {
     name: '@progress/kendo-vue-grid',
     productName: 'Kendo UI for Vue',
     productCodes: ['KENDOUIVUE', 'KENDOUICOMPLETE'],
-    publishDate: 1667290282,
+    publishDate: 1667399678,
     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-grid",
-  "version": "3.7.2",
+  "version": "3.7.3-dev.202211021441",
   "description": "Kendo UI for Vue Grid package",
   "repository": {
     "type": "git",
@@ -41,24 +41,24 @@
     "vue": "^2.6.12 || ^3.0.2"
   },
   "dependencies": {
-    "@progress/kendo-vue-common": "3.7.2"
+    "@progress/kendo-vue-common": "3.7.3-dev.202211021441"
   },
   "devDependencies": {
     "@progress/kendo-data-query": "^1.5.4",
     "@progress/kendo-drawing": "^1.9.3",
     "@progress/kendo-licensing": "^1.1.0",
-    "@progress/kendo-vue-animation": "3.7.2",
-    "@progress/kendo-vue-buttons": "3.7.2",
-    "@progress/kendo-vue-charts": "3.7.2",
-    "@progress/kendo-vue-data-tools": "3.7.2",
-    "@progress/kendo-vue-dateinputs": "3.7.2",
-    "@progress/kendo-vue-dropdowns": "3.7.2",
-    "@progress/kendo-vue-excel-export": "3.7.2",
-    "@progress/kendo-vue-indicators": "3.7.2",
-    "@progress/kendo-vue-inputs": "3.7.2",
-    "@progress/kendo-vue-intl": "3.7.2",
-    "@progress/kendo-vue-pdf": "3.7.2",
-    "@progress/kendo-vue-popup": "3.7.2",
+    "@progress/kendo-vue-animation": "3.7.3-dev.202211021441",
+    "@progress/kendo-vue-buttons": "3.7.3-dev.202211021441",
+    "@progress/kendo-vue-charts": "3.7.3-dev.202211021441",
+    "@progress/kendo-vue-data-tools": "3.7.3-dev.202211021441",
+    "@progress/kendo-vue-dateinputs": "3.7.3-dev.202211021441",
+    "@progress/kendo-vue-dropdowns": "3.7.3-dev.202211021441",
+    "@progress/kendo-vue-excel-export": "3.7.3-dev.202211021441",
+    "@progress/kendo-vue-indicators": "3.7.3-dev.202211021441",
+    "@progress/kendo-vue-inputs": "3.7.3-dev.202211021441",
+    "@progress/kendo-vue-intl": "3.7.3-dev.202211021441",
+    "@progress/kendo-vue-pdf": "3.7.3-dev.202211021441",
+    "@progress/kendo-vue-popup": "3.7.3-dev.202211021441",
     "cldr-core": "^41.0.0",
     "cldr-dates-full": "^41.0.0",
     "cldr-numbers-full": "^41.0.0",