@progress/kendo-react-grid 7.5.0-develop.2 → 7.5.0-develop.21

package/GridColumn.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("prop-types"),l=r=>null;l.displayName="KendoReactGridColumn";l.defaultProps={filterable:!0,editable:!0,sortable:!0,resizable:!0,reorderable:!0,groupable:!0};l.propTypes={field:e.string,title:e.string,editable:e.bool,sortable:e.oneOfType([e.bool,e.shape({allowUnsort:e.bool.isRequired})]),cell:e.any,filterCell:e.any,filterTitle:e.string,filterable:e.bool,filter:e.oneOf(["text","numeric","boolean","date"]),editor:e.oneOf(["text","numeric","boolean","date"]),width:e.oneOfType([e.string,e.number]),minResizableWidth:e.number,headerCell:e.any,footerCell:e.any,headerSelectionValue:e.bool,format:e.string,headerClassName:e.string,className:e.string,reorderable:e.bool,resizable:e.bool,orderIndex:e.number,groupable:e.bool,columnMenu:e.any,locked:e.bool};exports.GridColumn=l;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("prop-types"),l=r=>null;l.displayName="KendoReactGridColumn";l.defaultProps={filterable:!0,editable:!0,sortable:!0,resizable:!0,reorderable:!0,groupable:!0};l.propTypes={field:e.string,title:e.string,editable:e.bool,sortable:e.oneOfType([e.bool,e.shape({allowUnsort:e.bool.isRequired})]),cell:e.any,filterCell:e.any,filterTitle:e.string,filterable:e.bool,filter:e.oneOf(["text","numeric","boolean","date"]),editor:e.oneOf(["text","numeric","boolean","date"]),width:e.oneOfType([e.string,e.number]),minResizableWidth:e.number,headerCell:e.any,footerCell:e.any,headerSelectionValue:e.bool,format:e.string,headerClassName:e.string,className:e.string,reorderable:e.bool,resizable:e.bool,orderIndex:e.number,groupable:e.bool,columnMenu:e.any,menuIcon:e.any,locked:e.bool};exports.GridColumn=l;

package/GridColumn.mjs

@@ -7,7 +7,7 @@
  */
 "use client";
 import e from "prop-types";
