@progress/kendo-react-data-tools 9.0.0-develop.2 → 9.0.0-develop.21

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

@@ -33,7 +33,7 @@ export declare interface BasePageChangeEvent {
     /**
      * A React Synthetic Event.
      */
-    syntheticEvent?: React_2.SyntheticEvent<any>;
+    syntheticEvent?: React.SyntheticEvent<any>;
     /**
      * A native DOM event.
      */
@@ -1038,7 +1038,7 @@ export declare interface FilterComponentProps extends FilterCellProps {
      */
     ariaLabel?: string;
     /**
-     * @hidden
+     * @ hidden
      */
     min?: number;
     /**
@@ -1656,11 +1656,11 @@ export declare interface PageChangeEvent extends BasePageChangeEvent {
     /**
      * An event target.
      */
-    target: Pager;
+    target: PagerHandle;
     /**
      * A React Synthetic Event.
      */
-    syntheticEvent: React_2.SyntheticEvent<any>;
+    syntheticEvent: React.SyntheticEvent<any>;
     /**
      * A native DOM event.
      */
@@ -1671,63 +1671,17 @@ export declare interface PageChangeEvent extends BasePageChangeEvent {
     targetEvent: PagerTargetEvent;
 }
 
-export declare class Pager extends React_2.Component<PagerProps, PagerState> {
-    /**
-     * @hidden
-     */
-    static propTypes: {
-        className: PropTypes.Requireable<string>;
-        style: PropTypes.Requireable<object>;
-        total: PropTypes.Validator<number>;
-        skip: PropTypes.Validator<number>;
-        take: PropTypes.Validator<number>;
-        buttonCount: PropTypes.Requireable<number>;
-        info: PropTypes.Requireable<boolean>;
-        type: PropTypes.Requireable<string>;
-        pageSizes: PropTypes.Requireable<(NonNullable<string | number | null | undefined> | null | undefined)[]>;
-        previousNext: PropTypes.Requireable<boolean>;
-        onPageChange: PropTypes.Requireable<(...args: any[]) => any>;
-        messagesMap: PropTypes.Requireable<(...args: any[]) => any>;
-        size: PropTypes.Requireable<string | null>;
-        dir: PropTypes.Requireable<string>;
-        disabled: PropTypes.Requireable<boolean>;
-    };
-    /**
-     * @hidden
-     */
-    static defaultProps: {
-        buttonCount: number;
-        info: boolean;
-        type: string;
-        size: string;
-        disabled: boolean;
-    };
-    private _element;
-    private get isRtl();
-    private get currentPage();
-    /**
-     * Returns the HTML element of the Pager component.
-     */
-    get element(): HTMLDivElement | null;
-    constructor(props: PagerProps);
-    /**
-     * @hidden
-     */
-    componentDidMount(): void;
+export declare const Pager: React_2.ForwardRefExoticComponent<PagerProps & React_2.RefAttributes<PagerHandle>>;
+
+export declare interface PagerHandle {
     /**
-     * @hidden
+     * Represents the element of the Pager component.
      */
-    componentWillUnmount(): void;
+    element: HTMLDivElement | null;
     /**
-     * @hidden
+     * Represents the props of the Pager component.
      */
-    render(): JSX_2.Element;
-    private onPageChange;
-    private renderButton;
-    private get totalPages();
-    private changePage;
-    private onWindowResize;
-    private onKeyDown;
+    props: Readonly<PagerProps>;
 }
 
 export declare interface PagerProps {
@@ -1750,7 +1704,7 @@ export declare interface PagerProps {
     /**
      * The styles that are applied to the Pager.
      */
-    style?: React_2.CSSProperties;
+    style?: React.CSSProperties;
     /**
      * Sets the maximum numeric buttons count before the buttons are collapsed.
      */
@@ -1820,15 +1774,6 @@ export declare interface PagerProps {
     disabled?: boolean;
 }
 
-/**
- * @hidden
- */
-declare interface PagerState {
-    showPagerSizes?: boolean;
-    showPagerInfo?: boolean;
-    innerNavigateActive?: boolean;
-}
-
 /**
  * A Pager target event.
  */
@@ -1946,7 +1891,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 +1900,7 @@ export declare type SortSettings = boolean | ColumnSortSettings & {
      * - `multiple`
      */
     mode?: 'single' | 'multiple';
-};
+});
 
 /**
  * @hidden
@@ -2115,7 +2060,9 @@ export declare const tableKeyboardNavigation: {
     focusFirstDataElement: (options: {
         scope?: HTMLElement | undefined;
         contextStateRef: {
-            current?: TableKeyboardNavigationContextType | undefined;
+            current?: TableKeyboardNavigationContextType | undefined; /**
+            * @hidden
+            */
         };
         navigationStateRef: {
             current?: TableKeyboardNavigationStateType | undefined;