@progress/kendo-vue-grid 8.1.0-develop.2 → 8.1.0-develop.4

package/cells/GridCell.mjs

@@ -5,12 +5,12 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-import { defineComponent as a, createVNode as l, h as d, inject as p } from "vue";
-import { getNestedValue as c, parsers as g } from "../utils/main.mjs";
-import { provideIntlService as h } from "@progress/kendo-vue-intl";
-import { noop as m, getTemplate as u } from "@progress/kendo-vue-common";
-import { KEYBOARD_NAV_DATA_ID as $, KEYBOARD_NAV_DATA_LEVEL as f } from "@progress/kendo-vue-data-tools";
-const I = /* @__PURE__ */ a({
+import { defineComponent as c, createVNode as d, h as g, inject as h } from "vue";
+import { getNestedValue as m, parsers as u } from "../utils/main.mjs";
+import { provideIntlService as $ } from "@progress/kendo-vue-intl";
+import { noop as f, getTemplate as S } from "@progress/kendo-vue-common";
+import { KEYBOARD_NAV_DATA_ID as l, KEYBOARD_NAV_DATA_LEVEL as p } from "@progress/kendo-vue-data-tools";
+const I = /* @__PURE__ */ c({
   name: "GridCell",
   inheritAttrs: !1,
   emits: {
@@ -52,7 +52,7 @@ const I = /* @__PURE__ */ a({
       default: null
     },
     getKeyboardNavigationAttributes: {
-      default: m
+      default: f
     }
   },
   methods: {
@@ -86,45 +86,51 @@ const I = /* @__PURE__ */ a({
     }
   },
   created() {
-    this._intl = h(this);
+    this._intl = $(this);
   },
   computed: {
     tdClass() {
       const {
         className: e,
         isSelected: t,
-        isHighlighted: r
+        isHighlighted: i
       } = this.$props;
       return {
         "k-table-td": !0,
         "k-selected": t,
-        "k-highlighted": r,
+        "k-highlighted": i,
         [e]: e
       };
     }
   },
   setup() {
     return {
-      kendoIntlService: p("kendoIntlService", {})
+      kendoIntlService: h("kendoIntlService", {})
     };
   },
   render() {
-    var r, n, o;
+    var n, o, s;
     let e = null;
     const t = this.getKeyboardNavigationAttributes(this.$props.id);
-    if (((r = this.$props.rowSpan) == null ? void 0 : r.count) === null)
+    let i = {};
+    if (((n = this.$props.rowSpan) == null ? void 0 : n.count) === null)
       return null;
     if (this.$props.rowType === "groupFooter")
-      e = l("td", {
-        class: this.tdClass
-      }, null);
+      i = {
+        class: this.tdClass,
+        onKeydown: this.triggerKeydown,
+        onClick: this.triggerClick,
+        tabindex: t.tabIndex,
+        "data-keyboardnavlevel": t[p],
+        "data-keyboardnavid": t[l]
+      }, e = d("td", i, null);
     else if (this.$props.field !== void 0 && this.$props.rowType !== "groupHeader") {
-      const i = c(this.$props.field, this.$props.dataItem);
-      let s = "";
-      i != null && (s = this.$props.format ? this.$props.type ? this._intl.format(this.$props.format, g[this.$props.type](i, this._intl, this.$props.readFormat)) : this._intl.format(this.$props.format, i) : i.toString()), e = l("td", {
+      const r = m(this.$props.field, this.$props.dataItem);
+      let a = "";
+      r != null && (a = this.$props.format ? this.$props.type ? this._intl.format(this.$props.format, u[this.$props.type](r, this._intl, this.$props.readFormat)) : this._intl.format(this.$props.format, r) : r.toString()), i = {
         style: this.$attrs.style,
         colspan: this.$props.colSpan,
-        rowspan: (o = (n = this.$props.rowSpan) == null ? void 0 : n.count) != null ? o : void 0,
+        rowspan: (s = (o = this.$props.rowSpan) == null ? void 0 : o.count) != null ? s : void 0,
         class: this.tdClass,
         onKeydown: this.triggerKeydown,
         onClick: this.triggerClick,
@@ -133,15 +139,18 @@ const I = /* @__PURE__ */ a({
         "aria-selected": this.$props.isSelected,
         "data-grid-col-index": this.$props.columnIndex,
         tabindex: t.tabIndex,
-        "data-keyboardnavlevel": t[f],
-        "data-keyboardnavid": t[$]
-      }, [s]);
+        "data-keyboardnavlevel": t[p],
+        "data-keyboardnavid": t[l]
+      }, e = d("td", i, [a]);
     }
-    return u.call(this, {
-      h: d,
+    return S.call(this, {
+      h: g,
       template: this.$props.render,
       defaultRendering: e,
-      additionalProps: this.$props,
+      additionalProps: {
+        ...this.$props,
+        tdProps: i
+      },
       additionalListeners: {
         click: this.triggerClick,
         keydown: this.triggerKeydown,

package/cells/GridGroupCell.d.ts

@@ -21,6 +21,7 @@ declare const GridGroupCell: import('vue').DefineComponent<import('vue').Extract
     columnsCount: PropType<number>;
     rowType: PropType<string>;
     level: PropType<number>;
+    locked: PropType<boolean>;
     expanded: PropType<boolean>;
     editor: PropType<string>;
     dataIndex: PropType<number>;
@@ -33,6 +34,14 @@ declare const GridGroupCell: import('vue').DefineComponent<import('vue').Extract
     tdClass(): {
         [x: number]: any;
         'k-table-td': boolean;
+        'k-grid-content-sticky': any;
+    };
+    tdStyle(): any;
+    groupTdClass(): {
+        [x: number]: any;
+        'k-table-td': boolean;
+        'k-group-cell': boolean;
+        'k-grid-content-sticky': any;
     };
 }, {
     triggerStateChange(): void;
@@ -53,6 +62,7 @@ declare const GridGroupCell: import('vue').DefineComponent<import('vue').Extract
     columnsCount: PropType<number>;
     rowType: PropType<string>;
     level: PropType<number>;
+    locked: PropType<boolean>;
     expanded: PropType<boolean>;
     editor: PropType<string>;
     dataIndex: PropType<number>;

package/cells/GridGroupCell.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 n=require("vue"),o=require("@progress/kendo-vue-common"),c=require("@progress/kendo-vue-data-tools"),r=require("../messages/main.js"),f=require("@progress/kendo-vue-intl"),u=require("@progress/kendo-svg-icons"),k=n.defineComponent({name:"KendoGridGroupCell",inheritAttrs:!1,props:{id:String,field:String,dataItem:Object,format:String,type:String,colSpan:Number,className:String,columnIndex:Number,columnsCount:Number,rowType:String,level:Number,expanded:Boolean,editor:String,dataIndex:Number,isSelected:Boolean,isRtl:Boolean,ariaColumnIndex:Number,group:Object,render:[String,Function,Object]},emits:{change:null,cellkeydown:null},inject:{kendo:{default:null},kendoIntlService:{default:null},kendoLocalizationService:{default:null},getKeyboardNavigationAttributes:{default:o.noop}},computed:{tdClass(){const{className:e}=this.$props;return{"k-table-td":!0,[e]:e}}},methods:{triggerStateChange(){var t;const e=this.kendo;(t=e==null?void 0:e.dispatchGroupExpand)==null||t.call(e,{type:c.GROUP_EXPAND_ACTION.TOGGLE,group:this.$props.group})},triggerKeydown(e,t){this.$emit("cellkeydown",{event:e,dataItem:this.$props.dataItem,dataIndex:this.$props.dataIndex,field:this.$props.field,expanded:this.$props.expanded}),!e.defaultPrevented&&e.keyCode===o.Keys.enter&&(e.preventDefault(),this.$emit("change",{dataItem:this.$props.dataItem,dataIndex:this.$props.dataIndex,event:e,level:this.$props.level,field:void 0,value:!t}),this.triggerStateChange())},clickHandler(e,t,i){e.preventDefault(),this.$emit("change",{dataItem:t,dataIndex:this.$props.dataIndex,event:e,level:this.$props.level,field:void 0,value:!i}),this.triggerStateChange()}},render(){let e=null;const{columnIndex:t,level:i,columnsCount:g,rowType:b,dataItem:l,field:d,expanded:a,render:I}=this.$props,s=this.getKeyboardNavigationAttributes(this.$props.id),h=f.provideLocalizationService(this).toLanguageString(r.groupCaretAriaLabelCollapse,r.messages[r.groupCaretAriaLabelCollapse]),m=f.provideLocalizationService(this).toLanguageString(r.groupCaretAriaLabelExpand,r.messages[r.groupCaretAriaLabelExpand]);return t===void 0||i===void 0||t<i||g===void 0||b!=="groupHeader"||l[d]===void 0?e=n.createVNode("td",{style:this.$attrs.style,key:"g"+t,class:"k-table-td k-group-cell"},null):t<=i&&(e=n.createVNode("td",{style:this.$attrs.style,onKeydown:p=>{this.triggerKeydown(p,a)},key:"g-colspan",class:this.tdClass,colspan:g-t,role:"gridcell","aria-colindex":this.$props.ariaColumnIndex,"aria-selected":this.$props.isSelected,"aria-expanded":a,"data-grid-col-index":this.$props.columnIndex,tabindex:s.tabIndex,"data-keyboardnavlevel":s[c.KEYBOARD_NAV_DATA_LEVEL],"data-keyboardnavid":s[c.KEYBOARD_NAV_DATA_ID]},[n.createVNode("p",{class:"k-reset"},[n.createVNode("a",{onClick:p=>{this.clickHandler(p,l,a)},href:"#",tabindex:-1,title:a?h:m,"aria-label":a?h:m},[n.createVNode(o.Icon,{name:a?"caret-alt-down":this.isRtl?"caret-alt-left":"caret-alt-right",icon:a?u.caretAltDownIcon:this.isRtl?u.caretAltLeftIcon:u.caretAltRightIcon},null)]),l[d]?l[d].toString():""])])),o.getTemplate.call(this,{h:n.h,template:I,defaultRendering:e,additionalProps:this.$props,additionalListeners:{keydown:this.triggerKeydown,click:this.clickHandler}})}});exports.GridGroupCell=k;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("vue"),i=require("@progress/kendo-vue-common"),g=require("@progress/kendo-vue-data-tools"),n=require("../messages/main.js"),y=require("@progress/kendo-vue-intl"),h=require("@progress/kendo-svg-icons"),v=a.defineComponent({name:"KendoGridGroupCell",inheritAttrs:!1,props:{id:String,field:String,dataItem:Object,format:String,type:String,colSpan:Number,className:String,columnIndex:Number,columnsCount:Number,rowType:String,level:Number,locked:Boolean,expanded:Boolean,editor:String,dataIndex:Number,isSelected:Boolean,isRtl:Boolean,ariaColumnIndex:Number,group:Object,render:[String,Function,Object]},emits:{change:null,cellkeydown:null},inject:{kendo:{default:null},kendoIntlService:{default:null},kendoLocalizationService:{default:null},getKeyboardNavigationAttributes:{default:i.noop}},computed:{tdClass(){const{className:e,locked:t}=this.$props;return{"k-table-td":!0,"k-grid-content-sticky":t,[e]:e}},tdStyle(){const{locked:e}=this.$props,t=e?{position:"sticky",zIndex:2}:{};return{...this.$attrs.style,...t}},groupTdClass(){const{className:e,locked:t}=this.$props;return{"k-table-td":!0,"k-group-cell":!0,"k-grid-content-sticky":t,[e]:e}}},methods:{triggerStateChange(){var t;const e=this.kendo;(t=e==null?void 0:e.dispatchGroupExpand)==null||t.call(e,{type:g.GROUP_EXPAND_ACTION.TOGGLE,group:this.$props.group})},triggerKeydown(e,t){this.$emit("cellkeydown",{event:e,dataItem:this.$props.dataItem,dataIndex:this.$props.dataIndex,field:this.$props.field,expanded:this.$props.expanded}),!e.defaultPrevented&&e.keyCode===i.Keys.enter&&(e.preventDefault(),this.$emit("change",{dataItem:this.$props.dataItem,dataIndex:this.$props.dataIndex,event:e,level:this.$props.level,field:void 0,value:!t}),this.triggerStateChange())},clickHandler(e,t,l){e.preventDefault(),this.$emit("change",{dataItem:t,dataIndex:this.$props.dataIndex,event:e,level:this.$props.level,field:void 0,value:!l}),this.triggerStateChange()}},render(){let e=null;const{columnIndex:t,level:l,columnsCount:d,rowType:I,dataItem:o,field:s,expanded:r,render:S,locked:c}=this.$props,p=this.getKeyboardNavigationAttributes(this.$props.id),m=y.provideLocalizationService(this).toLanguageString(n.groupCaretAriaLabelCollapse,n.messages[n.groupCaretAriaLabelCollapse]),k=y.provideLocalizationService(this).toLanguageString(n.groupCaretAriaLabelExpand,n.messages[n.groupCaretAriaLabelExpand]);if(t===void 0||l===void 0||t<l||d===void 0||I!=="groupHeader"||o[s]===void 0)e=a.createVNode("td",{style:this.$attrs.style,key:"g"+t,class:this.groupTdClass},null);else if(t<=l){const f=a.createVNode("td",{style:this.tdStyle,onKeydown:u=>{this.triggerKeydown(u,r)},key:"g-colspan",class:c?"k-table-td":this.tdClass,colspan:c?0:d-t,role:"gridcell","aria-colindex":this.$props.ariaColumnIndex,"aria-selected":this.$props.isSelected,"aria-expanded":r,"data-grid-col-index":this.$props.columnIndex,tabindex:p.tabIndex,"data-keyboardnavlevel":p[g.KEYBOARD_NAV_DATA_LEVEL],"data-keyboardnavid":p[g.KEYBOARD_NAV_DATA_ID]},[a.createVNode("p",{class:"k-reset"},[a.createVNode("a",{onClick:u=>{this.clickHandler(u,o,r)},href:"#",tabindex:-1,title:r?m:k,"aria-label":r?m:k},[a.createVNode(i.Icon,{name:r?"caret-alt-down":this.isRtl?"caret-alt-left":"caret-alt-right",icon:r?h.caretAltDownIcon:this.isRtl?h.caretAltLeftIcon:h.caretAltRightIcon},null)]),o[s]?o[s].toString():""])]),C={className:"k-table-td",role:"gridcell",colSpan:d-t,style:{borderLeftWidth:0,borderRightWidth:0}},b=c?a.createVNode("td",C,null):null;e=b?[f,b]:f}return i.getTemplate.call(this,{h:a.h,template:S,defaultRendering:e,additionalProps:this.$props,additionalListeners:{keydown:this.triggerKeydown,click:this.clickHandler}})}});exports.GridGroupCell=v;

package/cells/GridGroupCell.mjs

@@ -5,13 +5,13 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-import { defineComponent as b, createVNode as n, h as x } from "vue";
-import { noop as y, Icon as $, getTemplate as k, Keys as A } from "@progress/kendo-vue-common";
-import { KEYBOARD_NAV_DATA_ID as v, KEYBOARD_NAV_DATA_LEVEL as S, GROUP_EXPAND_ACTION as C } from "@progress/kendo-vue-data-tools";
-import { groupCaretAriaLabelCollapse as u, messages as g, groupCaretAriaLabelExpand as h } from "../messages/main.mjs";
-import { provideLocalizationService as m } from "@progress/kendo-vue-intl";
-import { caretAltDownIcon as N, caretAltRightIcon as L, caretAltLeftIcon as w } from "@progress/kendo-svg-icons";
-const _ = /* @__PURE__ */ b({
+import { defineComponent as S, createVNode as l, h as $ } from "vue";
+import { noop as C, Icon as A, getTemplate as v, Keys as N } from "@progress/kendo-vue-common";
+import { KEYBOARD_NAV_DATA_ID as L, KEYBOARD_NAV_DATA_LEVEL as w, GROUP_EXPAND_ACTION as K } from "@progress/kendo-vue-data-tools";
+import { groupCaretAriaLabelCollapse as m, messages as f, groupCaretAriaLabelExpand as k } from "../messages/main.mjs";
+import { provideLocalizationService as y } from "@progress/kendo-vue-intl";
+import { caretAltDownIcon as R, caretAltRightIcon as D, caretAltLeftIcon as E } from "@progress/kendo-svg-icons";
+const P = /* @__PURE__ */ S({
   name: "KendoGridGroupCell",
   inheritAttrs: !1,
   props: {
@@ -26,6 +26,7 @@ const _ = /* @__PURE__ */ b({
     columnsCount: Number,
     rowType: String,
     level: Number,
+    locked: Boolean,
     expanded: Boolean,
     editor: String,
     dataIndex: Number,
@@ -50,16 +51,42 @@ const _ = /* @__PURE__ */ b({
       default: null
     },
     getKeyboardNavigationAttributes: {
-      default: y
+      default: C
     }
   },
   computed: {
     tdClass() {
       const {
-        className: e
+        className: e,
+        locked: t
       } = this.$props;
       return {
         "k-table-td": !0,
+        "k-grid-content-sticky": t,
+        [e]: e
+      };
+    },
+    tdStyle() {
+      const {
+        locked: e
+      } = this.$props, t = e ? {
+        position: "sticky",
+        zIndex: 2
+      } : {};
+      return {
+        ...this.$attrs.style,
+        ...t
+      };
+    },
+    groupTdClass() {
+      const {
+        className: e,
+        locked: t
+      } = this.$props;
+      return {
+        "k-table-td": !0,
+        "k-group-cell": !0,
+        "k-grid-content-sticky": t,
         [e]: e
       };
     }
@@ -69,7 +96,7 @@ const _ = /* @__PURE__ */ b({
       var t;
       const e = this.kendo;
       (t = e == null ? void 0 : e.dispatchGroupExpand) == null || t.call(e, {
-        type: C.TOGGLE,
+        type: K.TOGGLE,
         group: this.$props.group
       });
     },
@@ -80,7 +107,7 @@ const _ = /* @__PURE__ */ b({
         dataIndex: this.$props.dataIndex,
         field: this.$props.field,
         expanded: this.$props.expanded
-      }), !e.defaultPrevented && e.keyCode === A.enter && (e.preventDefault(), this.$emit("change", {
+      }), !e.defaultPrevented && e.keyCode === N.enter && (e.preventDefault(), this.$emit("change", {
         dataItem: this.$props.dataItem,
         dataIndex: this.$props.dataIndex,
         event: e,
@@ -105,48 +132,63 @@ const _ = /* @__PURE__ */ b({
     const {
       columnIndex: t,
       level: r,
-      columnsCount: s,
-      rowType: f,
-      dataItem: i,
-      field: l,
+      columnsCount: i,
+      rowType: b,
+      dataItem: n,
+      field: o,
       expanded: a,
-      render: I
-    } = this.$props, d = this.getKeyboardNavigationAttributes(this.$props.id), p = m(this).toLanguageString(u, g[u]), c = m(this).toLanguageString(h, g[h]);
-    return t === void 0 || r === void 0 || t < r || s === void 0 || f !== "groupHeader" || i[l] === void 0 ? e = n("td", {
-      style: this.$attrs.style,
-      key: "g" + t,
-      class: "k-table-td k-group-cell"
-    }, null) : t <= r && (e = n("td", {
-      style: this.$attrs.style,
-      onKeydown: (o) => {
-        this.triggerKeydown(o, a);
-      },
-      key: "g-colspan",
-      class: this.tdClass,
-      colspan: s - t,
-      role: "gridcell",
-      "aria-colindex": this.$props.ariaColumnIndex,
-      "aria-selected": this.$props.isSelected,
-      "aria-expanded": a,
-      "data-grid-col-index": this.$props.columnIndex,
-      tabindex: d.tabIndex,
-      "data-keyboardnavlevel": d[S],
-      "data-keyboardnavid": d[v]
-    }, [n("p", {
-      class: "k-reset"
-    }, [n("a", {
-      onClick: (o) => {
-        this.clickHandler(o, i, a);
-      },
-      href: "#",
-      tabindex: -1,
-      title: a ? p : c,
-      "aria-label": a ? p : c
-    }, [n($, {
-      name: a ? "caret-alt-down" : this.isRtl ? "caret-alt-left" : "caret-alt-right",
-      icon: a ? N : this.isRtl ? w : L
-    }, null)]), i[l] ? i[l].toString() : ""])])), k.call(this, {
-      h: x,
+      render: I,
+      locked: d
+    } = this.$props, s = this.getKeyboardNavigationAttributes(this.$props.id), c = y(this).toLanguageString(m, f[m]), u = y(this).toLanguageString(k, f[k]);
+    if (t === void 0 || r === void 0 || t < r || i === void 0 || b !== "groupHeader" || n[o] === void 0)
+      e = l("td", {
+        style: this.$attrs.style,
+        key: "g" + t,
+        class: this.groupTdClass
+      }, null);
+    else if (t <= r) {
+      const g = l("td", {
+        style: this.tdStyle,
+        onKeydown: (p) => {
+          this.triggerKeydown(p, a);
+        },
+        key: "g-colspan",
+        class: d ? "k-table-td" : this.tdClass,
+        colspan: d ? 0 : i - t,
+        role: "gridcell",
+        "aria-colindex": this.$props.ariaColumnIndex,
+        "aria-selected": this.$props.isSelected,
+        "aria-expanded": a,
+        "data-grid-col-index": this.$props.columnIndex,
+        tabindex: s.tabIndex,
+        "data-keyboardnavlevel": s[w],
+        "data-keyboardnavid": s[L]
+      }, [l("p", {
+        class: "k-reset"
+      }, [l("a", {
+        onClick: (p) => {
+          this.clickHandler(p, n, a);
+        },
+        href: "#",
+        tabindex: -1,
+        title: a ? c : u,
+        "aria-label": a ? c : u
+      }, [l(A, {
+        name: a ? "caret-alt-down" : this.isRtl ? "caret-alt-left" : "caret-alt-right",
+        icon: a ? R : this.isRtl ? E : D
+      }, null)]), n[o] ? n[o].toString() : ""])]), x = {
+        className: "k-table-td",
+        role: "gridcell",
+        colSpan: i - t,
+        style: {
+          borderLeftWidth: 0,
+          borderRightWidth: 0
+        }
+      }, h = d ? l("td", x, null) : null;
+      e = h ? [g, h] : g;
+    }
+    return v.call(this, {
+      h: $,
       template: I,
       defaultRendering: e,
       additionalProps: this.$props,
@@ -158,5 +200,5 @@ const _ = /* @__PURE__ */ b({
   }
 });
 export {
-  _ as GridGroupCell
+  P as GridGroupCell
 };

package/columnMenu/GridColumnMenuCheckboxFilter.d.ts

@@ -72,7 +72,7 @@ declare const GridColumnMenuCheckboxFilter: {
     data(): {
         currentExpanded: boolean;
         currentValue: string;
-        currentData: any;
+        dataRef: any;
         dataFromProps: any;
         currentFilter: any;
     };

package/columnMenu/GridColumnMenuCheckboxFilter.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 i=require("vue"),f=require("@progress/kendo-vue-buttons"),S=require("./GridColumnMenuItem.js"),v=require("./GridColumnMenuItemGroup.js"),b=require("./GridColumnMenuItemContent.js"),m=require("@progress/kendo-vue-inputs"),N=require("@progress/kendo-vue-intl"),s=require("../messages/main.js"),B=require("@progress/kendo-data-query"),d=require("@progress/kendo-vue-common"),g=require("../utils/main.js"),x=require("@progress/kendo-svg-icons");function F(e){return typeof e=="function"||Object.prototype.toString.call(e)==="[object Object]"&&!i.isVNode(e)}const q=(e,t)=>e.length!==t.length?!1:e.every((l,r)=>l===t[r]),D={name:"KendoGridColumnMenuCheckboxFilter",props:{column:Object,filter:Object,filterable:Boolean,filterOperators:Object,checkAllItem:[String,Object,Function],item:[String,Object,Function],expanded:{type:Boolean,default:void 0},dataItems:Array,searchBox:{type:Boolean,default:!0},uniqueData:{type:Boolean,default:!0}},data(){return{currentExpanded:!1,currentValue:"",currentData:void 0,dataFromProps:void 0,currentFilter:void 0}},created(){this.compositeFilterIndex=this.getFilterIndex(),this.currentExpanded=this.$props.expanded,this.currentData=this.parseData(this.$props.dataItems,this.$props.uniqueData)||[],this.dataFromProps=this.parseData(this.$props.dataItems,!1)||[],this.currentFilter=this.defaultFilter()},updated(){const e=this.$props.column.field||"",t=this.$props.dataItems.map(l=>g.getNestedValue(e,l));q(t,this.dataFromProps)||(this.currentData=t,this.dataFromProps=t)},inject:{kendoLocalizationService:{default:null}},setup(){return{kendoLocalizationService:i.inject("kendoLocalizationService",{})}},render(){let e,t;const{column:l}=this.$props;if(!l||!l.field)return i.createVNode("div",null,null);const r=N.provideLocalizationService(this),a=this.$props.expanded!==void 0?this.$props.expanded:this.currentExpanded,o=[];if(this.currentFilter){const n=[...this.currentFilter.filters];this.compositeFilterIndex=n.findIndex(c=>c.filters&&c.filters.length>0?c.filters[0].field===l.field:!1),this.compositeFilterIndex!==-1&&n[this.compositeFilterIndex].filters.length>0&&n[this.compositeFilterIndex].filters.forEach(c=>{c.field===this.$props.column.field&&o.push(c.value)})}const u=function(){return this.$props.searchBox&&i.createVNode("span",{class:"k-list-filter"},[i.createVNode("span",{class:"k-textbox k-input k-input-md k-rounded-md k-input-solid"},[i.createVNode(d.Icon,{name:"search",icon:x.searchIcon,class:"k-input-icon"},null),i.createVNode("input",{ref:"searchBox",placeholder:r.toLanguageString(s.searchPlaceholder,s.messages[s.searchPlaceholder]),class:"k-input-inner",value:this.currentValue,onInput:this.handleSearchChange},null)])])},h=o.filter((n,c)=>o.indexOf(n)===c),k=d.templateRendering.call(this,this.$props.item,d.getListeners.call(this)),I=d.templateRendering.call(this,this.$props.checkAllItem,d.getListeners.call(this)),C=i.createVNode("li",{class:"k-item"},[i.createVNode(m.Checkbox,{label:r.toLanguageString(s.filterCheckAll,s.messages[s.filterCheckAll]),onChange:n=>this.handleCheckBoxChange(n,"all"),checked:this.isAllSelected()},null)]),V=d.getTemplate.call(this,{h:i.h,template:I,defaultRendering:C,additionalProps:{checked:this.isAllSelected()},additionalListeners:{change:n=>this.handleCheckBoxChange(n,"all")}});return i.createVNode(v.GridColumnMenuItemGroup,null,{default:()=>[i.createVNode(S.GridColumnMenuItem,{title:r.toLanguageString(s.filterTitle,s.messages[s.filterTitle]),icon:"filter",svgIcon:x.filterIcon,onMenuitemclick:this.onFilterExpand},null),i.createVNode(b.GridColumnMenuItemContent,{show:!!a},{default:()=>[i.createVNode("div",{class:"kendo-grid-filter-menu-container"},[i.createVNode("form",{class:"k-filter-menu k-border-up",onSubmit:this.submit,onReset:this.clear},[i.createVNode("div",{class:"k-filter-menu-container"},[u.call(this),i.createVNode("ul",{class:"k-reset k-multicheck-wrap"},[V,this.currentData.map(function(n,c){const $=i.createVNode("li",{class:"k-item",key:c},[i.createVNode(m.Checkbox,{label:String(n),onChange:p=>this.handleCheckBoxChange(p,n),checked:h.includes(n)},null)]);return d.getTemplate.call(this,{h:i.h,template:k,defaultRendering:$,additionalProps:{item:n,index:c,checked:h.includes(n)},additionalListeners:{change:p=>this.handleCheckBoxChange(p,n)}})},this)]),i.createVNode("div",{class:"k-columnmenu-actions"},[i.createVNode(f.Button,{themeColor:"primary"},F(e=r.toLanguageString(s.filterSubmitButton,s.messages[s.filterSubmitButton]))?e:{default:()=>[e]}),i.createVNode(f.Button,{type:"reset"},F(t=r.toLanguageString(s.filterClearButton,s.messages[s.filterClearButton]))?t:{default:()=>[t]})])])])])]})]})},methods:{defaultFilter(){return this.$props.filter?d.clone(this.$props.filter):{filters:[],logic:"and"}},parseData(e,t){const l=this.$props.column.field||"",r=e.map(a=>g.getNestedValue(l,a));return t?r.filter((a,o)=>r.indexOf(a)===o):r},getFilterIndex(){const e=this.$props.column.field;return this.defaultFilter().filters.findIndex(r=>r.filters&&r.filters.length>0&&r.filters[0].field===e)},onFilterExpand(){const e=this.$props.expanded!==void 0,t=!(e?this.$props.expanded:this.currentExpanded);this.$emit("expandchange",t),e||(this.currentExpanded=t)},handleSearchChange(e){const t={logic:"and",filters:[{field:this.$props.column.field,operator:"startswith",value:e.target.value,ignoreCase:!0}]};this.currentValue=e.target.value,this.currentData=this.parseData(B.filterBy(this.$props.dataItems||[],t),this.$props.uniqueData)},clear(e){e.preventDefault();const t=this.currentFilter||null;t!==null&&t.filters.length>0?(this.compositeFilterIndex>=0&&t.filters.splice(this.compositeFilterIndex,1),this.$emit("filterchange",t,e)):this.$emit("filterchange",null,e),this.$emit("closemenu")},submit(e){e.preventDefault();const t=this.currentFilter||null;this.$emit("filterchange",t,e),this.$emit("closemenu")},handleCheckBoxChange(e,t){const l=this.$props.column.field||"",r={...this.currentFilter},a=[...this.currentFilter.filters];let o=[];if(this.compositeFilterIndex!==-1&&r.filters[this.compositeFilterIndex].filters&&t!=="all"&&(o=r.filters[this.compositeFilterIndex].filters),e.value&&t==="all")this.currentData.forEach(u=>{o.push({field:l,operator:"eq",value:u})});else if(e.value)o.push({field:l,operator:"eq",value:t});else if(this.currentFilter){const u=o.findIndex(h=>h.value===t);o.splice(u,1)}r.logic="and",this.compositeFilterIndex!==-1?a[this.compositeFilterIndex]={logic:"or",filters:o}:a.push({logic:"or",filters:o}),(!e.value&&t==="all"||o.length===0)&&a.splice(this.compositeFilterIndex,1),r.filters=a,this.currentFilter=r},isAllSelected(){let e=!1;if(this.currentFilter){const t=[...this.currentFilter.filters];return this.compositeFilterIndex===-1?!1:(e=this.currentData.every(l=>this.compositeFilterIndex!==-1&&t[this.compositeFilterIndex].filters?t[this.compositeFilterIndex].filters.findIndex(a=>a.value===l)>=0:!1),e)}return e}}};exports.GridColumnMenuCheckboxFilter=D;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("vue"),f=require("@progress/kendo-vue-buttons"),S=require("./GridColumnMenuItem.js"),v=require("./GridColumnMenuItemGroup.js"),b=require("./GridColumnMenuItemContent.js"),m=require("@progress/kendo-vue-inputs"),N=require("@progress/kendo-vue-intl"),s=require("../messages/main.js"),B=require("@progress/kendo-data-query"),d=require("@progress/kendo-vue-common"),g=require("../utils/main.js"),x=require("@progress/kendo-svg-icons");function F(e){return typeof e=="function"||Object.prototype.toString.call(e)==="[object Object]"&&!i.isVNode(e)}const q=(e,t)=>e.length!==t.length?!1:e.every((l,r)=>l===t[r]),R={name:"KendoGridColumnMenuCheckboxFilter",props:{column:Object,filter:Object,filterable:Boolean,filterOperators:Object,checkAllItem:[String,Object,Function],item:[String,Object,Function],expanded:{type:Boolean,default:void 0},dataItems:Array,searchBox:{type:Boolean,default:!0},uniqueData:{type:Boolean,default:!0}},data(){return{currentExpanded:!1,currentValue:"",dataRef:void 0,dataFromProps:void 0,currentFilter:void 0}},created(){this.compositeFilterIndex=this.getFilterIndex(),this.currentExpanded=this.$props.expanded,this.dataRef=this.parseData(this.$props.dataItems,this.$props.uniqueData)||[],this.dataFromProps=this.parseData(this.$props.dataItems,!1)||[],this.currentFilter=this.defaultFilter()},updated(){const e=this.$props.column.field||"",t=this.$props.dataItems.map(l=>g.getNestedValue(e,l));q(t,this.dataFromProps)||(this.dataRef=t,this.dataFromProps=t)},inject:{kendoLocalizationService:{default:null}},setup(){return{kendoLocalizationService:i.inject("kendoLocalizationService",{})}},render(){let e,t;const{column:l}=this.$props;if(!l||!l.field)return i.createVNode("div",null,null);const r=N.provideLocalizationService(this),a=this.$props.expanded!==void 0?this.$props.expanded:this.currentExpanded,o=[];if(this.currentFilter){const n=[...this.currentFilter.filters];this.compositeFilterIndex=n.findIndex(c=>c.filters&&c.filters.length>0?c.filters[0].field===l.field:!1),this.compositeFilterIndex!==-1&&n[this.compositeFilterIndex].filters.length>0&&n[this.compositeFilterIndex].filters.forEach(c=>{c.field===this.$props.column.field&&o.push(c.value)})}const u=function(){return this.$props.searchBox&&i.createVNode("span",{class:"k-list-filter"},[i.createVNode("span",{class:"k-textbox k-input k-input-md k-rounded-md k-input-solid"},[i.createVNode(d.Icon,{name:"search",icon:x.searchIcon,class:"k-input-icon"},null),i.createVNode("input",{ref:"searchBox",placeholder:r.toLanguageString(s.searchPlaceholder,s.messages[s.searchPlaceholder]),class:"k-input-inner",value:this.currentValue,onInput:this.handleSearchChange},null)])])},h=o.filter((n,c)=>o.indexOf(n)===c),k=d.templateRendering.call(this,this.$props.item,d.getListeners.call(this)),I=d.templateRendering.call(this,this.$props.checkAllItem,d.getListeners.call(this)),C=i.createVNode("li",{class:"k-item"},[i.createVNode(m.Checkbox,{label:r.toLanguageString(s.filterCheckAll,s.messages[s.filterCheckAll]),onChange:n=>this.handleCheckBoxChange(n,"all"),checked:this.isAllSelected()},null)]),V=d.getTemplate.call(this,{h:i.h,template:I,defaultRendering:C,additionalProps:{checked:this.isAllSelected()},additionalListeners:{change:n=>this.handleCheckBoxChange(n,"all")}});return i.createVNode(v.GridColumnMenuItemGroup,null,{default:()=>[i.createVNode(S.GridColumnMenuItem,{title:r.toLanguageString(s.filterTitle,s.messages[s.filterTitle]),icon:"filter",svgIcon:x.filterIcon,onMenuitemclick:this.onFilterExpand},null),i.createVNode(b.GridColumnMenuItemContent,{show:!!a},{default:()=>[i.createVNode("div",{class:"kendo-grid-filter-menu-container"},[i.createVNode("form",{class:"k-filter-menu k-border-up",onSubmit:this.submit,onReset:this.clear},[i.createVNode("div",{class:"k-filter-menu-container"},[u.call(this),i.createVNode("ul",{class:"k-reset k-multicheck-wrap"},[V,this.dataRef.map(function(n,c){const $=i.createVNode("li",{class:"k-item",key:c},[i.createVNode(m.Checkbox,{label:String(n),onChange:p=>this.handleCheckBoxChange(p,n),checked:h.includes(n)},null)]);return d.getTemplate.call(this,{h:i.h,template:k,defaultRendering:$,additionalProps:{item:n,index:c,checked:h.includes(n)},additionalListeners:{change:p=>this.handleCheckBoxChange(p,n)}})},this)]),i.createVNode("div",{class:"k-columnmenu-actions"},[i.createVNode(f.Button,{themeColor:"primary"},F(e=r.toLanguageString(s.filterSubmitButton,s.messages[s.filterSubmitButton]))?e:{default:()=>[e]}),i.createVNode(f.Button,{type:"reset"},F(t=r.toLanguageString(s.filterClearButton,s.messages[s.filterClearButton]))?t:{default:()=>[t]})])])])])]})]})},methods:{defaultFilter(){return this.$props.filter?d.clone(this.$props.filter):{filters:[],logic:"and"}},parseData(e,t){const l=this.$props.column.field||"",r=e.map(a=>g.getNestedValue(l,a));return t?r.filter((a,o)=>r.indexOf(a)===o):r},getFilterIndex(){const e=this.$props.column.field;return this.defaultFilter().filters.findIndex(r=>r.filters&&r.filters.length>0&&r.filters[0].field===e)},onFilterExpand(){const e=this.$props.expanded!==void 0,t=!(e?this.$props.expanded:this.currentExpanded);this.$emit("expandchange",t),e||(this.currentExpanded=t)},handleSearchChange(e){const t={logic:"and",filters:[{field:this.$props.column.field,operator:"startswith",value:e.target.value,ignoreCase:!0}]};this.currentValue=e.target.value,this.dataRef=this.parseData(B.filterBy(this.$props.dataItems||[],t),this.$props.uniqueData)},clear(e){e.preventDefault();const t=this.currentFilter||null;t!==null&&t.filters.length>0?(this.compositeFilterIndex>=0&&t.filters.splice(this.compositeFilterIndex,1),this.$emit("filterchange",t,e)):this.$emit("filterchange",null,e),this.$emit("closemenu")},submit(e){e.preventDefault();const t=this.currentFilter||null;this.$emit("filterchange",t,e),this.$emit("closemenu")},handleCheckBoxChange(e,t){const l=this.$props.column.field||"",r={...this.currentFilter},a=[...this.currentFilter.filters];let o=[];if(this.compositeFilterIndex!==-1&&r.filters[this.compositeFilterIndex].filters&&t!=="all"&&(o=r.filters[this.compositeFilterIndex].filters),e.value&&t==="all")this.dataRef.forEach(u=>{o.push({field:l,operator:"eq",value:u})});else if(e.value)o.push({field:l,operator:"eq",value:t});else if(this.currentFilter){const u=o.findIndex(h=>h.value===t);o.splice(u,1)}r.logic="and",this.compositeFilterIndex!==-1?a[this.compositeFilterIndex]={logic:"or",filters:o}:a.push({logic:"or",filters:o}),(!e.value&&t==="all"||o.length===0)&&a.splice(this.compositeFilterIndex,1),r.filters=a,this.currentFilter=r},isAllSelected(){let e=!1;if(this.currentFilter){const t=[...this.currentFilter.filters];return this.compositeFilterIndex===-1?!1:(e=this.dataRef.every(l=>this.compositeFilterIndex!==-1&&t[this.compositeFilterIndex].filters?t[this.compositeFilterIndex].filters.findIndex(a=>a.value===l)>=0:!1),e)}return e}}};exports.GridColumnMenuCheckboxFilter=R;

package/columnMenu/GridColumnMenuCheckboxFilter.mjs

@@ -8,7 +8,7 @@
 import { createVNode as r, h as p, inject as j, isVNode as A } from "vue";
 import { Button as f } from "@progress/kendo-vue-buttons";
 import { GridColumnMenuItem as O } from "./GridColumnMenuItem.mjs";
-import { GridColumnMenuItemGroup as R } from "./GridColumnMenuItemGroup.mjs";
+import { GridColumnMenuItemGroup as D } from "./GridColumnMenuItemGroup.mjs";
 import { GridColumnMenuItemContent as V } from "./GridColumnMenuItemContent.mjs";
 import { Checkbox as m } from "@progress/kendo-vue-inputs";
 import { provideLocalizationService as q } from "@progress/kendo-vue-intl";
@@ -47,17 +47,17 @@ const T = (e, t) => e.length !== t.length ? !1 : e.every((n, i) => n === t[i]),
     return {
       currentExpanded: !1,
       currentValue: "",
-      currentData: void 0,
+      dataRef: void 0,
       dataFromProps: void 0,
       currentFilter: void 0
     };
   },
   created() {
-    this.compositeFilterIndex = this.getFilterIndex(), this.currentExpanded = this.$props.expanded, this.currentData = this.parseData(this.$props.dataItems, this.$props.uniqueData) || [], this.dataFromProps = this.parseData(this.$props.dataItems, !1) || [], this.currentFilter = this.defaultFilter();
+    this.compositeFilterIndex = this.getFilterIndex(), this.currentExpanded = this.$props.expanded, this.dataRef = this.parseData(this.$props.dataItems, this.$props.uniqueData) || [], this.dataFromProps = this.parseData(this.$props.dataItems, !1) || [], this.currentFilter = this.defaultFilter();
   },
   updated() {
     const e = this.$props.column.field || "", t = this.$props.dataItems.map((n) => S(e, n));
-    T(t, this.dataFromProps) || (this.currentData = t, this.dataFromProps = t);
+    T(t, this.dataFromProps) || (this.dataRef = t, this.dataFromProps = t);
   },
   inject: {
     kendoLocalizationService: {
@@ -99,7 +99,7 @@ const T = (e, t) => e.length !== t.length ? !1 : e.every((n, i) => n === t[i]),
         value: this.currentValue,
         onInput: this.handleSearchChange
       }, null)])]);
-    }, u = s.filter((l, a) => s.indexOf(l) === a), B = C.call(this, this.$props.item, $.call(this)), D = C.call(this, this.$props.checkAllItem, $.call(this)), L = r("li", {
+    }, u = s.filter((l, a) => s.indexOf(l) === a), B = C.call(this, this.$props.item, $.call(this)), R = C.call(this, this.$props.checkAllItem, $.call(this)), L = r("li", {
       class: "k-item"
     }, [r(m, {
       label: i.toLanguageString(g, d[g]),
@@ -107,7 +107,7 @@ const T = (e, t) => e.length !== t.length ? !1 : e.every((n, i) => n === t[i]),
       checked: this.isAllSelected()
     }, null)]), y = v.call(this, {
       h: p,
-      template: D,
+      template: R,
       defaultRendering: L,
       additionalProps: {
         checked: this.isAllSelected()
@@ -116,7 +116,7 @@ const T = (e, t) => e.length !== t.length ? !1 : e.every((n, i) => n === t[i]),
         change: (l) => this.handleCheckBoxChange(l, "all")
       }
     });
-    return r(R, null, {
+    return r(D, null, {
       default: () => [r(O, {
         title: i.toLanguageString(x, d[x]),
         icon: "filter",
@@ -135,7 +135,7 @@ const T = (e, t) => e.length !== t.length ? !1 : e.every((n, i) => n === t[i]),
           class: "k-filter-menu-container"
         }, [c.call(this), r("ul", {
           class: "k-reset k-multicheck-wrap"
-        }, [y, this.currentData.map(function(l, a) {
+        }, [y, this.dataRef.map(function(l, a) {
           const E = r("li", {
             class: "k-item",
             key: a
@@ -200,7 +200,7 @@ const T = (e, t) => e.length !== t.length ? !1 : e.every((n, i) => n === t[i]),
           ignoreCase: !0
         }]
       };
-      this.currentValue = e.target.value, this.currentData = this.parseData(P(this.$props.dataItems || [], t), this.$props.uniqueData);
+      this.currentValue = e.target.value, this.dataRef = this.parseData(P(this.$props.dataItems || [], t), this.$props.uniqueData);
     },
     clear(e) {
       e.preventDefault();
@@ -218,7 +218,7 @@ const T = (e, t) => e.length !== t.length ? !1 : e.every((n, i) => n === t[i]),
       }, o = [...this.currentFilter.filters];
       let s = [];
       if (this.compositeFilterIndex !== -1 && i.filters[this.compositeFilterIndex].filters && t !== "all" && (s = i.filters[this.compositeFilterIndex].filters), e.value && t === "all")
-        this.currentData.forEach((c) => {
+        this.dataRef.forEach((c) => {
           s.push({
             field: n,
             operator: "eq",
@@ -247,7 +247,7 @@ const T = (e, t) => e.length !== t.length ? !1 : e.every((n, i) => n === t[i]),
       let e = !1;
       if (this.currentFilter) {
         const t = [...this.currentFilter.filters];
-        return this.compositeFilterIndex === -1 ? !1 : (e = this.currentData.every((n) => this.compositeFilterIndex !== -1 && t[this.compositeFilterIndex].filters ? t[this.compositeFilterIndex].filters.findIndex((o) => o.value === n) >= 0 : !1), e);
+        return this.compositeFilterIndex === -1 ? !1 : (e = this.dataRef.every((n) => this.compositeFilterIndex !== -1 && t[this.compositeFilterIndex].filters ? t[this.compositeFilterIndex].filters.findIndex((o) => o.value === n) >= 0 : !1), e);
       }
       return e;
     }

package/common.d.ts

@@ -32,6 +32,7 @@ declare const gridProps: {
         type: PropType<import('.').GridColumnState[]>;
         default: () => any;
     };
+    cells: PropType<import('.').GridCellsSettings>;
     defaultColumnsState: {
         type: PropType<import('.').GridColumnState[]>;
         default: () => any;
@@ -50,6 +51,7 @@ declare const gridProps: {
         default: any;
     };
     loader: PropType<string | Object | Function>;
+    lockGroups: PropType<boolean>;
     defaultFilter: PropType<import('@progress/kendo-data-query').CompositeFilterDescriptor>;
     filter: PropType<import('@progress/kendo-data-query').CompositeFilterDescriptor>;
     defaultSearch: PropType<import('@progress/kendo-data-query').CompositeFilterDescriptor>;

package/common.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"});require("vue");const t=require("@progress/kendo-vue-common"),n={id:String,autoProcessData:[Boolean,Object],topCacheCount:{type:Number,default:0},collapsedGroups:{type:Array,default:function(){return[]}},uniqueField:String,totalGroupedHeight:Number,allGroupedItems:Object,alternatePerGroup:Boolean,columns:Array,columnsState:{type:Array,default:function(){}},defaultColumnsState:{type:Array,default:function(){}},columnVirtualization:Boolean,dataItems:[Array,Object],sortable:[Boolean,Object],defaultSort:Array,sort:Array,filterable:Boolean,filterOperators:Object,filterCellRender:[String,Function,Object],headerCellRender:[String,Function,Object],showLoader:{type:Boolean,default:void 0},loader:[String,Function,Object],defaultFilter:Object,filter:Object,defaultSearch:Object,search:Object,searchFields:Array,highlight:Object,pageable:[Boolean,Object],pageSize:Number,total:Number,fixedScroll:Boolean,skip:Number,defaultSkip:Number,take:Number,defaultTake:Number,expandField:String,expandColumn:Object,selectedField:String,cellRender:[String,Function,Object],rowRender:[String,Function,Object],rowSpannable:[Boolean,Object],resizable:Boolean,reorderable:Boolean,group:Array,defaultGroup:Array,groupable:[Boolean,Object],groupExpand:Array,defaultGroupExpand:Array,detailExpand:Object,defaultDetailExpand:Object,editField:String,rowClass:Function,select:Object,defaultSelect:Object,selectable:[Boolean,Object],scrollable:{type:String,default:"scrollable"},size:{type:String,default:"medium",validator:function(e){return["small","medium"].includes(e)}},pager:[String,Function,Object],rowHeight:Number,detailRowHeight:Number,detail:[String,Function,Object],columnMenu:[Boolean,String,Function,Object],columnMenuAnimate:{type:[Boolean,Object],default:function(){return!0}},columnMenuIcon:t.SvgIcon,dataItemKey:String,navigatable:{type:Boolean,default:!1},onItemchange:Function,onExpandchange:Function,onDatastatechange:Function,onPagechange:Function,onSortchange:Function,onFilterchange:Function,onGroupchange:Function,onSearchchange:Function,onGroupexpandchange:Function,onDetailexpandchange:Function};exports.gridProps=n;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("vue");const t=require("@progress/kendo-vue-common"),n={id:String,autoProcessData:[Boolean,Object],topCacheCount:{type:Number,default:0},collapsedGroups:{type:Array,default:function(){return[]}},uniqueField:String,totalGroupedHeight:Number,allGroupedItems:Object,alternatePerGroup:Boolean,columns:Array,columnsState:{type:Array,default:function(){}},cells:Object,defaultColumnsState:{type:Array,default:function(){}},columnVirtualization:Boolean,dataItems:[Array,Object],sortable:[Boolean,Object],defaultSort:Array,sort:Array,filterable:Boolean,filterOperators:Object,filterCellRender:[String,Function,Object],headerCellRender:[String,Function,Object],showLoader:{type:Boolean,default:void 0},loader:[String,Function,Object],lockGroups:Boolean,defaultFilter:Object,filter:Object,defaultSearch:Object,search:Object,searchFields:Array,highlight:Object,pageable:[Boolean,Object],pageSize:Number,total:Number,fixedScroll:Boolean,skip:Number,defaultSkip:Number,take:Number,defaultTake:Number,expandField:String,expandColumn:Object,selectedField:String,cellRender:[String,Function,Object],rowRender:[String,Function,Object],rowSpannable:[Boolean,Object],resizable:Boolean,reorderable:Boolean,group:Array,defaultGroup:Array,groupable:[Boolean,Object],groupExpand:Array,defaultGroupExpand:Array,detailExpand:Object,defaultDetailExpand:Object,editField:String,rowClass:Function,select:Object,defaultSelect:Object,selectable:[Boolean,Object],scrollable:{type:String,default:"scrollable"},size:{type:String,default:"medium",validator:function(e){return["small","medium"].includes(e)}},pager:[String,Function,Object],rowHeight:Number,detailRowHeight:Number,detail:[String,Function,Object],columnMenu:[Boolean,String,Function,Object],columnMenuAnimate:{type:[Boolean,Object],default:function(){return!0}},columnMenuIcon:t.SvgIcon,dataItemKey:String,navigatable:{type:Boolean,default:!1},onItemchange:Function,onExpandchange:Function,onDatastatechange:Function,onPagechange:Function,onSortchange:Function,onFilterchange:Function,onGroupchange:Function,onSearchchange:Function,onGroupexpandchange:Function,onDetailexpandchange:Function};exports.gridProps=n;

package/common.mjs

@@ -30,6 +30,7 @@ const o = {
     default: function() {
     }
   },
+  cells: Object,
   defaultColumnsState: {
     type: Array,
     default: function() {
@@ -49,6 +50,7 @@ const o = {
     default: void 0
   },
   loader: [String, Function, Object],
+  lockGroups: Boolean,
   defaultFilter: Object,
   filter: Object,
   defaultSearch: Object,