-const l = (r) => null;
+const l = (o) => null;
 l.displayName = "KendoReactGridColumn";
 l.defaultProps = {
   filterable: !0,
@@ -46,6 +46,7 @@ l.propTypes = {
   orderIndex: e.number,
   groupable: e.bool,
   columnMenu: e.any,
+  menuIcon: e.any,
   locked: e.bool
 };
 export {

package/VirtualScrollFixed.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("react"),g=require("./utils/index.js");function u(a){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(a){for(const e in a)if(e!=="default"){const s=Object.getOwnPropertyDescriptor(a,e);Object.defineProperty(t,e,s.get?s:{enumerable:!0,get:()=>a[e]})}}return t.default=a,Object.freeze(t)}const n=u(d);class S{constructor(t=0,e,s,r){this.total=t,this.offsets=[],this.heights=[];let i=0;for(let h=0;h<t;h++){this.offsets.push(i);const o=r&&r[h].expanded&&r[h].rowType==="data"?s:e;i+=o,this.heights.push(o)}}height(t){return this.heights[t]}index(t){if(t<0)return;const e=this.offsets.reduce((s,r,i)=>{if(s!==void 0)return s;if(r===t)return i;if(r>t)return i-1},void 0);return e===void 0?this.total-1:e}offset(t){return this.offsets[t]}totalHeight(){const t=this.offsets[this.offsets.length-1],e=this.heights[this.heights.length-1];return t+e}}class p{constructor(t){this.table=null,this.containerHeight=0,this.topCacheCount=0,this.attendedSkip=0,this.propsSkip=0,this.total=0,this.scrollableVirtual=!1,this.realSkip=0,this.pageSize=0,this.PageChange=null,this.tableBodyRef=n.createRef(),this.fixedScroll=!1,this.askedSkip=void 0,this.containerRef=n.createRef(),this.tableTransform="",this.scrollSyncing=!1,this.lastLoaded=0,this.firstLoaded=0,this.lastScrollTop=0,this.reactVersion=Number.parseFloat(n.version),this.firstLoaded=this.pageSize,this.lastLoaded=this.realSkip+this.pageSize,this.scrollHandler=this.scrollHandler.bind(this)}get container(){return this.containerRef.current}translate(t,e){this.scrollableVirtual&&this.table&&(g.firefox||this.reactVersion<=17||e?this.table.style.transform="translateY("+t+"px)":this.tableTransform="translateY("+t+"px)")}changePage(t,e){this.PageChange&&this.PageChange({skip:Math.max(0,t),take:this.pageSize},e)}reset(){this.scrollSyncing=!0,!this.fixedScroll&&(this.container&&(this.container.scrollTop=0),this.translate(0,!0))}scrollHandler(t){if(!this.scrollableVirtual||!this.container||!this.table||!this.rowHeightService||!this.containerRef.current)return;if(this.scrollSyncing){this.scrollSyncing=!1;return}const e=this.container.scrollTop,s=this.lastScrollTop>=e,r=!s;this.lastScrollTop=e;let i=this.rowHeightService.index(e),h=this.rowHeightService.offset(i);const{offsetHeight:o}=this.containerRef.current,c=this.rowHeightService.index(e+o);if(r&&c>=this.lastLoaded&&this.lastLoaded<this.total){const l=i+this.pageSize-this.total;l>0&&(i=i-l,h=this.rowHeightService.offset(i)),this.firstLoaded=i,this.translate(h);let f=this.firstLoaded+this.pageSize;this.lastLoaded=Math.min(f,this.total),this.changePage(this.firstLoaded,t)}else if(s&&i<this.firstLoaded){const l=Math.floor(this.pageSize*.3);this.firstLoaded=Math.max(i-l,0),this.translate(this.rowHeightService.offset(this.firstLoaded)),this.lastLoaded=Math.min(this.firstLoaded+this.pageSize,this.total),this.changePage(this.firstLoaded,t)}}}exports.RowHeightService=S;exports.VirtualScrollFixed=p;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("react"),g=require("./utils/index.js");function u(s){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(s){for(const t in s)if(t!=="default"){const a=Object.getOwnPropertyDescriptor(s,t);Object.defineProperty(e,t,a.get?a:{enumerable:!0,get:()=>s[t]})}}return e.default=s,Object.freeze(e)}const o=u(d);class p{constructor(e){this.table=null,this.containerHeight=0,this.topCacheCount=0,this.attendedSkip=0,this.propsSkip=0,this.total=0,this.scrollableVirtual=!1,this.realSkip=0,this.pageSize=0,this.PageChange=null,this.tableBodyRef=o.createRef(),this.fixedScroll=!1,this.askedSkip=void 0,this.containerRef=o.createRef(),this.tableTransform="",this.scrollSyncing=!1,this.lastLoaded=0,this.firstLoaded=0,this.lastScrollTop=0,this.reactVersion=Number.parseFloat(o.version),this.firstLoaded=this.pageSize,this.lastLoaded=this.realSkip+this.pageSize,this.scrollHandler=this.scrollHandler.bind(this)}get container(){return this.containerRef.current}translate(e,t){this.scrollableVirtual&&this.table&&(g.firefox||this.reactVersion<=17||t?this.table.style.transform="translateY("+e+"px)":this.tableTransform="translateY("+e+"px)")}changePage(e,t){this.PageChange&&this.PageChange({skip:Math.max(0,e),take:this.pageSize},t)}reset(){this.scrollSyncing=!0,!this.fixedScroll&&(this.container&&(this.container.scrollTop=0),this.translate(0,!0))}scrollHandler(e){if(!this.scrollableVirtual||!this.container||!this.table||!this.rowHeightService||!this.containerRef.current)return;if(this.scrollSyncing){this.scrollSyncing=!1;return}const t=this.container.scrollTop,a=this.lastScrollTop>=t,h=!a;this.lastScrollTop=t;let i=this.rowHeightService.index(t),l=this.rowHeightService.offset(i);const{offsetHeight:n}=this.containerRef.current,c=this.rowHeightService.index(t+n);if(h&&c>=this.lastLoaded&&this.lastLoaded<this.total){const r=i+this.pageSize-this.total;r>0&&(i=i-r,l=this.rowHeightService.offset(i)),this.firstLoaded=i,this.translate(l);const f=this.firstLoaded+this.pageSize;this.lastLoaded=Math.min(f,this.total),this.changePage(this.firstLoaded,e)}else if(a&&i<this.firstLoaded){const r=Math.floor(this.pageSize*.3);this.firstLoaded=Math.max(i-r,0),this.translate(this.rowHeightService.offset(this.firstLoaded)),this.lastLoaded=Math.min(this.firstLoaded+this.pageSize,this.total),this.changePage(this.firstLoaded,e)}}}exports.VirtualScrollFixed=p;

package/VirtualScrollFixed.mjs

@@ -6,54 +6,20 @@
  *-------------------------------------------------------------------------------------------
  */
 "use client";
-import * as l from "react";
-import { firefox as d } from "./utils/index.mjs";
-class u {
-  constructor(t = 0, e, h, i) {
-    this.total = t, this.offsets = [], this.heights = [];
-    let s = 0;
-    for (let r = 0; r < t; r++) {
-      this.offsets.push(s);
-      const a = i && i[r].expanded && i[r].rowType === "data" ? h : e;
-      s += a, this.heights.push(a);
-    }
-  }
-  height(t) {
-    return this.heights[t];
-  }
-  index(t) {
-    if (t < 0)
-      return;
-    const e = this.offsets.reduce((h, i, s) => {
-      if (h !== void 0)
-        return h;
-      if (i === t)
-        return s;
-      if (i > t)
-        return s - 1;
-    }, void 0);
-    return e === void 0 ? this.total - 1 : e;
-  }
-  offset(t) {
-    return this.offsets[t];
-  }
-  totalHeight() {
-    const t = this.offsets[this.offsets.length - 1], e = this.heights[this.heights.length - 1];
-    return t + e;
-  }
-}
+import * as a from "react";
+import { firefox as f } from "./utils/index.mjs";
 class p {
   constructor(t) {
-    this.table = null, this.containerHeight = 0, this.topCacheCount = 0, this.attendedSkip = 0, this.propsSkip = 0, this.total = 0, this.scrollableVirtual = !1, this.realSkip = 0, this.pageSize = 0, this.PageChange = null, this.tableBodyRef = l.createRef(), this.fixedScroll = !1, this.askedSkip = void 0, this.containerRef = l.createRef(), this.tableTransform = "", this.scrollSyncing = !1, this.lastLoaded = 0, this.firstLoaded = 0, this.lastScrollTop = 0, this.reactVersion = Number.parseFloat(l.version), this.firstLoaded = this.pageSize, this.lastLoaded = this.realSkip + this.pageSize, this.scrollHandler = this.scrollHandler.bind(this);
+    this.table = null, this.containerHeight = 0, this.topCacheCount = 0, this.attendedSkip = 0, this.propsSkip = 0, this.total = 0, this.scrollableVirtual = !1, this.realSkip = 0, this.pageSize = 0, this.PageChange = null, this.tableBodyRef = a.createRef(), this.fixedScroll = !1, this.askedSkip = void 0, this.containerRef = a.createRef(), this.tableTransform = "", this.scrollSyncing = !1, this.lastLoaded = 0, this.firstLoaded = 0, this.lastScrollTop = 0, this.reactVersion = Number.parseFloat(a.version), this.firstLoaded = this.pageSize, this.lastLoaded = this.realSkip + this.pageSize, this.scrollHandler = this.scrollHandler.bind(this);
   }
   get container() {
     return this.containerRef.current;
   }
-  translate(t, e) {
-    this.scrollableVirtual && this.table && (d || this.reactVersion <= 17 || e ? this.table.style.transform = "translateY(" + t + "px)" : this.tableTransform = "translateY(" + t + "px)");
+  translate(t, i) {
+    this.scrollableVirtual && this.table && (f || this.reactVersion <= 17 || i ? this.table.style.transform = "translateY(" + t + "px)" : this.tableTransform = "translateY(" + t + "px)");
   }
-  changePage(t, e) {
-    this.PageChange && this.PageChange({ skip: Math.max(0, t), take: this.pageSize }, e);
+  changePage(t, i) {
+    this.PageChange && this.PageChange({ skip: Math.max(0, t), take: this.pageSize }, i);
   }
   reset() {
     this.scrollSyncing = !0, !this.fixedScroll && (this.container && (this.container.scrollTop = 0), this.translate(0, !0));
@@ -65,22 +31,21 @@ class p {
       this.scrollSyncing = !1;
       return;
     }
-    const e = this.container.scrollTop, h = this.lastScrollTop >= e, i = !h;
-    this.lastScrollTop = e;
-    let s = this.rowHeightService.index(e), r = this.rowHeightService.offset(s);
-    const { offsetHeight: a } = this.containerRef.current, f = this.rowHeightService.index(e + a);
-    if (i && f >= this.lastLoaded && this.lastLoaded < this.total) {
-      const o = s + this.pageSize - this.total;
-      o > 0 && (s = s - o, r = this.rowHeightService.offset(s)), this.firstLoaded = s, this.translate(r);
-      let c = this.firstLoaded + this.pageSize;
+    const i = this.container.scrollTop, r = this.lastScrollTop >= i, o = !r;
+    this.lastScrollTop = i;
+    let e = this.rowHeightService.index(i), h = this.rowHeightService.offset(e);
+    const { offsetHeight: l } = this.containerRef.current, n = this.rowHeightService.index(i + l);
+    if (o && n >= this.lastLoaded && this.lastLoaded < this.total) {
+      const s = e + this.pageSize - this.total;
+      s > 0 && (e = e - s, h = this.rowHeightService.offset(e)), this.firstLoaded = e, this.translate(h);
+      const c = this.firstLoaded + this.pageSize;
       this.lastLoaded = Math.min(c, this.total), this.changePage(this.firstLoaded, t);
-    } else if (h && s < this.firstLoaded) {
-      const o = Math.floor(this.pageSize * 0.3);
-      this.firstLoaded = Math.max(s - o, 0), this.translate(this.rowHeightService.offset(this.firstLoaded)), this.lastLoaded = Math.min(this.firstLoaded + this.pageSize, this.total), this.changePage(this.firstLoaded, t);
+    } else if (r && e < this.firstLoaded) {
+      const s = Math.floor(this.pageSize * 0.3);
+      this.firstLoaded = Math.max(e - s, 0), this.translate(this.rowHeightService.offset(this.firstLoaded)), this.lastLoaded = Math.min(this.firstLoaded + this.pageSize, this.total), this.changePage(this.firstLoaded, t);
     }
   }
 }
 export {
-  u as RowHeightService,
   p as VirtualScrollFixed
 };

package/cells/GridCell.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m=require("react"),f=require("../utils/index.js"),g=require("@progress/kendo-react-intl"),b=require("@progress/kendo-react-data-tools"),C=require("../constants/index.js"),y=require("@progress/kendo-react-common");function T(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const n in e)if(n!=="default"){const c=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,c.get?c:{enumerable:!0,get:()=>e[n]})}}return t.default=e,Object.freeze(t)}const o=T(m),I=e=>{let t=null;const n=g.useInternationalization(),c=b.useTableKeyboardNavigation(e.id),r=o.useCallback(a=>{e.onContextMenu&&e.onContextMenu.call(void 0,a,e.dataItem,e.field)},[e.onContextMenu,e.dataItem,e.field]);let l=null,d=null;if(e.rowType==="groupFooter")l={onContextMenu:r,className:e.className},t=o.createElement("td",{...l});else if(e.rowType!=="groupHeader"){if(e.field!==void 0){const i=f.getNestedValue(e.field,e.dataItem);i!=null&&(d=e.format?n.format(e.format,i):i.toString())}const a=y.classNames("k-table-td",e.className,{"k-selected":e.isSelected});l={onContextMenu:r,colSpan:e.colSpan,style:e.style,className:a,role:"gridcell","aria-colindex":e.ariaColumnIndex,"aria-selected":e.isSelected,[C.GRID_COL_INDEX_ATTRIBUTE]:e.columnIndex,...c},t=o.createElement("td",{...l},d)}const s=e.rowType||"data",u=e.cells;if(u&&u[s]){const a=u[s];return o.createElement(a,{...e,tdProps:l},d)}return e.render?e.render.call(void 0,t,e):t};exports.GridCell=I;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m=require("react"),f=require("../utils/index.js"),g=require("@progress/kendo-react-intl"),b=require("@progress/kendo-react-data-tools"),C=require("../constants/index.js"),y=require("@progress/kendo-react-common");function T(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const n in e)if(n!=="default"){const l=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,l.get?l:{enumerable:!0,get:()=>e[n]})}}return t.default=e,Object.freeze(t)}const o=T(m),I=e=>{let t=null;const n=g.useInternationalization(),l=b.useTableKeyboardNavigation(e.id),r=o.useCallback(c=>{e.onContextMenu&&e.onContextMenu.call(void 0,c,e.dataItem,e.field)},[e.onContextMenu,e.dataItem,e.field]);let a=null,d=null;if(e.rowType==="groupFooter")a={onContextMenu:r,className:e.className,...l},t=o.createElement("td",{...a});else if(e.rowType!=="groupHeader"){if(e.field!==void 0){const i=f.getNestedValue(e.field,e.dataItem);i!=null&&(d=e.format?n.format(e.format,i):i.toString())}const c=y.classNames("k-table-td",e.className,{"k-selected":e.isSelected});a={onContextMenu:r,colSpan:e.colSpan,style:e.style,className:c,role:"gridcell","aria-colindex":e.ariaColumnIndex,"aria-selected":e.isSelected,[C.GRID_COL_INDEX_ATTRIBUTE]:e.columnIndex,...l},t=o.createElement("td",{...a},d)}const s=e.rowType||"data",u=e.cells;if(u&&u[s]){const c=u[s];return o.createElement(c,{...e,tdProps:a},d)}return e.render?e.render.call(void 0,t,e):t};exports.GridCell=I;

