@progress/kendo-react-data-tools 9.0.0-develop.1 → 9.0.0-develop.3

package/filter/Group.mjs

@@ -61,7 +61,9 @@ const g = class g extends r.Component {
         this.props.onChange.call(void 0, o);
       }
     }, this.replaceFilter = (t, e) => {
-      const i = this.props.filter, o = i.filters.map((n) => n === t ? e : n);
+      const i = this.props.filter, o = i.filters.map(
+        (n) => n === t ? e : n
+      );
       return { ...i, filters: o };
     }, this.onChange = (t) => {
       const i = {
@@ -89,7 +91,25 @@ const g = class g extends r.Component {
       filter: i,
       ariaLabel: o = t.toLanguageString(f, s[f])
     } = this.props;
-    return /* @__PURE__ */ r.createElement(r.Fragment, null, /* @__PURE__ */ r.createElement("div", { className: "k-filter-toolbar" }, /* @__PURE__ */ r.createElement(b, { role: "toolbar", ariaLabel: o }, /* @__PURE__ */ r.createElement(L, { className: "k-toolbar-button-group k-button-group-solid" }, /* @__PURE__ */ r.createElement(a, { togglable: !0, onClick: this.onLogicAnd, selected: i.logic === "and", type: "button" }, t.toLanguageString(v, s[v])), /* @__PURE__ */ r.createElement(a, { togglable: !0, onClick: this.onLogicOr, selected: i.logic === "or", type: "button" }, t.toLanguageString(m, s[m]))), /* @__PURE__ */ r.createElement(
+    return /* @__PURE__ */ r.createElement(r.Fragment, null, /* @__PURE__ */ r.createElement("div", { className: "k-filter-toolbar" }, /* @__PURE__ */ r.createElement(b, { role: "toolbar", ariaLabel: o }, /* @__PURE__ */ r.createElement(L, { className: "k-toolbar-button-group k-button-group-solid" }, /* @__PURE__ */ r.createElement(
+      a,
+      {
+        togglable: !0,
+        onClick: this.onLogicAnd,
+        selected: i.logic === "and",
+        type: "button"
+      },
+      t.toLanguageString(v, s[v])
+    ), /* @__PURE__ */ r.createElement(
+      a,
+      {
+        togglable: !0,
+        onClick: this.onLogicOr,
+        selected: i.logic === "or",
+        type: "button"
+      },
+      t.toLanguageString(m, s[m])
+    )), /* @__PURE__ */ r.createElement(
       a,
       {
         className: "k-toolbar-button",
@@ -122,29 +142,27 @@ const g = class g extends r.Component {
         type: "button",
         onClick: this.onGroupRemove
       }
-    ))), i.filters.length > 0 && /* @__PURE__ */ r.createElement("ul", { role: "group", className: "k-filter-lines" }, i.filters.map(
-      (n, d) => /* @__PURE__ */ r.createElement("li", { role: "treeitem", key: d, className: "k-filter-item" }, E(n) ? /* @__PURE__ */ r.createElement(
-        g,
-        {
-          filter: n,
-          fields: e,
-          onChange: this.onChange,
-          onRemove: this.onRemove,
-          defaultGroupFilter: this.props.defaultGroupFilter,
-          ariaLabel: this.props.ariaLabel,
-          ariaLabelExpression: this.props.ariaLabelExpression
-        }
-      ) : /* @__PURE__ */ r.createElement(
-        k,
-        {
-          filter: n,
-          fields: e,
-          ariaLabel: this.props.ariaLabelExpression,
-          onChange: this.onChange,
-          onRemove: this.onRemove
-        }
-      ))
-    )));
+    ))), i.filters.length > 0 && /* @__PURE__ */ r.createElement("ul", { role: "group", className: "k-filter-lines" }, i.filters.map((n, d) => /* @__PURE__ */ r.createElement("li", { role: "treeitem", key: d, className: "k-filter-item" }, E(n) ? /* @__PURE__ */ r.createElement(
+      g,
+      {
+        filter: n,
+        fields: e,
+        onChange: this.onChange,
+        onRemove: this.onRemove,
+        defaultGroupFilter: this.props.defaultGroupFilter,
+        ariaLabel: this.props.ariaLabel,
+        ariaLabelExpression: this.props.ariaLabelExpression
+      }
+    ) : /* @__PURE__ */ r.createElement(
+      k,
+      {
+        filter: n,
+        fields: e,
+        ariaLabel: this.props.ariaLabelExpression,
+        onChange: this.onChange,
+        onRemove: this.onRemove
+      }
+    )))));
   }
 };
 g.propTypes = {

package/filter/filters/BooleanFilter.mjs

@@ -12,7 +12,10 @@ import { EnumFilter as s } from "./EnumFilter.mjs";
 import { filterIsTrue as i, filterIsFalse as p } from "../../messages/index.mjs";
 const e = class e extends r.Component {
   constructor() {
-    super(...arguments), this.data = [{ text: i, value: !0 }, { text: p, value: !1 }];
+    super(...arguments), this.data = [
+      { text: i, value: !0 },
+      { text: p, value: !1 }
+    ];
   }
   /**
    * @hidden

package/filter/filters/EnumFilter.mjs

@@ -27,7 +27,10 @@ const o = class o extends n.Component {
       filter: p,
       data: c = [],
       defaultItem: u,
-      ariaLabel: g = a.toLanguageString(s, l[s])
+      ariaLabel: g = a.toLanguageString(
+        s,
+        l[s]
+      )
     } = this.props, i = c.map((t) => ({
       ...t,
       text: a.toLanguageString(t.text, l[t.text] || t.text)

package/filter/filters/NumericFilter.mjs

@@ -27,7 +27,10 @@ const t = class t extends i.Component {
       min: s,
       max: l,
       filter: o,
-      ariaLabel: p = e.toLanguageString(n, h[n])
+      ariaLabel: p = e.toLanguageString(
+        n,
+        h[n]
+      )
     } = this.props;
     return /* @__PURE__ */ i.createElement(
       c,

package/filter/filters/TextFilter.mjs

@@ -23,7 +23,9 @@ const i = class i extends o.Component {
    * @hidden
    */
   render() {
-    const e = l(this), { ariaLabel: s = e.toLanguageString(a, c[a]) } = this.props;
+    const e = l(this), {
+      ariaLabel: s = e.toLanguageString(a, c[a])
+    } = this.props;
     return /* @__PURE__ */ o.createElement(
       n,
       {

package/filteringCells/BooleanFilter.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 s=require("react"),f=require("./FilterComponent.js"),d=require("@progress/kendo-react-dropdowns");function p(e){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,r.get?r:{enumerable:!0,get:()=>e[t]})}}return n.default=e,Object.freeze(n)}const g=p(s),c="eq",v={emptyFilter:{operator:c,value:""},inputComponent:e=>null,operatorComponent:function(e,n){const{filter:t=[],field:r}=n,i=t.find(o=>o.field===r);return g.createElement(d.DropDownList,{...e,value:e.data.find(o=>o.operator===(i?i.value:"")),onChange:o=>{if(!n.onFilterChange)return;const a=o.target.value.operator;if(a===""){i&&n.onFilterChange.call(void 0,{filter:t.filter(l=>l.field!==i.field),field:r,syntheticEvent:o.syntheticEvent});return}let u=i?t.map(l=>l.field===r?{...i,value:a}:l):[...t,{value:a,field:r,operator:c}];n.onFilterChange.call(void 0,{filter:u,field:r,syntheticEvent:o.syntheticEvent})}})}};class m extends f.createFilterComponent(v){}exports.BooleanFilterCell=m;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react"),f=require("./FilterComponent.js"),d=require("@progress/kendo-react-dropdowns");function p(e){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const o=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,o.get?o:{enumerable:!0,get:()=>e[t]})}}return n.default=e,Object.freeze(n)}const g=p(s),c="eq",v={emptyFilter:{operator:c,value:""},inputComponent:e=>null,operatorComponent:function(e,n){const{filter:t=[],field:o}=n,i=t.find(r=>r.field===o);return g.createElement(d.DropDownList,{...e,value:e.data.find(r=>r.operator===(i?i.value:"")),onChange:r=>{if(!n.onFilterChange)return;const a=r.target.value.operator;if(a===""){i&&n.onFilterChange.call(void 0,{filter:t.filter(l=>l.field!==i.field),field:o,syntheticEvent:r.syntheticEvent});return}const u=i?t.map(l=>l.field===o?{...i,value:a}:l):[...t,{value:a,field:o,operator:c}];n.onFilterChange.call(void 0,{filter:u,field:o,syntheticEvent:r.syntheticEvent})}})}};class m extends f.createFilterComponent(v){}exports.BooleanFilterCell=m;

package/filteringCells/BooleanFilter.mjs

@@ -13,29 +13,29 @@ const f = "eq", m = {
   emptyFilter: { operator: f, value: "" },
   inputComponent: (o) => null,
   operatorComponent: function(o, r) {
-    const { filter: i = [], field: n } = r, t = i.find((e) => e.field === n);
+    const { filter: i = [], field: n } = r, e = i.find((t) => t.field === n);
     return /* @__PURE__ */ s.createElement(
       u,
       {
         ...o,
-        value: o.data.find((e) => e.operator === (t ? t.value : "")),
-        onChange: (e) => {
+        value: o.data.find((t) => t.operator === (e ? e.value : "")),
+        onChange: (t) => {
           if (!r.onFilterChange)
             return;
-          const a = e.target.value.operator;
+          const a = t.target.value.operator;
           if (a === "") {
-            t && r.onFilterChange.call(void 0, {
-              filter: i.filter((l) => l.field !== t.field),
+            e && r.onFilterChange.call(void 0, {
+              filter: i.filter((l) => l.field !== e.field),
               field: n,
-              syntheticEvent: e.syntheticEvent
+              syntheticEvent: t.syntheticEvent
             });
             return;
           }
-          let c = t ? i.map((l) => l.field === n ? { ...t, value: a } : l) : [...i, { value: a, field: n, operator: f }];
+          const c = e ? i.map((l) => l.field === n ? { ...e, value: a } : l) : [...i, { value: a, field: n, operator: f }];
           r.onFilterChange.call(void 0, {
             filter: c,
             field: n,
-            syntheticEvent: e.syntheticEvent
+            syntheticEvent: t.syntheticEvent
           });
         }
       }

package/header/HeaderRow.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 z=require("react"),E=require("./HeaderCell.js"),M=require("./SortSettings.js"),q=require("../drag/ColumnResizer.js"),v=require("../drag/ColumnDraggable.js"),I=require("./HeaderThElement.js"),h=require("@progress/kendo-react-common"),C=require("@progress/kendo-react-intl"),g=require("@progress/kendo-svg-icons"),u=require("../messages/index.js");function N(a){const s=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(a){for(const r in a)if(r!=="default"){const c=Object.getOwnPropertyDescriptor(a,r);Object.defineProperty(s,r,c.get?c:{enumerable:!0,get:()=>a[r]})}}return s.default=a,Object.freeze(s)}const t=N(z),P={true:{asc:"desc",desc:"","":"asc"},false:{asc:"desc",desc:"asc","":"asc"}},x={none:"none",asc:"ascending",desc:"descending"};class b extends t.Component{constructor(){super(...arguments),this.cellClick=(s,r)=>{if(s.preventDefault(),!this.props.sortChange)return;const{allowUnsort:c,mode:e}=M.normalize(this.props.sortable||!1,r.sortable||!1),l=(this.props.sort||[]).filter(i=>i.field===r.field)[0],p=P[c][l&&l.dir||""],n=e==="single"?[]:(this.props.sort||[]).filter(i=>i.field!==r.field);p!==""&&r.field&&n.push({field:r.field,dir:p}),this.props.sortChange(s,n,r.field)},this.cellKeyDown=(s,r)=>{s.isDefaultPrevented()||s.keyCode===h.Keys.enter&&this.cellClick(s,r)},this.cells=s=>s.map((r,c)=>{const e=this.props.columns[r],{columnResize:l}=this.props,p=l&&l.resizable&&e.resizable,n=this.props.sortable&&e.sortable,i=this.props.sort?this.props.sort.findIndex(o=>o.field===e.field):-1,k=i>=0&&this.props.sort[i].dir||"none",m={sort:this.props.sort,onSortChange:this.props.sortChange,filter:this.props.columnMenuFilter,onFilterChange:this.props.columnMenuFilterChange,field:e.field},f={field:e.field,onClick:n&&(o=>this.cellClick(o,e))||void 0,selectionChange:this.props.selectionChange,title:e.title,selectionValue:e.headerSelectionValue,render:this.props.cellRender,children:this.sortIcon(i),sort:this.props.sort,sortable:this.props.sortable,sortChange:this.props.sortChange,filterChange:this.props.filterChange,columns:this.props.columns,columnMenuWrapperProps:m},d=e.columnMenu||this.props.columnMenu,S=h.classNames("k-table-th",{"k-first":e.kFirst,"k-filterable":!!d,"k-header":!0,"k-grid-header-sticky":e.locked,"k-sorted":this.props.sort&&this.props.sort.some(o=>o.field===e.field)},e.headerClassName),y=e.locked!==void 0?{left:e.left,right:e.right,borderRightWidth:e.rightBorder?"1px":""}:{},D=C.provideLocalizationService(this).toLanguageString(u.sortAriaLabel,u.messages[u.sortAriaLabel]);let H=e.isAccessible?{ariaSort:n?x[k]:void 0,role:"columnheader",ariaColumnIndex:e.ariaColumnIndex,ariaSelected:!1,ariaDescription:n?D:""}:{role:"presentation"};return t.createElement(I.HeaderThElement,{key:c,colSpan:e.colSpan,rowSpan:e.rowSpan,className:S,style:y,columnId:e.id,navigatable:e.navigatable,onKeyDown:n&&(o=>this.cellKeyDown(o,e))||void 0,...H},e.headerCell&&t.createElement(e.headerCell,{...f}),!e.headerCell&&t.createElement("span",{className:"k-cell-inner"},t.createElement(E.HeaderCell,{...f}),d&&t.createElement(d,{...m})),l&&p&&t.createElement(q.ColumnResizer,{key:"ColumnResizer",resize:(o,w,R)=>l.dragHandler(o,e,w,R)}))})}sortIcon(s){if(!this.props.sort||s<0)return null;const r=this.props.sort[s].dir;return r?[t.createElement(h.IconWrap,{key:1,name:`sort-${r}-small`,icon:r==="asc"?g.sortAscSmallIcon:g.sortDescSmallIcon}),this.props.sort.length>1&&t.createElement("span",{key:2,className:"k-sort-order"},s+1)]:null}render(){return this.props.columnsMap.map((s,r)=>this.props.pressHandler&&t.createElement(v.ColumnDraggable,{key:r,pressHandler:this.props.pressHandler,dragHandler:this.props.dragHandler,releaseHandler:this.props.releaseHandler,ariaRowIndex:r+1},this.cells(s))||t.createElement("tr",{className:"k-table-row","aria-rowindex":r+1,role:"row"},this.cells(s)))}}C.registerForLocalization(b);exports.HeaderRow=b;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const z=require("react"),E=require("./HeaderCell.js"),M=require("./SortSettings.js"),q=require("../drag/ColumnResizer.js"),v=require("../drag/ColumnDraggable.js"),I=require("./HeaderThElement.js"),h=require("@progress/kendo-react-common"),C=require("@progress/kendo-react-intl"),g=require("@progress/kendo-svg-icons"),u=require("../messages/index.js");function N(a){const s=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(a){for(const r in a)if(r!=="default"){const c=Object.getOwnPropertyDescriptor(a,r);Object.defineProperty(s,r,c.get?c:{enumerable:!0,get:()=>a[r]})}}return s.default=a,Object.freeze(s)}const t=N(z),P={true:{asc:"desc",desc:"","":"asc"},false:{asc:"desc",desc:"asc","":"asc"}},x={none:"none",asc:"ascending",desc:"descending"};class b extends t.Component{constructor(){super(...arguments),this.cellClick=(s,r)=>{if(s.preventDefault(),!this.props.sortChange)return;const{allowUnsort:c,mode:e}=M.normalize(this.props.sortable||!1,r.sortable||!1),n=(this.props.sort||[]).filter(i=>i.field===r.field)[0],p=P[c][n&&n.dir||""],l=e==="single"?[]:(this.props.sort||[]).filter(i=>i.field!==r.field);p!==""&&r.field&&l.push({field:r.field,dir:p}),this.props.sortChange(s,l,r.field)},this.cellKeyDown=(s,r)=>{s.isDefaultPrevented()||s.keyCode===h.Keys.enter&&this.cellClick(s,r)},this.cells=s=>s.map((r,c)=>{const e=this.props.columns[r],{columnResize:n}=this.props,p=n&&n.resizable&&e.resizable,l=this.props.sortable&&e.sortable,i=this.props.sort?this.props.sort.findIndex(o=>o.field===e.field):-1,k=i>=0&&this.props.sort[i].dir||"none",m={sort:this.props.sort,onSortChange:this.props.sortChange,filter:this.props.columnMenuFilter,onFilterChange:this.props.columnMenuFilterChange,field:e.field},f={field:e.field,onClick:l&&(o=>this.cellClick(o,e))||void 0,selectionChange:this.props.selectionChange,title:e.title,selectionValue:e.headerSelectionValue,render:this.props.cellRender,children:this.sortIcon(i),sort:this.props.sort,sortable:this.props.sortable,sortChange:this.props.sortChange,filterChange:this.props.filterChange,columns:this.props.columns,columnMenuWrapperProps:m},d=e.columnMenu||this.props.columnMenu,S=h.classNames("k-table-th",{"k-first":e.kFirst,"k-filterable":!!d,"k-header":!0,"k-grid-header-sticky":e.locked,"k-sorted":this.props.sort&&this.props.sort.some(o=>o.field===e.field)},e.headerClassName),y=e.locked!==void 0?{left:e.left,right:e.right,borderRightWidth:e.rightBorder?"1px":""}:{},D=C.provideLocalizationService(this).toLanguageString(u.sortAriaLabel,u.messages[u.sortAriaLabel]),H=e.isAccessible?{ariaSort:l?x[k]:void 0,role:"columnheader",ariaColumnIndex:e.ariaColumnIndex,ariaSelected:!1,ariaDescription:l?D:""}:{role:"presentation"};return t.createElement(I.HeaderThElement,{key:c,colSpan:e.colSpan,rowSpan:e.rowSpan,className:S,style:y,columnId:e.id,navigatable:e.navigatable,onKeyDown:l&&(o=>this.cellKeyDown(o,e))||void 0,...H},e.headerCell&&t.createElement(e.headerCell,{...f}),!e.headerCell&&t.createElement("span",{className:"k-cell-inner"},t.createElement(E.HeaderCell,{...f}),d&&t.createElement(d,{...m})),n&&p&&t.createElement(q.ColumnResizer,{key:"ColumnResizer",resize:(o,w,R)=>n.dragHandler(o,e,w,R)}))})}sortIcon(s){if(!this.props.sort||s<0)return null;const r=this.props.sort[s].dir;return r?[t.createElement(h.IconWrap,{key:1,name:`sort-${r}-small`,icon:r==="asc"?g.sortAscSmallIcon:g.sortDescSmallIcon}),this.props.sort.length>1&&t.createElement("span",{key:2,className:"k-sort-order"},s+1)]:null}render(){return this.props.columnsMap.map((s,r)=>this.props.pressHandler&&t.createElement(v.ColumnDraggable,{key:r,pressHandler:this.props.pressHandler,dragHandler:this.props.dragHandler,releaseHandler:this.props.releaseHandler,ariaRowIndex:r+1},this.cells(s))||t.createElement("tr",{className:"k-table-row","aria-rowindex":r+1,role:"row"},this.cells(s)))}}C.registerForLocalization(b);exports.HeaderRow=b;

package/header/HeaderRow.mjs

@@ -29,12 +29,12 @@ class K extends t.Component {
     super(...arguments), this.cellClick = (s, r) => {
       if (s.preventDefault(), !this.props.sortChange)
         return;
-      const { allowUnsort: p, mode: e } = w(this.props.sortable || !1, r.sortable || !1), l = (this.props.sort || []).filter((a) => a.field === r.field)[0], n = L[p][l && l.dir || ""], i = e === "single" ? [] : (this.props.sort || []).filter((a) => a.field !== r.field);
-      n !== "" && r.field && i.push({ field: r.field, dir: n }), this.props.sortChange(s, i, r.field);
+      const { allowUnsort: p, mode: e } = w(this.props.sortable || !1, r.sortable || !1), l = (this.props.sort || []).filter((n) => n.field === r.field)[0], a = L[p][l && l.dir || ""], i = e === "single" ? [] : (this.props.sort || []).filter((n) => n.field !== r.field);
+      a !== "" && r.field && i.push({ field: r.field, dir: a }), this.props.sortChange(s, i, r.field);
     }, this.cellKeyDown = (s, r) => {
       s.isDefaultPrevented() || s.keyCode === z.enter && this.cellClick(s, r);
     }, this.cells = (s) => s.map((r, p) => {
-      const e = this.props.columns[r], { columnResize: l } = this.props, n = l && l.resizable && e.resizable, i = this.props.sortable && e.sortable, a = this.props.sort ? this.props.sort.findIndex((o) => o.field === e.field) : -1, f = a >= 0 && this.props.sort[a].dir || "none", d = {
+      const e = this.props.columns[r], { columnResize: l } = this.props, a = l && l.resizable && e.resizable, i = this.props.sortable && e.sortable, n = this.props.sort ? this.props.sort.findIndex((o) => o.field === e.field) : -1, f = n >= 0 && this.props.sort[n].dir || "none", d = {
         sort: this.props.sort,
         onSortChange: this.props.sortChange,
         filter: this.props.columnMenuFilter,
@@ -47,7 +47,7 @@ class K extends t.Component {
         title: e.title,
         selectionValue: e.headerSelectionValue,
         render: this.props.cellRender,
-        children: this.sortIcon(a),
+        children: this.sortIcon(n),
         sort: this.props.sort,
         sortable: this.props.sortable,
         sortChange: this.props.sortChange,
@@ -68,8 +68,7 @@ class K extends t.Component {
         left: e.left,
         right: e.right,
         borderRightWidth: e.rightBorder ? "1px" : ""
-      } : {}, C = I(this).toLanguageString(m, F[m]);
-      let k = e.isAccessible ? {
+      } : {}, C = I(this).toLanguageString(m, F[m]), k = e.isAccessible ? {
         ariaSort: i ? A[f] : void 0,
         role: "columnheader",
         ariaColumnIndex: e.ariaColumnIndex,
@@ -93,7 +92,7 @@ class K extends t.Component {
         },
         e.headerCell && /* @__PURE__ */ t.createElement(e.headerCell, { ...h }),
         !e.headerCell && /* @__PURE__ */ t.createElement("span", { className: "k-cell-inner" }, /* @__PURE__ */ t.createElement(y, { ...h }), c && /* @__PURE__ */ t.createElement(c, { ...d })),
-        l && n && /* @__PURE__ */ t.createElement(
+        l && a && /* @__PURE__ */ t.createElement(
           D,
           {
             key: "ColumnResizer",
@@ -113,17 +112,20 @@ class K extends t.Component {
     ] : null;
   }
   render() {
-    return this.props.columnsMap.map((s, r) => this.props.pressHandler && /* @__PURE__ */ t.createElement(
-      E,
-      {
-        key: r,
-        pressHandler: this.props.pressHandler,
-        dragHandler: this.props.dragHandler,
-        releaseHandler: this.props.releaseHandler,
-        ariaRowIndex: r + 1
-      },
-      this.cells(s)
-    ) || /* @__PURE__ */ t.createElement("tr", { className: "k-table-row", "aria-rowindex": r + 1, role: "row" }, this.cells(s)));
+    return this.props.columnsMap.map(
+      (s, r) => this.props.pressHandler && /* @__PURE__ */ t.createElement(
+        E,
+        {
+          key: r,
+          pressHandler: this.props.pressHandler,
+          dragHandler: this.props.dragHandler,
+          releaseHandler: this.props.releaseHandler,
+          ariaRowIndex: r + 1
+        },
+        this.cells(s)
+      ) || // eslint-disable-next-line react/jsx-key
+      /* @__PURE__ */ t.createElement("tr", { className: "k-table-row", "aria-rowindex": r + 1, role: "row" }, this.cells(s))
+    );
   }
 }
 R(K);

package/header/utils/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 x=require("../../navigation/utils.js"),w=require("../ColumnProps.js");function p(t,n){const d=t[n].depth;let i=null;for(let h=n+1;h<t.length;h++)if(t[h].depth===d){i=t[h];break}return i}const f=t=>{let n=t.width?parseFloat(t.width.toString()):0;return!n&&t.children&&t.children.length&&(n=t.children.reduce((d,i)=>f(i)+d,0)),n};function S(t,n){const d=[[]];let i=0;for(let e=t.length-1;e>=0;e--)i=Math.max(i,t[e].depth),t[e].colSpan=t[e].colSpan||1,t[e].children.length>0&&(t[e].colSpan=t[e].children.reduce((l,a)=>a.hidden?l:l+a.colSpan,0));const h=[];let r=1;return t.forEach((e,l)=>{d[e.depth]=d[e.depth]||[];let a=!1;d[e.depth].length===0&&(r<=1?r=1+(e.children.length>0?0:i-e.depth):(r--,a=!0)),e.rowSpan=1+(e.children.length>0?0:i-e.depth),e.kFirst=a,e.index=d[e.depth].length,d[e.depth].push(l),e.ariaColumnIndex=h[e.depth]?h[e.depth]+1:1;for(let o=e.depth;o<e.depth+e.rowSpan;o++)h[o]=(h[o]||0)+e.colSpan}),g(d,t,n),c(d,t,n),d}function g(t,n,d){let i=new Array(t.length).fill(0),h=0;n.forEach(r=>{if(r.locked&&(!r.left||d))if(r.left=i[r.depth],h=f(r),r.children.length===0)for(let e=r.depth;e<i.length;e++)i[e]+=h;else i[r.depth]+=h})}function c(t,n,d){let i=0,h=new Array(t.length).fill(0);for(let r=n.length-1;r>=0;r--){const e=n[r];if(e.locked&&(!e.right||d)){if(e.right=h[e.depth],i=f(e),e.children.length===0)for(let a=e.depth;a<h.length;a++)h[a]+=i;else h[e.depth]+=i;const l=p(n,r);e.rightBorder=!(l&&l.locked)}}}function s(t,n,d=0){let i=[];if(!t||!t.length)return[];t.forEach(r=>{const e=s(r.children||[],n,d+1);i.push(Object.assign({},{depth:d},w.ColumnDefaultProps,r,{id:r.id?r.id:x.generateNavigatableId(`${n.prevId++}`,n.idPrefix,"column"),declarationIndex:i.length,children:e,rowSpan:0,colSpan:0,isAccessible:!0}))});const h=(r,e)=>r.orderIndex===e.orderIndex?r.declarationIndex-e.declarationIndex:(r.orderIndex||0)-(e.orderIndex||0);if(i.sort(h),d===0){let r=[];const e=(l,a)=>l.forEach(o=>{o.parentIndex=a,e(o.children,r.push(o)-1)});return e(i,-1),r}return i}function y(t){return!!(t&&getComputedStyle(t).direction==="rtl")}function I(t,n){if(!n||!t||!t.originalEvent)return-1;const d={x:t.clientX,y:t.originalEvent.clientY};let i=n.ownerDocument?n.ownerDocument.elementFromPoint(d.x,d.y):null;for(;i&&i.parentElement!==n;)i=i.parentElement;if(!i&&n.matches("tr")){const r=e=>{const l=e.getBoundingClientRect();return d.x>l.left&&d.x<l.left+l.width&&d.y>l.top&&d.y<l.top+l.height};i=Array.from(n.children).find(r)||null}const h=n.children;for(let r=0;r<h.length;r++)if(h[r]===i)return r;return-1}exports.getIndex=I;exports.isRtl=y;exports.mapColumns=S;exports.nextColumn=p;exports.readColumns=s;exports.updateLeft=g;exports.updateRight=c;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const x=require("../../navigation/utils.js"),w=require("../ColumnProps.js");function p(t,n){const d=t[n].depth;let i=null;for(let h=n+1;h<t.length;h++)if(t[h].depth===d){i=t[h];break}return i}const f=t=>{let n=t.width?parseFloat(t.width.toString()):0;return!n&&t.children&&t.children.length&&(n=t.children.reduce((d,i)=>f(i)+d,0)),n};function S(t,n){const d=[[]];let i=0;for(let e=t.length-1;e>=0;e--)i=Math.max(i,t[e].depth),t[e].colSpan=t[e].colSpan||1,t[e].children.length>0&&(t[e].colSpan=t[e].children.reduce((l,a)=>a.hidden?l:l+a.colSpan,0));const h=[];let r=1;return t.forEach((e,l)=>{d[e.depth]=d[e.depth]||[];let a=!1;d[e.depth].length===0&&(r<=1?r=1+(e.children.length>0?0:i-e.depth):(r--,a=!0)),e.rowSpan=1+(e.children.length>0?0:i-e.depth),e.kFirst=a,e.index=d[e.depth].length,d[e.depth].push(l),e.ariaColumnIndex=h[e.depth]?h[e.depth]+1:1;for(let o=e.depth;o<e.depth+e.rowSpan;o++)h[o]=(h[o]||0)+e.colSpan}),g(d,t,n),c(d,t,n),d}function g(t,n,d){const i=new Array(t.length).fill(0);let h=0;n.forEach(r=>{if(r.locked&&(!r.left||d))if(r.left=i[r.depth],h=f(r),r.children.length===0)for(let e=r.depth;e<i.length;e++)i[e]+=h;else i[r.depth]+=h})}function c(t,n,d){let i=0;const h=new Array(t.length).fill(0);for(let r=n.length-1;r>=0;r--){const e=n[r];if(e.locked&&(!e.right||d)){if(e.right=h[e.depth],i=f(e),e.children.length===0)for(let a=e.depth;a<h.length;a++)h[a]+=i;else h[e.depth]+=i;const l=p(n,r);e.rightBorder=!(l&&l.locked)}}}function s(t,n,d=0){const i=[];if(!t||!t.length)return[];t.forEach(r=>{const e=s(r.children||[],n,d+1);i.push(Object.assign({},{depth:d},w.ColumnDefaultProps,r,{id:r.id?r.id:x.generateNavigatableId(`${n.prevId++}`,n.idPrefix,"column"),declarationIndex:i.length,children:e,rowSpan:0,colSpan:0,isAccessible:!0}))});const h=(r,e)=>r.orderIndex===e.orderIndex?r.declarationIndex-e.declarationIndex:(r.orderIndex||0)-(e.orderIndex||0);if(i.sort(h),d===0){const r=[],e=(l,a)=>l.forEach(o=>{o.parentIndex=a,e(o.children,r.push(o)-1)});return e(i,-1),r}return i}function y(t){return!!(t&&getComputedStyle(t).direction==="rtl")}function I(t,n){if(!n||!t||!t.originalEvent)return-1;const d={x:t.clientX,y:t.originalEvent.clientY};let i=n.ownerDocument?n.ownerDocument.elementFromPoint(d.x,d.y):null;for(;i&&i.parentElement!==n;)i=i.parentElement;if(!i&&n.matches("tr")){const r=e=>{const l=e.getBoundingClientRect();return d.x>l.left&&d.x<l.left+l.width&&d.y>l.top&&d.y<l.top+l.height};i=Array.from(n.children).find(r)||null}const h=n.children;for(let r=0;r<h.length;r++)if(h[r]===i)return r;return-1}exports.getIndex=I;exports.isRtl=y;exports.mapColumns=S;exports.nextColumn=p;exports.readColumns=s;exports.updateLeft=g;exports.updateRight=c;

package/header/utils/index.mjs

@@ -6,90 +6,88 @@
  *-------------------------------------------------------------------------------------------
  */
 "use client";
-import { generateNavigatableId as o } from "../../navigation/utils.mjs";
+import { generateNavigatableId as p } from "../../navigation/utils.mjs";
 import { ColumnDefaultProps as g } from "../ColumnProps.mjs";
-function c(t, d) {
-  const n = t[d].depth;
+function c(t, n) {
+  const d = t[n].depth;
   let i = null;
-  for (let h = d + 1; h < t.length; h++)
-    if (t[h].depth === n) {
+  for (let h = n + 1; h < t.length; h++)
+    if (t[h].depth === d) {
       i = t[h];
       break;
     }
   return i;
 }
-const p = (t) => {
-  let d = t.width ? parseFloat(t.width.toString()) : 0;
-  return !d && t.children && t.children.length && (d = t.children.reduce((n, i) => p(i) + n, 0)), d;
+const o = (t) => {
+  let n = t.width ? parseFloat(t.width.toString()) : 0;
+  return !n && t.children && t.children.length && (n = t.children.reduce((d, i) => o(i) + d, 0)), n;
 };
-function I(t, d) {
-  const n = [[]];
+function I(t, n) {
+  const d = [[]];
   let i = 0;
   for (let e = t.length - 1; e >= 0; e--)
-    i = Math.max(i, t[e].depth), t[e].colSpan = t[e].colSpan || 1, t[e].children.length > 0 && (t[e].colSpan = t[e].children.reduce((l, a) => a.hidden ? l : l + a.colSpan, 0));
+    i = Math.max(i, t[e].depth), t[e].colSpan = t[e].colSpan || 1, t[e].children.length > 0 && (t[e].colSpan = t[e].children.reduce(
+      (l, a) => a.hidden ? l : l + a.colSpan,
+      0
+    ));
   const h = [];
   let r = 1;
   return t.forEach((e, l) => {
-    n[e.depth] = n[e.depth] || [];
+    d[e.depth] = d[e.depth] || [];
     let a = !1;
-    n[e.depth].length === 0 && (r <= 1 ? r = 1 + (e.children.length > 0 ? 0 : i - e.depth) : (r--, a = !0)), e.rowSpan = 1 + (e.children.length > 0 ? 0 : i - e.depth), e.kFirst = a, e.index = n[e.depth].length, n[e.depth].push(l), e.ariaColumnIndex = h[e.depth] ? h[e.depth] + 1 : 1;
+    d[e.depth].length === 0 && (r <= 1 ? r = 1 + (e.children.length > 0 ? 0 : i - e.depth) : (r--, a = !0)), e.rowSpan = 1 + (e.children.length > 0 ? 0 : i - e.depth), e.kFirst = a, e.index = d[e.depth].length, d[e.depth].push(l), e.ariaColumnIndex = h[e.depth] ? h[e.depth] + 1 : 1;
     for (let f = e.depth; f < e.depth + e.rowSpan; f++)
       h[f] = (h[f] || 0) + e.colSpan;
-  }), x(n, t, d), s(n, t, d), n;
+  }), s(d, t, n), x(d, t, n), d;
 }
-function x(t, d, n) {
-  let i = new Array(t.length).fill(0), h = 0;
-  d.forEach((r) => {
-    if (r.locked && (!r.left || n))
-      if (r.left = i[r.depth], h = p(r), r.children.length === 0)
+function s(t, n, d) {
+  const i = new Array(t.length).fill(0);
+  let h = 0;
+  n.forEach((r) => {
+    if (r.locked && (!r.left || d))
+      if (r.left = i[r.depth], h = o(r), r.children.length === 0)
         for (let e = r.depth; e < i.length; e++)
           i[e] += h;
       else
         i[r.depth] += h;
   });
 }
-function s(t, d, n) {
-  let i = 0, h = new Array(t.length).fill(0);
-  for (let r = d.length - 1; r >= 0; r--) {
-    const e = d[r];
-    if (e.locked && (!e.right || n)) {
-      if (e.right = h[e.depth], i = p(e), e.children.length === 0)
+function x(t, n, d) {
+  let i = 0;
+  const h = new Array(t.length).fill(0);
+  for (let r = n.length - 1; r >= 0; r--) {
+    const e = n[r];
+    if (e.locked && (!e.right || d)) {
+      if (e.right = h[e.depth], i = o(e), e.children.length === 0)
         for (let a = e.depth; a < h.length; a++)
           h[a] += i;
       else
         h[e.depth] += i;
-      const l = c(d, r);
+      const l = c(n, r);
       e.rightBorder = !(l && l.locked);
     }
   }
 }
-function w(t, d, n = 0) {
-  let i = [];
+function w(t, n, d = 0) {
+  const i = [];
   if (!t || !t.length)
     return [];
   t.forEach((r) => {
-    const e = w(r.children || [], d, n + 1);
+    const e = w(r.children || [], n, d + 1);
     i.push(
-      Object.assign(
-        {},
-        { depth: n },
-        g,
-        r,
-        {
-          id: r.id ? r.id : o(`${d.prevId++}`, d.idPrefix, "column"),
-          declarationIndex: i.length,
-          children: e,
-          rowSpan: 0,
-          colSpan: 0,
-          isAccessible: !0
-        }
-      )
+      Object.assign({}, { depth: d }, g, r, {
+        id: r.id ? r.id : p(`${n.prevId++}`, n.idPrefix, "column"),
+        declarationIndex: i.length,
+        children: e,
+        rowSpan: 0,
+        colSpan: 0,
+        isAccessible: !0
+      })
     );
   });
   const h = (r, e) => r.orderIndex === e.orderIndex ? r.declarationIndex - e.declarationIndex : (r.orderIndex || 0) - (e.orderIndex || 0);
-  if (i.sort(h), n === 0) {
-    let r = [];
-    const e = (l, a) => l.forEach((f) => {
+  if (i.sort(h), d === 0) {
+    const r = [], e = (l, a) => l.forEach((f) => {
       f.parentIndex = a, e(f.children, r.push(f) - 1);
     });
     return e(i, -1), r;
@@ -99,21 +97,21 @@ function w(t, d, n = 0) {
 function E(t) {
   return !!(t && getComputedStyle(t).direction === "rtl");
 }
-function k(t, d) {
-  if (!d || !t || !t.originalEvent)
+function k(t, n) {
+  if (!n || !t || !t.originalEvent)
     return -1;
-  const n = { x: t.clientX, y: t.originalEvent.clientY };
-  let i = d.ownerDocument ? d.ownerDocument.elementFromPoint(n.x, n.y) : null;
-  for (; i && i.parentElement !== d; )
+  const d = { x: t.clientX, y: t.originalEvent.clientY };
+  let i = n.ownerDocument ? n.ownerDocument.elementFromPoint(d.x, d.y) : null;
+  for (; i && i.parentElement !== n; )
     i = i.parentElement;
-  if (!i && d.matches("tr")) {
+  if (!i && n.matches("tr")) {
     const r = (e) => {
       const l = e.getBoundingClientRect();
-      return n.x > l.left && n.x < l.left + l.width && n.y > l.top && n.y < l.top + l.height;
+      return d.x > l.left && d.x < l.left + l.width && d.y > l.top && d.y < l.top + l.height;
     };
-    i = Array.from(d.children).find(r) || null;
+    i = Array.from(n.children).find(r) || null;
   }
-  const h = d.children;
+  const h = n.children;
   for (let r = 0; r < h.length; r++)
     if (h[r] === i)
       return r;
@@ -125,6 +123,6 @@ export {
   I as mapColumns,
   c as nextColumn,
   w as readColumns,
-  x as updateLeft,
-  s as updateRight
+  s as updateLeft,
+  x as updateRight
 };

package/index.d.mts

@@ -1038,7 +1038,7 @@ export declare interface FilterComponentProps extends FilterCellProps {
      */
     ariaLabel?: string;
     /**
-     * @hidden
+     * @ hidden
      */
     min?: number;
     /**
@@ -1946,7 +1946,7 @@ export declare const setSelectedState: (options: {
 /**
  * The settings for sorting the component data.
  */
-export declare type SortSettings = boolean | ColumnSortSettings & {
+export declare type SortSettings = boolean | (ColumnSortSettings & {
     /**
      * The sort mode of the component.
      *
@@ -1955,7 +1955,7 @@ export declare type SortSettings = boolean | ColumnSortSettings & {
      * - `multiple`
      */
     mode?: 'single' | 'multiple';
-};
+});
 
 /**
  * @hidden

package/index.d.ts

@@ -1038,7 +1038,7 @@ export declare interface FilterComponentProps extends FilterCellProps {
      */
     ariaLabel?: string;
     /**
-     * @hidden
+     * @ hidden
      */
     min?: number;
     /**
@@ -1946,7 +1946,7 @@ export declare const setSelectedState: (options: {
 /**
  * The settings for sorting the component data.
  */
-export declare type SortSettings = boolean | ColumnSortSettings & {
+export declare type SortSettings = boolean | (ColumnSortSettings & {
     /**
      * The sort mode of the component.
      *
@@ -1955,7 +1955,7 @@ export declare type SortSettings = boolean | ColumnSortSettings & {
      * - `multiple`
      */
     mode?: 'single' | 'multiple';
-};
+});
 
 /**
  * @hidden

package/navigation/TableKeyboardNavigation.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 l=require("@progress/kendo-react-common"),t=require("./utils.js"),p=require("./NavigatableSettings.js"),F=e=>{const{navigatable:n,contextStateRef:i,navigationStateRef:o,idPrefix:r}=e;n&&(i.current={activeId:"",level:0},o.current={activeElementIsFocused:!1,prevNavigationIndexes:void 0,idPrefix:r||l.guid(),navigationMatrix:[],lastHeaderIndex:-1})},h=e=>{const{scope:n,contextStateRef:i,navigationStateRef:o}=e;if(i.current&&o.current&&n){R(e);const r=t.getFirstDataCell(o.current.navigationMatrix);if(r){const g=t.tableKeyboardNavigationTools.getActiveNavDataElement(n,r);g&&(i.current.activeId=r,g.setAttribute("tabIndex","0"))}}},S=e=>{const{contextStateRef:n,navigationStateRef:i,document:o}=e;if(n.current&&i.current&&o){const r=l.getActiveElement(o),g=t.tableKeyboardNavigationTools.getNavigatableId(r);g&&g===n.current.activeId&&(i.current.activeElementIsFocused=!0)}},B=e=>{const{scope:n,contextStateRef:i,navigationStateRef:o,focusFirst:r,newEditableRow:g,singleEditRow:c,lastActiveElement:v,navigatable:a}=e;if(r&&(F(e),h(e),t.focusFirstDataElement(e)),(!a||a&&a.mode===p.NavigatableMode.inline)&&(g&&!c||g&&c&&!v)?t.focusFirstEditor(g):a&&a.mode===p.NavigatableMode.inline&&g&&c&&v&&v.focus(),R(e),i.current&&o.current&&n){if(!t.tableKeyboardNavigationTools.getActiveNavDataElement(n,i.current.activeId)){const N=n.className.indexOf("k-treelist")===-1?t.getFirstDataCell(o.current.navigationMatrix):o.current.navigationMatrix[0][0],C=t.tableKeyboardNavigationTools.getActiveNavDataElement(n,N);N&&C&&(i.current.activeId=N,C.setAttribute("tabIndex","0"),o.current.activeElementIsFocused&&C.focus())}o.current.activeElementIsFocused=!1}},M=(e,n)=>{const{contextStateRef:i}=n;if(e.isDefaultPrevented()||!i.current)return;const o=e.target,r=t.tableKeyboardNavigationTools.getNavigatableId(o);if(r&&r!==i.current.activeId){const g=t.tableKeyboardNavigationTools.getClosestScope(o);if(!g)return;const c=t.tableKeyboardNavigationTools.getActiveNavDataElement(g,i.current.activeId);c&&!e.target.classList.contains("k-table-td")&&!e.target.classList.contains("k-detail-cell")&&c.setAttribute("tabIndex","-1"),o.setAttribute("tabIndex","0"),i.current.activeId=r}else if(o.closest(".k-filtercell")&&n.navigatable){const g=o.closest(".k-table-th");l.enableNavigatableContainer(g)}},L=async(e,n)=>{var T,x,k,D;const{contextStateRef:i,navigationStateRef:o,onNavigationAction:r,columns:g}=n;if(e.isDefaultPrevented()||!i.current||!o.current)return;let c;if(e.keyCode===l.Keys.esc&&!n.navigatable.mode){c=t.tableKeyboardNavigationTools.getClosestNavigatableElement(e.target),t.tableKeyboardNavigationTools.focusElement({elementForFocus:c,event:e,contextStateRef:i}),e.target.closest(".k-filtercell")&&c&&n.navigatable&&l.disableNavigatableContainer(c);return}const v=e.target,a=v.className.indexOf("k-checkbox")===-1?v:t.tableKeyboardNavigationTools.getClosestNavigatableElement(v),u=t.tableKeyboardNavigationTools.getNavigatableId(a)||((T=t.tableKeyboardNavigationTools.getParentCell(a))==null?void 0:T.getAttribute("data-keyboardnavid")),N=u==null?void 0:u.endsWith("column"),C=t.tableKeyboardNavigationTools.getNavigatableLevel(a),K=t.tableKeyboardNavigationTools.getClosestScope(a),E=o.current.navigationMatrix,I=e.metaKey||e.ctrlKey,b=t.getCurrentIdIndexes(o,E,u),y=a.closest(".k-table-th");if(n.navigatable&&n.navigatable.mode===p.NavigatableMode.inline){if(e.keyCode===l.Keys.enter){const d=a.classList.contains("k-grid-remove-command"),s=a.classList.contains("k-grid-cancel-command"),f=t.tableKeyboardNavigationTools.getRowAriaRowIndex(a);if(d){setTimeout(()=>{const m=t.tableKeyboardNavigationTools.getRemoveButtonByAriaRowIndex(f.current)||t.tableKeyboardNavigationTools.getRemoveButtonByAriaRowIndex(f.prev);m&&m.focus()});return}else if(s&&a.parentElement){const m=(x=t.tableKeyboardNavigationTools.getClosestNavigatableElement(a))==null?void 0:x.getAttribute("data-keyboardnavid");setTimeout(()=>{m&&t.tableKeyboardNavigationTools.getTableCellByKeyboardNavId(m).focus()});return}}if(e.keyCode===l.Keys.esc){const d=t.tableKeyboardNavigationTools.getClosestCancelButton(a);d&&d.click();const s=await t.tableKeyboardNavigationTools.getClosestEditButton(a);s&&s.focus();return}}else if(n.navigatable&&n.navigatable.mode===p.NavigatableMode.incell){const d=(k=a.closest(".k-table-td"))==null?void 0:k.classList.contains("k-grid-edit-cell");if(e.keyCode===l.Keys.esc){a.focus(),a.blur();const s=v&&v.parentElement&&v.parentElement.closest(".k-grid-edit-row"),f=t.tableKeyboardNavigationTools.getClosestCellNavId(a),m=await t.tableKeyboardNavigationTools.waitForElementToBeVisible(`[data-keyboardnavid='${f}']:not(.k-grid-edit-cell)`,s);m&&m.focus()}else if(e.keyCode===l.Keys.enter){let s;if(b){const[f,m]=b;s=t.findNextIdByRowIndex(f,m,u,E,!1)}if(!d)(D=t.tableKeyboardNavigationTools.getParentCell(a))==null||D.click();else if(d&&s){const f=s&&s[0]&&t.tableKeyboardNavigationTools.getTableCellByKeyboardNavId(s[0]);f&&f.click()}}else if(e.keyCode===l.Keys.left){if(d)return}else if(e.keyCode===l.Keys.right){if(d)return}else if(e.keyCode===l.Keys.up){if(d)return}else if(e.keyCode===l.Keys.down){if(d)return}else if(e.keyCode===l.Keys.tab&&d){if(e.shiftKey){const s=b&&g&&t.tableKeyboardNavigationTools.getPrevEditableCell(b,g,u,E);if(s&&s.prevCell&&s.prevCell.click(),s&&s.elementToFocus!=="gridcell"){a.blur();const f=t.tableKeyboardNavigationTools.getClosestCellNavId(a);setTimeout(()=>{f&&t.tableKeyboardNavigationTools.getTableCellByKeyboardNavId(f).focus()})}e.preventDefault()}else{const s=b&&g&&t.tableKeyboardNavigationTools.getNextEditableCell(b,g,u,E);if(s&&s.nextCell&&s.elementToFocus==="gridcell"&&s.nextCell.click(),s&&s.elementToFocus!=="gridcell"){a.blur();const f=t.tableKeyboardNavigationTools.getClosestCellNavId(a);f&&t.tableKeyboardNavigationTools.getTableCellByKeyboardNavId(f).focus();return}e.preventDefault()}e.preventDefault()}}if(a.closest(".k-filtercell")&&y&&n.navigatable&&l.keepFocusInContainer(e,y,l.TABBABLE_ELEMENTS),C!==void 0&&K){if(e.keyCode===l.Keys.enter){const d=t.tableKeyboardNavigationTools.getNavigatableElement(a,{level:C+1});if(d){t.tableKeyboardNavigationTools.focusElement({elementForFocus:d,event:e,contextStateRef:i,prevElement:a});return}else{a.querySelector(".k-filtercell")&&n.navigatable&&l.enableNavigatableContainer(a),c=t.tableKeyboardNavigationTools.getFocusableElements(a)[0],t.tableKeyboardNavigationTools.focusElement({elementForFocus:c,event:e,contextStateRef:i,prevElement:a});return}}if(e.keyCode===l.Keys.home&&b)if(I)t.focusFirstDataElement({scope:K,navigationStateRef:o,contextStateRef:i},e);else{const d=t.getFirstRowDataCell(o.current.navigationMatrix,b[0]);c=t.tableKeyboardNavigationTools.getActiveNavDataElement(K,d),t.tableKeyboardNavigationTools.focusElement({elementForFocus:c,event:e,contextStateRef:i})}if(e.keyCode===l.Keys.end&&b)if(I){const d=t.getLastDataCell(o.current.navigationMatrix);c=t.tableKeyboardNavigationTools.getActiveNavDataElement(K,d),t.tableKeyboardNavigationTools.focusElement({elementForFocus:c,event:e,contextStateRef:i})}else{const d=t.getLastRowDataCell(o.current.navigationMatrix,b[0]);c=t.tableKeyboardNavigationTools.getActiveNavDataElement(K,d),t.tableKeyboardNavigationTools.focusElement({elementForFocus:c,event:e,contextStateRef:i})}if(e.keyCode===l.Keys.up||e.keyCode===l.Keys.down||e.keyCode===l.Keys.left||e.keyCode===l.Keys.right){const d=e.keyCode===l.Keys.up||e.keyCode===l.Keys.left,s=e.keyCode===l.Keys.up||e.keyCode===l.Keys.down;if(b){const[f,m]=b,[w,A]=s?t.findNextIdByRowIndex(f,m,u,E,d):t.findNextIdByCellIndex(f,m,u,E,d);w&&(c=t.tableKeyboardNavigationTools.getActiveNavDataElement(K,w),t.tableKeyboardNavigationTools.focusElement({elementForFocus:c,event:e,contextStateRef:i,prevElement:a}),o.current.prevNavigationIndexes=A)}}if(I&&e.keyCode===l.Keys.left&&N){r&&r({focusElement:a,event:e,action:"reorderToLeft"}),e.preventDefault();return}if(I&&e.keyCode===l.Keys.right&&N){r&&r({focusElement:a,event:e,action:"reorderToRight"}),e.preventDefault();return}if(e.keyCode===l.Keys.pageUp){r&&r({focusElement:c,event:e,action:"moveToNextPage"}),e.preventDefault();return}if(e.keyCode===l.Keys.pageDown){r&&r({focusElement:c,event:e,action:"moveToPrevPage"}),e.preventDefault();return}r&&r({focusElement:c,event:e})}},R=e=>{const{navigationStateRef:n,scope:i}=e;if(!n.current||!i)return;const o=[],r=t.getHeaderElement(i),g=t.getBodyElement(i),c=t.getNoRecordsElement(i)||{children:[]};if(!r||!g)return;const v=Array.from(r.children),a=Array.from(g.children);[...v,...a,c].forEach((u,N)=>{Array.from(u.children).forEach(C=>{const K=t.getNavigatableId(C);if(!K)return;const E=C.rowSpan||1,I=C.colSpan||1;let b;for(let y=N,T=N+E;y<T;y++){if(o[y]||(o[y]=[]),b===void 0){const x=o[y].findIndex(k=>!k);b=x>-1?x:o[y].length}o[y][b]=K||""}for(let y=b+1,T=b+I;y<T;y++)o[N][y]=K||""})}),n.current.navigationMatrix=o.filter(u=>!!u),n.current.lastHeaderIndex=v.length-1},P={onConstructor:F,onComponentDidMount:h,onGetSnapshotBeforeUpdate:S,onComponentDidUpdate:B,onFocus:M,onKeyDown:L,generateMatrix:R,focusFirstDataElement:t.focusFirstDataElement};exports.tableKeyboardNavigation=P;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("@progress/kendo-react-common"),t=require("./utils.js"),p=require("./NavigatableSettings.js"),F=e=>{const{navigatable:n,contextStateRef:i,navigationStateRef:o,idPrefix:r}=e;n&&(i.current={activeId:"",level:0},o.current={activeElementIsFocused:!1,prevNavigationIndexes:void 0,idPrefix:r||l.guid(),navigationMatrix:[],lastHeaderIndex:-1})},h=e=>{const{scope:n,contextStateRef:i,navigationStateRef:o}=e;if(i.current&&o.current&&n){R(e);const r=t.getFirstDataCell(o.current.navigationMatrix);if(r){const g=t.tableKeyboardNavigationTools.getActiveNavDataElement(n,r);g&&(i.current.activeId=r,g.setAttribute("tabIndex","0"))}}},S=e=>{const{contextStateRef:n,navigationStateRef:i,document:o}=e;if(n.current&&i.current&&o){const r=l.getActiveElement(o),g=t.tableKeyboardNavigationTools.getNavigatableId(r);g&&g===n.current.activeId&&(i.current.activeElementIsFocused=!0)}},B=e=>{const{scope:n,contextStateRef:i,navigationStateRef:o,focusFirst:r,newEditableRow:g,singleEditRow:c,lastActiveElement:v,navigatable:a}=e;if(r&&(F(e),h(e),t.focusFirstDataElement(e)),(!a||a&&a.mode===p.NavigatableMode.inline)&&(g&&!c||g&&c&&!v)?t.focusFirstEditor(g):a&&a.mode===p.NavigatableMode.inline&&g&&c&&v&&v.focus(),R(e),i.current&&o.current&&n){if(!t.tableKeyboardNavigationTools.getActiveNavDataElement(n,i.current.activeId)){const N=n.className.indexOf("k-treelist")===-1?t.getFirstDataCell(o.current.navigationMatrix):o.current.navigationMatrix[0][0],C=t.tableKeyboardNavigationTools.getActiveNavDataElement(n,N);N&&C&&(i.current.activeId=N,C.setAttribute("tabIndex","0"),o.current.activeElementIsFocused&&C.focus())}o.current.activeElementIsFocused=!1}},M=(e,n)=>{const{contextStateRef:i}=n;if(e.isDefaultPrevented()||!i.current)return;const o=e.target,r=t.tableKeyboardNavigationTools.getNavigatableId(o);if(r&&r!==i.current.activeId){const g=t.tableKeyboardNavigationTools.getClosestScope(o);if(!g)return;const c=t.tableKeyboardNavigationTools.getActiveNavDataElement(g,i.current.activeId);c&&!e.target.classList.contains("k-table-td")&&!e.target.classList.contains("k-detail-cell")&&c.setAttribute("tabIndex","-1"),o.setAttribute("tabIndex","0"),i.current.activeId=r}else if(o.closest(".k-filtercell")&&n.navigatable){const g=o.closest(".k-table-th");l.enableNavigatableContainer(g)}},L=async(e,n)=>{var T,x,k,D;const{contextStateRef:i,navigationStateRef:o,onNavigationAction:r,columns:g}=n;if(e.isDefaultPrevented()||!i.current||!o.current)return;let c;if(e.keyCode===l.Keys.esc&&!n.navigatable.mode){c=t.tableKeyboardNavigationTools.getClosestNavigatableElement(e.target),t.tableKeyboardNavigationTools.focusElement({elementForFocus:c,event:e,contextStateRef:i}),e.target.closest(".k-filtercell")&&c&&n.navigatable&&l.disableNavigatableContainer(c);return}const v=e.target,a=v.className.indexOf("k-checkbox")===-1?v:t.tableKeyboardNavigationTools.getClosestNavigatableElement(v),u=t.tableKeyboardNavigationTools.getNavigatableId(a)||((T=t.tableKeyboardNavigationTools.getParentCell(a))==null?void 0:T.getAttribute("data-keyboardnavid")),N=u==null?void 0:u.endsWith("column"),C=t.tableKeyboardNavigationTools.getNavigatableLevel(a),K=t.tableKeyboardNavigationTools.getClosestScope(a),E=o.current.navigationMatrix,I=e.metaKey||e.ctrlKey,b=t.getCurrentIdIndexes(o,E,u),y=a.closest(".k-table-th");if(n.navigatable&&n.navigatable.mode===p.NavigatableMode.inline){if(e.keyCode===l.Keys.enter){const d=a.classList.contains("k-grid-remove-command"),s=a.classList.contains("k-grid-cancel-command"),f=t.tableKeyboardNavigationTools.getRowAriaRowIndex(a);if(d){setTimeout(()=>{const m=t.tableKeyboardNavigationTools.getRemoveButtonByAriaRowIndex(f.current)||t.tableKeyboardNavigationTools.getRemoveButtonByAriaRowIndex(f.prev);m&&m.focus()});return}else if(s&&a.parentElement){const m=(x=t.tableKeyboardNavigationTools.getClosestNavigatableElement(a))==null?void 0:x.getAttribute("data-keyboardnavid");setTimeout(()=>{m&&t.tableKeyboardNavigationTools.getTableCellByKeyboardNavId(m).focus()});return}}if(e.keyCode===l.Keys.esc){const d=t.tableKeyboardNavigationTools.getClosestCancelButton(a);d&&d.click();const s=await t.tableKeyboardNavigationTools.getClosestEditButton(a);s&&s.focus();return}}else if(n.navigatable&&n.navigatable.mode===p.NavigatableMode.incell){const d=(k=a.closest(".k-table-td"))==null?void 0:k.classList.contains("k-grid-edit-cell");if(e.keyCode===l.Keys.esc){a.focus(),a.blur();const s=v&&v.parentElement&&v.parentElement.closest(".k-grid-edit-row"),f=t.tableKeyboardNavigationTools.getClosestCellNavId(a),m=await t.tableKeyboardNavigationTools.waitForElementToBeVisible(`[data-keyboardnavid='${f}']:not(.k-grid-edit-cell)`,s);m&&m.focus()}else if(e.keyCode===l.Keys.enter){let s;if(b){const[f,m]=b;s=t.findNextIdByRowIndex(f,m,u,E,!1)}if(!d)(D=t.tableKeyboardNavigationTools.getParentCell(a))==null||D.click();else if(d&&s){const f=s&&s[0]&&t.tableKeyboardNavigationTools.getTableCellByKeyboardNavId(s[0]);f&&f.click()}}else if(e.keyCode===l.Keys.left){if(d)return}else if(e.keyCode===l.Keys.right){if(d)return}else if(e.keyCode===l.Keys.up){if(d)return}else if(e.keyCode===l.Keys.down){if(d)return}else if(e.keyCode===l.Keys.tab&&d){if(e.shiftKey){const s=b&&g&&t.tableKeyboardNavigationTools.getPrevEditableCell(b,g,u,E);if(s&&s.prevCell&&s.prevCell.click(),s&&s.elementToFocus!=="gridcell"){a.blur();const f=t.tableKeyboardNavigationTools.getClosestCellNavId(a);setTimeout(()=>{f&&t.tableKeyboardNavigationTools.getTableCellByKeyboardNavId(f).focus()})}e.preventDefault()}else{const s=b&&g&&t.tableKeyboardNavigationTools.getNextEditableCell(b,g,u,E);if(s&&s.nextCell&&s.elementToFocus==="gridcell"&&s.nextCell.click(),s&&s.elementToFocus!=="gridcell"){a.blur();const f=t.tableKeyboardNavigationTools.getClosestCellNavId(a);f&&t.tableKeyboardNavigationTools.getTableCellByKeyboardNavId(f).focus();return}e.preventDefault()}e.preventDefault()}}if(a.closest(".k-filtercell")&&y&&n.navigatable&&l.keepFocusInContainer(e,y,l.TABBABLE_ELEMENTS),C!==void 0&&K){if(e.keyCode===l.Keys.enter){const d=t.tableKeyboardNavigationTools.getNavigatableElement(a,{level:C+1});if(d){t.tableKeyboardNavigationTools.focusElement({elementForFocus:d,event:e,contextStateRef:i,prevElement:a});return}a.querySelector(".k-filtercell")&&n.navigatable&&l.enableNavigatableContainer(a),c=t.tableKeyboardNavigationTools.getFocusableElements(a)[0],t.tableKeyboardNavigationTools.focusElement({elementForFocus:c,event:e,contextStateRef:i,prevElement:a});return}if(e.keyCode===l.Keys.home&&b)if(I)t.focusFirstDataElement({scope:K,navigationStateRef:o,contextStateRef:i},e);else{const d=t.getFirstRowDataCell(o.current.navigationMatrix,b[0]);c=t.tableKeyboardNavigationTools.getActiveNavDataElement(K,d),t.tableKeyboardNavigationTools.focusElement({elementForFocus:c,event:e,contextStateRef:i})}if(e.keyCode===l.Keys.end&&b)if(I){const d=t.getLastDataCell(o.current.navigationMatrix);c=t.tableKeyboardNavigationTools.getActiveNavDataElement(K,d),t.tableKeyboardNavigationTools.focusElement({elementForFocus:c,event:e,contextStateRef:i})}else{const d=t.getLastRowDataCell(o.current.navigationMatrix,b[0]);c=t.tableKeyboardNavigationTools.getActiveNavDataElement(K,d),t.tableKeyboardNavigationTools.focusElement({elementForFocus:c,event:e,contextStateRef:i})}if(e.keyCode===l.Keys.up||e.keyCode===l.Keys.down||e.keyCode===l.Keys.left||e.keyCode===l.Keys.right){const d=e.keyCode===l.Keys.up||e.keyCode===l.Keys.left,s=e.keyCode===l.Keys.up||e.keyCode===l.Keys.down;if(b){const[f,m]=b,[w,A]=s?t.findNextIdByRowIndex(f,m,u,E,d):t.findNextIdByCellIndex(f,m,u,E,d);w&&(c=t.tableKeyboardNavigationTools.getActiveNavDataElement(K,w),t.tableKeyboardNavigationTools.focusElement({elementForFocus:c,event:e,contextStateRef:i,prevElement:a}),o.current.prevNavigationIndexes=A)}}if(I&&e.keyCode===l.Keys.left&&N){r&&r({focusElement:a,event:e,action:"reorderToLeft"}),e.preventDefault();return}if(I&&e.keyCode===l.Keys.right&&N){r&&r({focusElement:a,event:e,action:"reorderToRight"}),e.preventDefault();return}if(e.keyCode===l.Keys.pageUp){r&&r({focusElement:c,event:e,action:"moveToNextPage"}),e.preventDefault();return}if(e.keyCode===l.Keys.pageDown){r&&r({focusElement:c,event:e,action:"moveToPrevPage"}),e.preventDefault();return}r&&r({focusElement:c,event:e})}},R=e=>{const{navigationStateRef:n,scope:i}=e;if(!n.current||!i)return;const o=[],r=t.getHeaderElement(i),g=t.getBodyElement(i),c=t.getNoRecordsElement(i)||{children:[]};if(!r||!g)return;const v=Array.from(r.children),a=Array.from(g.children);[...v,...a,c].forEach((u,N)=>{Array.from(u.children).forEach(C=>{const K=t.getNavigatableId(C);if(!K)return;const E=C.rowSpan||1,I=C.colSpan||1;let b;for(let y=N,T=N+E;y<T;y++){if(o[y]||(o[y]=[]),b===void 0){const x=o[y].findIndex(k=>!k);b=x>-1?x:o[y].length}o[y][b]=K||""}for(let y=b+1,T=b+I;y<T;y++)o[N][y]=K||""})}),n.current.navigationMatrix=o.filter(u=>!!u),n.current.lastHeaderIndex=v.length-1},P={onConstructor:F,onComponentDidMount:h,onGetSnapshotBeforeUpdate:S,onComponentDidUpdate:B,onFocus:M,onKeyDown:L,generateMatrix:R,focusFirstDataElement:t.focusFirstDataElement};exports.tableKeyboardNavigation=P;