@progress/kendo-vue-grid 8.1.0-develop.6 → 8.1.0-develop.7

package/interfaces/GridProps.d.ts

@@ -18,6 +18,7 @@ import { PopupAnimation } from '@progress/kendo-vue-popup';
 import { SVGIcon } from '@progress/kendo-vue-common';
 import { GridColumnState } from './GridColumnState';
 import { GridRowSpannableSettings } from './GridRowSpannableSettings';
+import { GridRowsSettings } from './GridRowsSettings';
 import { GridSelectableSettings } from './GridSelectableSettings';
 /**
  * Represents the props of the [native Vue Grid component by Kendo UI]({% slug overview_grid %}).
@@ -94,6 +95,19 @@ export interface GridProps {
      * ```
      */
     cells?: GridCellsSettings;
+    /**
+     * Defines a set of custom row components that the Grid will render instead of the default rows.
+     *
+     * @example
+     * ```vue
+     * <Grid
+     *   :rows="{
+     *     pinnedData: CustomPinnedRow
+     *   }"
+     * />
+     * ```
+     */
+    rows?: GridRowsSettings;
     /**
      * Enables the sorting for the columns with their `field` option set
      * ([see example]({% slug sorting_grid %})).

package/package-metadata.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={name:"@progress/kendo-vue-grid",productName:"Kendo UI for Vue",productCode:"KENDOUIVUE",productCodes:["KENDOUIVUE"],publishDate: 1774970639,version:"8.1.0-develop.6",licensingDocsUrl:"https://www.telerik.com/kendo-vue-ui/my-license/"};exports.packageMetadata=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={name:"@progress/kendo-vue-grid",productName:"Kendo UI for Vue",productCode:"KENDOUIVUE",productCodes:["KENDOUIVUE"],publishDate: 1775028931,version:"8.1.0-develop.7",licensingDocsUrl:"https://www.telerik.com/kendo-vue-ui/my-license/"};exports.packageMetadata=e;

package/package-metadata.mjs

@@ -10,8 +10,8 @@ const e = {
   productName: "Kendo UI for Vue",
   productCode: "KENDOUIVUE",
   productCodes: ["KENDOUIVUE"],
-  publishDate: 1774970639,
-  version: "8.1.0-develop.6",
+  publishDate: 1775028931,
+  version: "8.1.0-develop.7",
   licensingDocsUrl: "https://www.telerik.com/kendo-vue-ui/my-license/"
 };
 export {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-vue-grid",
-  "version": "8.1.0-develop.6",
+  "version": "8.1.0-develop.7",
   "description": "TODO",
   "author": "Progress",
   "license": "SEE LICENSE IN LICENSE.md",
@@ -27,17 +27,17 @@
     "@progress/kendo-data-query": "^1.7.0",
     "@progress/kendo-drawing": "^1.21.1",
     "@progress/kendo-licensing": "^1.7.2",
-    "@progress/kendo-vue-animation": "8.1.0-develop.6",
-    "@progress/kendo-vue-buttons": "8.1.0-develop.6",
-    "@progress/kendo-vue-common": "8.1.0-develop.6",
-    "@progress/kendo-vue-data-tools": "8.1.0-develop.6",
-    "@progress/kendo-vue-dateinputs": "8.1.0-develop.6",
-    "@progress/kendo-vue-indicators": "8.1.0-develop.6",
-    "@progress/kendo-vue-dropdowns": "8.1.0-develop.6",
-    "@progress/kendo-vue-inputs": "8.1.0-develop.6",
-    "@progress/kendo-vue-intl": "8.1.0-develop.6",
-    "@progress/kendo-vue-popup": "8.1.0-develop.6",
-    "@progress/kendo-vue-layout": "8.1.0-develop.6",
+    "@progress/kendo-vue-animation": "8.1.0-develop.7",
+    "@progress/kendo-vue-buttons": "8.1.0-develop.7",
+    "@progress/kendo-vue-common": "8.1.0-develop.7",
+    "@progress/kendo-vue-data-tools": "8.1.0-develop.7",
+    "@progress/kendo-vue-dateinputs": "8.1.0-develop.7",
+    "@progress/kendo-vue-indicators": "8.1.0-develop.7",
+    "@progress/kendo-vue-dropdowns": "8.1.0-develop.7",
+    "@progress/kendo-vue-inputs": "8.1.0-develop.7",
+    "@progress/kendo-vue-intl": "8.1.0-develop.7",
+    "@progress/kendo-vue-popup": "8.1.0-develop.7",
+    "@progress/kendo-vue-layout": "8.1.0-develop.7",
     "@progress/kendo-svg-icons": "^4.4.0",
     "vue": "^3.0.2"
   },
@@ -58,7 +58,7 @@
     "package": {
       "productName": "Kendo UI for Vue",
       "productCode": "KENDOUIVUE",
-      "publishDate": 1774970639,
+      "publishDate": 1775028931,
       "licensingDocsUrl": "https://www.telerik.com/kendo-vue-ui/my-license/"
     }
   },

package/rows/GridRow.d.ts

@@ -35,6 +35,7 @@ declare const GridRow: import('vue').DefineComponent<import('vue').ExtractPropTy
     absoluteRowIndex: PropType<number>;
     dataIndex: PropType<number>;
     render: PropType<any>;
+    rows: PropType<import('../interfaces/GridRowsSettings').GridRowsSettings>;
     onRowclick: PropType<any>;
     onRowdblclick: PropType<Function>;
 }>, {}, {}, {
@@ -60,6 +61,7 @@ declare const GridRow: import('vue').DefineComponent<import('vue').ExtractPropTy
     absoluteRowIndex: PropType<number>;
     dataIndex: PropType<number>;
     render: PropType<any>;
+    rows: PropType<import('../interfaces/GridRowsSettings').GridRowsSettings>;
     onRowclick: PropType<any>;
     onRowdblclick: PropType<Function>;
 }>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;

package/rows/GridRow.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue"),o=require("@progress/kendo-vue-common"),l=t.defineComponent({name:"KendoGridRow",props:{rowType:String,isPinned:Boolean,item:Object,isAltRow:Boolean,isHidden:Boolean,isHighlighted:Boolean,onClick:Function,isInEdit:Boolean,isSelected:Boolean,selectedField:String,rowHeight:Number,ariaRowIndex:Number,absoluteRowIndex:Number,dataIndex:Number,render:[String,Function,Object],onRowclick:Function,onRowdblclick:Function},methods:{handleClick(e){this.$emit("rowclick",e)},handleDoubleClick(e){this.$emit("rowdblclick",e)}},computed:{trClass(){const{rowType:e,isAltRow:i,isInEdit:r,isHighlighted:s,isSelected:n,isPinned:d}=this.$props;return o.uGrid.tr({selected:n,highlighted:s,isHeader:e==="groupHeader",isFooter:e==="groupFooter",isMaster:e!=="groupHeader"&&e!=="groupFooter",isAltRow:i,isInEdit:r,isPinned:d})}},render(){const e=o.getDefaultSlots(this),i=t.createVNode("tr",{onClick:this.handleClick,onDblclick:this.handleDoubleClick,class:this.trClass,style:{height:this.$props.rowHeight?this.$props.rowHeight+"px":"",visibility:this.$props.isHidden?"hidden":""},role:"row","aria-rowindex":this.$props.ariaRowIndex,"absolute-row-index":this.$props.absoluteRowIndex,"data-grid-row-index":this.$props.rowType==="data"?this.$props.dataIndex:void 0},[e]);return o.getTemplate.call(this,{h:t.h,template:this.$props.render,defaultRendering:i,additionalProps:{...this.$props,dataItem:this.$props.item.dataItem},additionalListeners:{click:this.handleClick},defaultSlots:e,swapDefaultSlots:!0})}});exports.GridRow=l;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("vue"),n=require("@progress/kendo-vue-common"),l=s.defineComponent({name:"KendoGridRow",props:{rowType:String,isPinned:Boolean,item:Object,isAltRow:Boolean,isHidden:Boolean,isHighlighted:Boolean,onClick:Function,isInEdit:Boolean,isSelected:Boolean,selectedField:String,rowHeight:Number,ariaRowIndex:Number,absoluteRowIndex:Number,dataIndex:Number,render:[String,Function,Object],rows:Object,onRowclick:Function,onRowdblclick:Function},methods:{handleClick(e){this.$emit("rowclick",e)},handleDoubleClick(e){this.$emit("rowdblclick",e)}},computed:{trClass(){const{rowType:e,isAltRow:i,isInEdit:o,isHighlighted:r,isSelected:t,isPinned:d}=this.$props;return n.uGrid.tr({selected:t,highlighted:r,isHeader:e==="groupHeader",isFooter:e==="groupFooter",isMaster:e!=="groupHeader"&&e!=="groupFooter",isAltRow:i,isInEdit:o,isPinned:d})}},render(){const e=n.getDefaultSlots(this),i={onClick:this.handleClick,onDblclick:this.handleDoubleClick,class:this.trClass,style:{height:this.$props.rowHeight?this.$props.rowHeight+"px":"",visibility:this.$props.isHidden?"hidden":""},role:"row","aria-rowindex":this.$props.ariaRowIndex,"absolute-row-index":this.$props.absoluteRowIndex,"data-grid-row-index":this.$props.rowType==="data"?this.$props.dataIndex:void 0},o=s.createVNode("tr",i,[e]),r=this.$props.rowType||"data",t=this.$props.rows;return n.getTemplate.call(this,{h:s.h,template:this.$props.render||(t==null?void 0:t[r]),defaultRendering:o,additionalProps:{...this.$props,dataItem:this.$props.item.dataItem,trProps:i,defaultSlots:e},additionalListeners:{click:this.handleClick,dblclick:this.handleDoubleClick},defaultSlots:e,swapDefaultSlots:!0})}});exports.GridRow=l;

package/rows/GridRow.mjs

@@ -25,6 +25,7 @@ const w = /* @__PURE__ */ n({
     absoluteRowIndex: Number,
     dataIndex: Number,
     render: [String, Function, Object],
+    rows: Object,
     onRowclick: Function,
     onRowdblclick: Function
   },
@@ -41,25 +42,25 @@ const w = /* @__PURE__ */ n({
       const {
         rowType: e,
         isAltRow: i,
-        isInEdit: t,
-        isHighlighted: o,
-        isSelected: r,
+        isInEdit: o,
+        isHighlighted: r,
+        isSelected: t,
         isPinned: s
       } = this.$props;
       return h.tr({
-        selected: r,
-        highlighted: o,
+        selected: t,
+        highlighted: r,
         isHeader: e === "groupHeader",
         isFooter: e === "groupFooter",
         isMaster: e !== "groupHeader" && e !== "groupFooter",
         isAltRow: i,
-        isInEdit: t,
+        isInEdit: o,
         isPinned: s
       });
     }
   },
   render() {
-    const e = a(this), i = d("tr", {
+    const e = a(this), i = {
       onClick: this.handleClick,
       onDblclick: this.handleDoubleClick,
       class: this.trClass,
@@ -71,17 +72,20 @@ const w = /* @__PURE__ */ n({
       "aria-rowindex": this.$props.ariaRowIndex,
       "absolute-row-index": this.$props.absoluteRowIndex,
       "data-grid-row-index": this.$props.rowType === "data" ? this.$props.dataIndex : void 0
-    }, [e]);
+    }, o = d("tr", i, [e]), r = this.$props.rowType || "data", t = this.$props.rows;
     return p.call(this, {
       h: l,
-      template: this.$props.render,
-      defaultRendering: i,
+      template: this.$props.render || (t == null ? void 0 : t[r]),
+      defaultRendering: o,
       additionalProps: {
         ...this.$props,
-        dataItem: this.$props.item.dataItem
+        dataItem: this.$props.item.dataItem,
+        trProps: i,
+        defaultSlots: e
       },
       additionalListeners: {
-        click: this.handleClick
+        click: this.handleClick,
+        dblclick: this.handleDoubleClick
       },
       defaultSlots: e,
       swapDefaultSlots: !0