package/cells/GridCell.mjs

@@ -14,19 +14,20 @@ import { GRID_COL_INDEX_ATTRIBUTE as g } from "../constants/index.mjs";
 import { classNames as I } from "@progress/kendo-react-common";
 const S = (e) => {
   let n = null;
-  const u = s(), f = C(e.id), o = i.useCallback((l) => {
+  const f = s(), o = C(e.id), m = i.useCallback((l) => {
     e.onContextMenu && e.onContextMenu.call(void 0, l, e.dataItem, e.field);
   }, [e.onContextMenu, e.dataItem, e.field]);
   let t = null, c = null;
   if (e.rowType === "groupFooter")
     t = {
-      onContextMenu: o,
-      className: e.className
+      onContextMenu: m,
+      className: e.className,
+      ...o
     }, n = /* @__PURE__ */ i.createElement("td", { ...t });
   else if (e.rowType !== "groupHeader") {
     if (e.field !== void 0) {
       const a = r(e.field, e.dataItem);
-      a != null && (c = e.format ? u.format(e.format, a) : a.toString());
+      a != null && (c = e.format ? f.format(e.format, a) : a.toString());
     }
     const l = I(
       "k-table-td",
@@ -34,7 +35,7 @@ const S = (e) => {
       { "k-selected": e.isSelected }
     );
     t = {
-      onContextMenu: o,
+      onContextMenu: m,
       colSpan: e.colSpan,
       style: e.style,
       className: l,
@@ -42,12 +43,12 @@ const S = (e) => {
       "aria-colindex": e.ariaColumnIndex,
       "aria-selected": e.isSelected,
       [g]: e.columnIndex,
-      ...f
+      ...o
     }, n = /* @__PURE__ */ i.createElement("td", { ...t }, c);
   }
-  const m = e.rowType || "data", d = e.cells;
-  if (d && d[m]) {
-    const l = d[m];
+  const u = e.rowType || "data", d = e.cells;
+  if (d && d[u]) {
+    const l = d[u];
     return /* @__PURE__ */ i.createElement(l, { ...e, tdProps: t }, c);
   }
   return e.render ? e.render.call(void 0, n, e) : n;

package/cells/GridGroupCell.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const b=require("@progress/kendo-react-common"),j=require("@progress/kendo-react-data-tools"),z=require("@progress/kendo-react-intl"),C=require("@progress/kendo-svg-icons"),A=require("react"),v=require("../messages/index.js");function G(e){const a=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const c=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(a,t,c.get?c:{enumerable:!0,get:()=>e[t]})}}return a.default=e,Object.freeze(a)}const n=G(A),K=e=>{let a=null;const{columnIndex:t,level:c,columnsCount:g,rowType:R,dataItem:o,field:w,onChange:d,expanded:r,render:x,dataIndex:f,ariaColumnIndex:M,isRtl:I}=e,s=w||"",N=j.useTableKeyboardNavigation(e.id),T=z.useLocalization();let i=null,m=null,y=null;const q=n.useCallback(l=>{l.isDefaultPrevented()||l.keyCode===b.Keys.enter&&d&&(l.preventDefault(),d({dataItem:o,dataIndex:f,syntheticEvent:l,field:void 0,value:!r}))},[r,d,o,f]),k=n.useCallback(l=>{e.onContextMenu&&e.onContextMenu.call(void 0,l,e.dataItem,e.field)},[e.onContextMenu,e.dataItem,e.field]),E=(l,O)=>{const D=r?v.groupCollapse:v.groupExpand,P=T.toLanguageString(D,v.messages[D]);return i={className:"k-table-td",style:{...e.style,...O},colSpan:l,key:"g-colspan",role:"gridcell","aria-selected":!1,"aria-expanded":r,"aria-colindex":M,onKeyDown:q,onContextMenu:k,...N},y=n.createElement("p",{className:"k-reset"},n.createElement("a",{onClick:h=>{h.preventDefault(),d&&d({dataItem:o,dataIndex:f,syntheticEvent:h,field:void 0,value:!r})},href:"#",tabIndex:-1,"aria-label":P},n.createElement(b.IconWrap,{name:r?"caret-alt-down":I?"caret-alt-left":"caret-alt-right",icon:r?C.caretAltDownIcon:I?C.caretAltLeftIcon:C.caretAltRightIcon})),o[s]instanceof Date&&o[s].toString?o[s].toString():o[s]),n.createElement("td",{...i,key:i.key},y)};t===void 0||c===void 0||t<c||g===void 0||R!=="groupHeader"||o[s]===void 0?(i={style:e.style,key:"g"+t,className:b.classNames("k-table-td","k-group-cell",{"k-grid-content-sticky":e.locked}),role:"gridcell",onContextMenu:k},a=n.createElement("td",{...i,key:i.key})):t<=c&&!e.locked?a=E(g-t,{}):t<=c&&e.locked&&(m={className:"k-table-td",role:"gridcell",colSpan:g-t,style:{borderLeftWidth:0,borderRightWidth:0},onContextMenu:k},a=n.createElement(n.Fragment,null,E(0,{position:"sticky",zIndex:2}),n.createElement("td",{...m})));const S=e.rowType||"data",u=e.cells;if(u&&u.group&&u.group[S]){const l=u.group[S];return n.createElement(l,{...e,tdProps:i,td2Props:m},y)}return x?x.call(void 0,a,e):a};exports.GridGroupCell=K;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const b=require("@progress/kendo-react-common"),j=require("@progress/kendo-react-data-tools"),z=require("@progress/kendo-react-intl"),C=require("@progress/kendo-svg-icons"),A=require("react"),v=require("../messages/index.js");function G(e){const a=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const c=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(a,t,c.get?c:{enumerable:!0,get:()=>e[t]})}}return a.default=e,Object.freeze(a)}const n=G(A),K=e=>{let a=null;const{columnIndex:t,level:c,columnsCount:g,rowType:w,dataItem:o,field:M,onChange:d,expanded:r,render:x,dataIndex:f,ariaColumnIndex:N,isRtl:I}=e,s=M||"",E=j.useTableKeyboardNavigation(e.id),T=z.useLocalization();let i=null,m=null,y=null;const q=n.useCallback(l=>{l.isDefaultPrevented()||l.keyCode===b.Keys.enter&&d&&(l.preventDefault(),d({dataItem:o,dataIndex:f,syntheticEvent:l,field:void 0,value:!r}))},[r,d,o,f]),k=n.useCallback(l=>{e.onContextMenu&&e.onContextMenu.call(void 0,l,e.dataItem,e.field)},[e.onContextMenu,e.dataItem,e.field]),S=(l,O)=>{const h=r?v.groupCollapse:v.groupExpand,P=T.toLanguageString(h,v.messages[h]);return i={className:"k-table-td",style:{...e.style,...O},colSpan:l,key:"g-colspan",role:"gridcell","aria-selected":!1,"aria-expanded":r,"aria-colindex":N,onKeyDown:q,onContextMenu:k,...E},y=n.createElement("p",{className:"k-reset"},n.createElement("a",{onClick:R=>{R.preventDefault(),d&&d({dataItem:o,dataIndex:f,syntheticEvent:R,field:void 0,value:!r})},href:"#",tabIndex:-1,"aria-label":P},n.createElement(b.IconWrap,{name:r?"caret-alt-down":I?"caret-alt-left":"caret-alt-right",icon:r?C.caretAltDownIcon:I?C.caretAltLeftIcon:C.caretAltRightIcon})),o[s]instanceof Date&&o[s].toString?o[s].toString():o[s]),n.createElement("td",{...i,key:i.key},y)};t===void 0||c===void 0||t<c||g===void 0||w!=="groupHeader"||o[s]===void 0?(i={style:e.style,key:"g"+t,className:b.classNames("k-table-td","k-group-cell",{"k-grid-content-sticky":e.locked}),role:"gridcell",onContextMenu:k,...E},a=n.createElement("td",{...i,key:i.key})):t<=c&&!e.locked?a=S(g-t,{}):t<=c&&e.locked&&(m={className:"k-table-td",role:"gridcell",colSpan:g-t,style:{borderLeftWidth:0,borderRightWidth:0},onContextMenu:k},a=n.createElement(n.Fragment,null,S(0,{position:"sticky",zIndex:2}),n.createElement("td",{...m})));const D=e.rowType||"data",u=e.cells;if(u&&u.group&&u.group[D]){const l=u.group[D];return n.createElement(l,{...e,tdProps:i,td2Props:m},y)}return x?x.call(void 0,a,e):a};exports.GridGroupCell=K;

package/cells/GridGroupCell.mjs

@@ -14,7 +14,7 @@ import * as t from "react";
 import { messages as H, groupCollapse as j, groupExpand as q } from "../messages/index.mjs";
 const V = (e) => {
   let c = null;
-  const { columnIndex: a, level: s, columnsCount: m, rowType: h, dataItem: n, field: w, onChange: r, expanded: o, render: C, dataIndex: f, ariaColumnIndex: D, isRtl: v } = e, d = w || "", N = z(e.id), S = P();
+  const { columnIndex: a, level: s, columnsCount: m, rowType: w, dataItem: n, field: D, onChange: r, expanded: o, render: C, dataIndex: f, ariaColumnIndex: N, isRtl: v } = e, d = D || "", x = z(e.id), S = P();
   let i = null, g = null, y = null;
   const M = t.useCallback(
     (l) => {
@@ -29,8 +29,8 @@ const V = (e) => {
     [o, r, n, f]
   ), k = t.useCallback((l) => {
     e.onContextMenu && e.onContextMenu.call(void 0, l, e.dataItem, e.field);
-  }, [e.onContextMenu, e.dataItem, e.field]), x = (l, R) => {
-    const I = o ? j : q, A = S.toLanguageString(I, H[I]);
+  }, [e.onContextMenu, e.dataItem, e.field]), b = (l, R) => {
+    const E = o ? j : q, A = S.toLanguageString(E, H[E]);
     return i = {
       className: "k-table-td",
       style: { ...e.style, ...R },
@@ -39,18 +39,18 @@ const V = (e) => {
       role: "gridcell",
       "aria-selected": !1,
       "aria-expanded": o,
-      "aria-colindex": D,
+      "aria-colindex": N,
       onKeyDown: M,
       onContextMenu: k,
-      ...N
+      ...x
     }, y = /* @__PURE__ */ t.createElement("p", { className: "k-reset" }, /* @__PURE__ */ t.createElement(
       "a",
       {
-        onClick: (E) => {
-          E.preventDefault(), r && r({
+        onClick: (h) => {
+          h.preventDefault(), r && r({
             dataItem: n,
             dataIndex: f,
-            syntheticEvent: E,
+            syntheticEvent: h,
             field: void 0,
             value: !o
           });
@@ -75,7 +75,7 @@ const V = (e) => {
       y
     );
   };
-  a === void 0 || s === void 0 || a < s || m === void 0 || h !== "groupHeader" || n[d] === void 0 ? (i = {
+  a === void 0 || s === void 0 || a < s || m === void 0 || w !== "groupHeader" || n[d] === void 0 ? (i = {
     style: e.style,
     key: "g" + a,
     className: L(
@@ -84,28 +84,29 @@ const V = (e) => {
       { "k-grid-content-sticky": e.locked }
     ),
     role: "gridcell",
-    onContextMenu: k
+    onContextMenu: k,
+    ...x
   }, c = /* @__PURE__ */ t.createElement(
     "td",
     {
       ...i,
       key: i.key
     }
-  )) : a <= s && !e.locked ? c = x(m - a, {}) : a <= s && e.locked && (g = {
+  )) : a <= s && !e.locked ? c = b(m - a, {}) : a <= s && e.locked && (g = {
     className: "k-table-td",
     role: "gridcell",
     colSpan: m - a,
     style: { borderLeftWidth: 0, borderRightWidth: 0 },
     onContextMenu: k
-  }, c = /* @__PURE__ */ t.createElement(t.Fragment, null, x(0, { position: "sticky", zIndex: 2 }), /* @__PURE__ */ t.createElement(
+  }, c = /* @__PURE__ */ t.createElement(t.Fragment, null, b(0, { position: "sticky", zIndex: 2 }), /* @__PURE__ */ t.createElement(
     "td",
     {
       ...g
     }
   )));
-  const b = e.rowType || "data", u = e.cells;
-  if (u && u.group && u.group[b]) {
-    const l = u.group[b];
+  const I = e.rowType || "data", u = e.cells;
+  if (u && u.group && u.group[I]) {
+    const l = u.group[I];
     return /* @__PURE__ */ t.createElement(l, { ...e, tdProps: i, td2Props: g }, y);
   }
   return C ? C.call(void 0, c, e) : c;

package/columnMenu/GridColumnMenuWrapper.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const N=require("react"),O=require("@progress/kendo-react-popup"),i=require("@progress/kendo-react-common"),P=require("@progress/kendo-svg-icons"),E=require("../messages/index.js"),_=require("@progress/kendo-react-intl");function j(e){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const l in e)if(l!=="default"){const u=Object.getOwnPropertyDescriptor(e,l);Object.defineProperty(r,l,u.get?u:{enumerable:!0,get:()=>e[l]})}}return r.default=e,Object.freeze(r)}const o=j(N),z=[".k-columnmenu-item-content",".k-filter-menu-container"].map(e=>i.TABBABLE_ELEMENTS.map(r=>`${e} ${r}`)),W=[[".k-tabstrip-items"],[".k-columnmenu-item"],...z],$=e=>{const[r,l]=o.useState(!1),u=o.useRef(null),a=o.useRef(null),s=o.useRef(null),m=o.useRef(0),{columnMenu:h,...v}=e,{column:b}=e,w=_.useLocalization(),k=b.title||b.field,M=k?`${k} `:"",y="#",p=n=>{const t=i.getActiveElement(document);clearTimeout(m.current),m.current=window.setTimeout(()=>{t&&n.relatedTarget!==u.current&&a.current&&!a.current.contains(t)&&f()})},C=()=>{clearTimeout(m.current)},D=n=>{n.preventDefault(),r&&e.onCloseMenu&&e.onCloseMenu(),l(!r)},f=()=>{e.onCloseMenu&&e.onCloseMenu(),l(!1),!e.navigatable&&u.current&&u.current.focus()},S=n=>{var t;if(n.keyCode===i.Keys.tab){const c=n.target,g=c&&((t=c.closest(".k-grid"))==null?void 0:t.getElementsByClassName("k-grid-content")[0]);g&&g.scrollWidth>g.clientWidth&&c.scrollIntoView({inline:"center"})}},d=o.useMemo(()=>e.show!==void 0?e.show:r,[e.show,r]),T=n=>{var t;(t=s.current)==null||t.triggerKeyboardEvent(n)},R=n=>{var t;(t=s.current)==null||t.triggerMouseEvent(n)},I=(n,t,c)=>{c.preventDefault(),c.shiftKey?t.focusPrevious(n):t.focusNext(n)},K=(n,t,c)=>{n&&n.click()},q=(n,t,c)=>{c.preventDefault(),f()},B=(n,t,c)=>{c.preventDefault(),t.focusElement(n)};return o.useEffect(()=>(d&&a.current&&(s.current=new i.Navigation({tabIndex:0,root:a,selectors:W,keyboardEvents:{keydown:{Tab:I,Enter:K,Escape:q}},mouseEvents:{mousedown:B}}),s.current.focusElement(s.current.first,null)),()=>{s.current&&(s.current=null)}),[d]),o.createElement(o.Fragment,null,o.createElement("a",{className:"k-grid-header-menu k-grid-column-menu",ref:u,onClick:D,onKeyDown:S,href:y,tabIndex:e.navigatable?-1:void 0,"aria-label":`${M}${w.toLanguageString(E.columnMenu,E.messages[E.columnMenu])}`},o.createElement(i.IconWrap,{name:"filter",icon:P.filterIcon})),o.createElement(O.Popup,{anchor:u.current,show:d,popupClass:"k-column-menu k-column-menu-popup k-grid-columnmenu-popup"},o.createElement("div",{ref:a,onBlur:p,onFocus:C,onMouseDown:R,onKeyDown:T,style:{outline:"none"}},h&&o.createElement(h,{...v,onCloseMenu:f}))))};exports.GridColumnMenuWrapper=$;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const O=require("react"),P=require("@progress/kendo-react-popup"),a=require("@progress/kendo-react-common"),W=require("@progress/kendo-svg-icons"),h=require("../messages/index.js"),_=require("@progress/kendo-react-intl");function j(e){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const l in e)if(l!=="default"){const u=Object.getOwnPropertyDescriptor(e,l);Object.defineProperty(r,l,u.get?u:{enumerable:!0,get:()=>e[l]})}}return r.default=e,Object.freeze(r)}const o=j(O),z=[".k-columnmenu-item-content",".k-filter-menu-container"].map(e=>a.TABBABLE_ELEMENTS.map(r=>`${e} ${r}`)),$=[[".k-tabstrip-items"],[".k-columnmenu-item"],...z],x=e=>{const[r,l]=o.useState(!1),u=o.useRef(null),i=o.useRef(null),s=o.useRef(null),m=o.useRef(0),{columnMenu:b,...M}=e,{column:k,columnMenuIcon:f}=e,w=_.useLocalization(),v=k.title||k.field,p=v?`${v} `:"",y="#",C=n=>{const t=a.getActiveElement(document);clearTimeout(m.current),m.current=window.setTimeout(()=>{t&&n.relatedTarget!==u.current&&i.current&&!i.current.contains(t)&&d()})},D=()=>{clearTimeout(m.current)},S=n=>{n.preventDefault(),r&&e.onCloseMenu&&e.onCloseMenu(),l(!r)},d=()=>{e.onCloseMenu&&e.onCloseMenu(),l(!1),!e.navigatable&&u.current&&u.current.focus()},T=n=>{var t;if(n.keyCode===a.Keys.tab){const c=n.target,E=c&&((t=c.closest(".k-grid"))==null?void 0:t.getElementsByClassName("k-grid-content")[0]);E&&E.scrollWidth>E.clientWidth&&c.scrollIntoView({inline:"center"})}},g=o.useMemo(()=>e.show!==void 0?e.show:r,[e.show,r]),I=n=>{var t;(t=s.current)==null||t.triggerKeyboardEvent(n)},R=n=>{var t;(t=s.current)==null||t.triggerMouseEvent(n)},K=(n,t,c)=>{c.preventDefault(),c.shiftKey?t.focusPrevious(n):t.focusNext(n)},q=(n,t,c)=>{n&&n.click()},B=(n,t,c)=>{c.preventDefault(),d()},N=(n,t,c)=>{c.preventDefault(),t.focusElement(n)};return o.useEffect(()=>(g&&i.current&&(s.current=new a.Navigation({tabIndex:0,root:i,selectors:$,keyboardEvents:{keydown:{Tab:K,Enter:q,Escape:B}},mouseEvents:{mousedown:N}}),s.current.focusElement(s.current.first,null)),()=>{s.current&&(s.current=null)}),[g]),o.createElement(o.Fragment,null,o.createElement("a",{className:"k-grid-header-menu k-grid-column-menu",ref:u,onClick:S,onKeyDown:T,href:y,tabIndex:e.navigatable?-1:void 0,"aria-label":`${p}${w.toLanguageString(h.columnMenu,h.messages[h.columnMenu])}`},f?o.createElement(a.IconWrap,{name:f.name,icon:f}):o.createElement(a.IconWrap,{name:"more-vertical",icon:W.moreVerticalIcon})),o.createElement(P.Popup,{anchor:u.current,show:g,popupClass:"k-column-menu k-column-menu-popup k-grid-columnmenu-popup"},o.createElement("div",{ref:i,onBlur:C,onFocus:D,onMouseDown:R,onKeyDown:I,style:{outline:"none"}},b&&o.createElement(b,{...M,onCloseMenu:d}))))};exports.GridColumnMenuWrapper=x;

package/columnMenu/GridColumnMenuWrapper.mjs

@@ -7,108 +7,108 @@
  */
 "use client";
 import * as t from "react";
-import { Popup as R } from "@progress/kendo-react-popup";
-import { TABBABLE_ELEMENTS as $, Navigation as x, IconWrap as z, getActiveElement as A, Keys as F } from "@progress/kendo-react-common";
-import { filterIcon as L } from "@progress/kendo-svg-icons";
-import { columnMenu as w, messages as W } from "../messages/index.mjs";
+import { Popup as x } from "@progress/kendo-react-popup";
+import { TABBABLE_ELEMENTS as z, Navigation as A, IconWrap as v, getActiveElement as F, Keys as L } from "@progress/kendo-react-common";
+import { moreVerticalIcon as W } from "@progress/kendo-svg-icons";
+import { columnMenu as M, messages as V } from "../messages/index.mjs";
 import { useLocalization as _ } from "@progress/kendo-react-intl";
 const H = [
   ".k-columnmenu-item-content",
   ".k-filter-menu-container"
-].map((o) => $.map(
+].map((o) => z.map(
   (u) => `${o} ${u}`
 )), P = [
   [".k-tabstrip-items"],
   [".k-columnmenu-item"],
   ...H
-], Q = (o) => {
-  const [u, d] = t.useState(!1), l = t.useRef(null), s = t.useRef(null), c = t.useRef(null), a = t.useRef(0), { columnMenu: E, ...v } = o, { column: h } = o, k = _(), g = h.title || h.field, M = g ? `${g} ` : "", b = "#", p = (e) => {
-    const n = A(document);
+], U = (o) => {
+  const [u, E] = t.useState(!1), l = t.useRef(null), s = t.useRef(null), r = t.useRef(null), a = t.useRef(0), { columnMenu: h, ...k } = o, { column: g, columnMenuIcon: i } = o, b = _(), w = g.title || g.field, p = w ? `${w} ` : "", y = "#", C = (e) => {
+    const n = F(document);
     clearTimeout(a.current), a.current = window.setTimeout(() => {
-      n && e.relatedTarget !== l.current && s.current && !s.current.contains(n) && i();
+      n && e.relatedTarget !== l.current && s.current && !s.current.contains(n) && m();
     });
-  }, y = () => {
+  }, D = () => {
     clearTimeout(a.current);
-  }, C = (e) => {
-    e.preventDefault(), u && o.onCloseMenu && o.onCloseMenu(), d(!u);
-  }, i = () => {
-    o.onCloseMenu && o.onCloseMenu(), d(!1), !o.navigatable && l.current && l.current.focus();
-  }, D = (e) => {
+  }, T = (e) => {
+    e.preventDefault(), u && o.onCloseMenu && o.onCloseMenu(), E(!u);
+  }, m = () => {
+    o.onCloseMenu && o.onCloseMenu(), E(!1), !o.navigatable && l.current && l.current.focus();
+  }, S = (e) => {
     var n;
-    if (e.keyCode === F.tab) {
-      const r = e.target, f = r && ((n = r.closest(".k-grid")) == null ? void 0 : n.getElementsByClassName("k-grid-content")[0]);
-      f && f.scrollWidth > f.clientWidth && r.scrollIntoView({ inline: "center" });
+    if (e.keyCode === L.tab) {
+      const c = e.target, d = c && ((n = c.closest(".k-grid")) == null ? void 0 : n.getElementsByClassName("k-grid-content")[0]);
+      d && d.scrollWidth > d.clientWidth && c.scrollIntoView({ inline: "center" });
     }
-  }, m = t.useMemo(() => o.show !== void 0 ? o.show : u, [o.show, u]), T = (e) => {
+  }, f = t.useMemo(() => o.show !== void 0 ? o.show : u, [o.show, u]), K = (e) => {
     var n;
-    (n = c.current) == null || n.triggerKeyboardEvent(e);
-  }, S = (e) => {
+    (n = r.current) == null || n.triggerKeyboardEvent(e);
+  }, B = (e) => {
     var n;
-    (n = c.current) == null || n.triggerMouseEvent(e);
-  }, K = (e, n, r) => {
-    r.preventDefault(), r.shiftKey ? n.focusPrevious(e) : n.focusNext(e);
-  }, B = (e, n, r) => {
+    (n = r.current) == null || n.triggerMouseEvent(e);
+  }, I = (e, n, c) => {
+    c.preventDefault(), c.shiftKey ? n.focusPrevious(e) : n.focusNext(e);
+  }, N = (e, n, c) => {
     e && e.click();
-  }, I = (e, n, r) => {
-    r.preventDefault(), i();
-  }, N = (e, n, r) => {
-    r.preventDefault(), n.focusElement(e);
+  }, R = (e, n, c) => {
+    c.preventDefault(), m();
+  }, $ = (e, n, c) => {
+    c.preventDefault(), n.focusElement(e);
   };
-  return t.useEffect(() => (m && s.current && (c.current = new x({
+  return t.useEffect(() => (f && s.current && (r.current = new A({
     tabIndex: 0,
     root: s,
     selectors: P,
     keyboardEvents: {
       keydown: {
-        Tab: K,
-        Enter: B,
-        Escape: I
+        Tab: I,
+        Enter: N,
+        Escape: R
       }
     },
     mouseEvents: {
-      mousedown: N
+      mousedown: $
     }
-  }), c.current.focusElement(c.current.first, null)), () => {
-    c.current && (c.current = null);
-  }), [m]), /* @__PURE__ */ t.createElement(t.Fragment, null, /* @__PURE__ */ t.createElement(
+  }), r.current.focusElement(r.current.first, null)), () => {
+    r.current && (r.current = null);
+  }), [f]), /* @__PURE__ */ t.createElement(t.Fragment, null, /* @__PURE__ */ t.createElement(
     "a",
     {
       className: "k-grid-header-menu k-grid-column-menu",
       ref: l,
-      onClick: C,
-      onKeyDown: D,
-      href: b,
+      onClick: T,
+      onKeyDown: S,
+      href: y,
       tabIndex: o.navigatable ? -1 : void 0,
-      "aria-label": `${M}${k.toLanguageString(w, W[w])}`
+      "aria-label": `${p}${b.toLanguageString(M, V[M])}`
     },
-    /* @__PURE__ */ t.createElement(z, { name: "filter", icon: L })
+    i ? /* @__PURE__ */ t.createElement(v, { name: i.name, icon: i }) : /* @__PURE__ */ t.createElement(v, { name: "more-vertical", icon: W })
   ), /* @__PURE__ */ t.createElement(
-    R,
+    x,
     {
       anchor: l.current,
-      show: m,
+      show: f,
       popupClass: "k-column-menu k-column-menu-popup k-grid-columnmenu-popup"
     },
     /* @__PURE__ */ t.createElement(
       "div",
       {
         ref: s,
-        onBlur: p,
-        onFocus: y,
-        onMouseDown: S,
-        onKeyDown: T,
+        onBlur: C,
+        onFocus: D,
+        onMouseDown: B,
+        onKeyDown: K,
         style: { outline: "none" }
       },
-      E && /* @__PURE__ */ t.createElement(
-        E,
+      h && /* @__PURE__ */ t.createElement(
+        h,
         {
-          ...v,
-          onCloseMenu: i
+          ...k,
+          onCloseMenu: m
         }
       )
     )
   ));
 };
 export {
-  Q as GridColumnMenuWrapper
+  U as GridColumnMenuWrapper
 };

package/constants/index.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const E=require("@progress/kendo-react-data-tools"),T=E.TABLE_ROW_INDEX_ATTRIBUTE,_=E.TABLE_COL_INDEX_ATTRIBUTE,I=E.TABLE_PREVENT_SELECTION_ELEMENT;exports.GRID_COL_INDEX_ATTRIBUTE=_;exports.GRID_PREVENT_SELECTION_ELEMENT=I;exports.GRID_ROW_INDEX_ATTRIBUTE=T;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const E=require("@progress/kendo-react-data-tools"),T=E.TABLE_ROW_INDEX_ATTRIBUTE,_=E.TABLE_COL_INDEX_ATTRIBUTE,I=E.TABLE_PREVENT_SELECTION_ELEMENT,R=/^(?!.*\bChrome).*\bSafari/i;exports.GRID_COL_INDEX_ATTRIBUTE=_;exports.GRID_PREVENT_SELECTION_ELEMENT=I;exports.GRID_ROW_INDEX_ATTRIBUTE=T;exports.SAFARI_REGEX=R;

package/constants/index.mjs

@@ -7,9 +7,10 @@
  */
 "use client";
 import { TABLE_ROW_INDEX_ATTRIBUTE as E, TABLE_COL_INDEX_ATTRIBUTE as T, TABLE_PREVENT_SELECTION_ELEMENT as _ } from "@progress/kendo-react-data-tools";
-const R = E, N = T, L = _;
+const R = E, N = T, A = _, L = /^(?!.*\bChrome).*\bSafari/i;
 export {
   N as GRID_COL_INDEX_ATTRIBUTE,
-  L as GRID_PREVENT_SELECTION_ELEMENT,
-  R as GRID_ROW_INDEX_ATTRIBUTE
+  A as GRID_PREVENT_SELECTION_ELEMENT,
+  R as GRID_ROW_INDEX_ATTRIBUTE,
+  L as SAFARI_REGEX
 };