@progress/kendo-react-grid 9.0.0-develop.9 → 9.0.1-develop.1

package/drag/ColumnDraggable.mjs

@@ -6,52 +6,41 @@
  *-------------------------------------------------------------------------------------------
  */
 "use client";
-import * as r from "react";
-import { uGrid as s, Draggable as n, classNames as a, UnstyledContext as o } from "@progress/kendo-react-common";
-class i extends r.PureComponent {
-  constructor() {
-    super(...arguments), this.draggable = null, this.onPress = (t) => {
-      const e = this.draggable && this.draggable.element;
-      e && this.props.pressHandler && this.props.pressHandler(t.event, e);
-    }, this.onDrag = (t) => {
-      const e = this.draggable && this.draggable.element;
-      e && this.props.dragHandler && this.props.dragHandler(t.event, e);
-    }, this.onRelease = (t) => {
-      this.draggable && this.draggable.element && this.props.releaseHandler && this.props.releaseHandler(t.event);
-    };
-  }
-  render() {
-    const t = this.context && this.context.uGrid ? this.context.uGrid : s;
-    return /* @__PURE__ */ r.createElement(
-      n,
+import * as a from "react";
+import { useUnstyled as d, uGrid as u, Draggable as m, classNames as f } from "@progress/kendo-react-common";
+const R = (e) => {
+  const n = a.useRef(null), c = (t) => {
+    const r = n.current && n.current.element;
+    r && e.pressHandler && e.pressHandler(t.event, r);
+  }, s = (t) => {
+    const r = n.current && n.current.element;
+    r && e.dragHandler && e.dragHandler(t.event, r);
+  }, o = (t) => {
+    n.current && n.current.element && e.releaseHandler && e.releaseHandler(t.event);
+  }, l = d(), i = l && l.uGrid ? l.uGrid : u;
+  return /* @__PURE__ */ a.createElement(
+    m,
+    {
+      onPress: c,
+      onDrag: s,
+      onRelease: o,
+      hint: e.dragClue,
+      autoScroll: { boundaryElementRef: e.headerRef, direction: { horizontal: !0, vertical: !1 } },
+      scrollContainer: e.containerRef || void 0,
+      ref: n
+    },
+    /* @__PURE__ */ a.createElement(
+      "tr",
       {
-        onPress: this.onPress,
-        onDrag: this.onDrag,
-        onRelease: this.onRelease,
-        hint: this.props.dragClue,
-        autoScroll: {
-          boundaryElementRef: this.props.headerRef,
-          direction: { horizontal: !0, vertical: !1 }
-        },
-        scrollContainer: this.props.containerRef || void 0,
-        ref: (e) => {
-          this.draggable = e;
-        }
+        className: f(i.simpleTr({})),
+        style: { touchAction: "none" },
+        role: "row",
+        "aria-rowindex": e.ariaRowIndex
       },
-      /* @__PURE__ */ r.createElement(
-        "tr",
-        {
-          className: a(t.simpleTr({})),
-          style: { touchAction: "none" },
-          role: "row",
-          "aria-rowindex": this.props.ariaRowIndex
-        },
-        this.props.children
-      )
-    );
-  }
-}
-i.contextType = o;
+      e.children
+    )
+  );
+};
 export {
-  i as ColumnDraggable
+  R as ColumnDraggable
 };

package/drag/GroupingIndicator.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 c=require("react"),n=require("@progress/kendo-react-common"),l=require("@progress/kendo-react-intl"),r=require("@progress/kendo-svg-icons");function p(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=p(c);class i extends o.Component{constructor(){super(...arguments),this.draggable=null,this.onPress=e=>{const t=this.draggable&&this.draggable.element;t&&this.props.onPress&&this.props.onPress(e.event,t)},this.onDrag=e=>{const t=this.draggable&&this.draggable.element;t&&this.props.onDrag&&this.props.onDrag(e.event,t)},this.onRelease=e=>{this.draggable&&this.draggable.element&&this.props.onRelease&&this.props.onRelease(e.event)},this.sortChange=e=>{if(e.preventDefault(),this.props.onSortChange){const t=this.props.dir==="asc"?"desc":"asc";this.props.onSortChange(e,t)}},this.handleKeyDown=e=>{(e.keyCode===n.Keys.delete||e.keyCode===n.Keys.backspace)&&(e.preventDefault(),e.stopPropagation(),this.props.onRemove&&this.props.onRemove(e))},this.groupRemove=e=>{e.preventDefault(),e.stopPropagation(),this.props.onRemove&&this.props.onRemove(e)},this.onContextMenu=e=>{const t={title:this.props.title,dir:this.props.dir,index:this.props.index};this.props.onContextMenu&&this.props.onContextMenu.call(void 0,e,{dataItem:{...t}})}}render(){const{dir:e}=this.props;return o.createElement(n.Draggable,{onPress:this.onPress,onDrag:this.onDrag,onRelease:this.onRelease,ref:t=>{this.draggable=t}},o.createElement("div",{className:"k-chip k-chip-md k-chip-solid k-chip-solid-base k-rounded-md",onClick:this.sortChange,onContextMenu:this.onContextMenu,onKeyDown:this.handleKeyDown,tabIndex:0,role:"button",style:{touchAction:"none"}},o.createElement("span",null,o.createElement(n.IconWrap,{name:"sort-"+e+"-small",icon:e==="asc"?r.sortAscSmallIcon:r.sortDescSmallIcon,size:"small"})),o.createElement("span",{className:"k-chip-content"},this.props.title),o.createElement("span",{className:"k-chip-actions"},o.createElement("span",{className:"k-chip-action k-chip-remove-action",onClick:this.groupRemove},o.createElement(n.IconWrap,{name:"x-circle",icon:r.xCircleIcon,size:"small"})))))}}l.registerForLocalization(i);exports.GroupingIndicator=i;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const b=require("react"),l=require("@progress/kendo-react-common"),i=require("@progress/kendo-svg-icons");function h(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const a in e)if(a!=="default"){const r=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(t,a,r.get?r:{enumerable:!0,get:()=>e[a]})}}return t.default=e,Object.freeze(t)}const c=h(b),y=e=>{const t=c.useRef(null),a=n=>{const o=t.current&&t.current.element;o&&e.onPress&&e.onPress(n.event,o)},r=n=>{const o=t.current&&t.current.element;o&&e.onDrag&&e.onDrag(n.event,o)},m=n=>{t.current&&t.current.element&&e.onRelease&&e.onRelease(n.event)},u=n=>{if(n.preventDefault(),e.onSortChange){const o=e.dir==="asc"?"desc":"asc";e.onSortChange(n,o)}},d=n=>{(n.keyCode===l.Keys.delete||n.keyCode===l.Keys.backspace)&&(n.preventDefault(),n.stopPropagation(),e.onRemove&&e.onRemove(n))},f=n=>{n.preventDefault(),n.stopPropagation(),e.onRemove&&e.onRemove(n)},g=n=>{const o={title:e.title,dir:e.dir,index:e.index};e.onContextMenu&&e.onContextMenu.call(void 0,n,{dataItem:{...o}})},{dir:s,title:k}=e;return c.createElement(l.Draggable,{onPress:a,onDrag:r,onRelease:m,ref:t},c.createElement("div",{className:"k-chip k-chip-md k-chip-solid k-chip-solid-base k-rounded-md",onClick:u,onContextMenu:g,onKeyDown:d,tabIndex:0,role:"button",style:{touchAction:"none"}},c.createElement("span",null,c.createElement(l.IconWrap,{name:"sort-"+s+"-small",icon:s==="asc"?i.sortAscSmallIcon:i.sortDescSmallIcon,size:"small"})),c.createElement("span",{className:"k-chip-content"},k),c.createElement("span",{className:"k-chip-actions"},c.createElement("span",{className:"k-chip-action k-chip-remove-action",onClick:f},c.createElement(l.IconWrap,{name:"x-circle",icon:i.xCircleIcon,size:"small"})))))};exports.GroupingIndicator=y;

package/drag/GroupingIndicator.mjs

@@ -6,76 +6,58 @@
  *-------------------------------------------------------------------------------------------
  */
 "use client";
-import * as s from "react";
-import { Keys as o, Draggable as i, IconWrap as n } from "@progress/kendo-react-common";
-import { registerForLocalization as r } from "@progress/kendo-react-intl";
-import { sortAscSmallIcon as a, sortDescSmallIcon as p, xCircleIcon as l } from "@progress/kendo-svg-icons";
-class c extends s.Component {
-  constructor() {
-    super(...arguments), this.draggable = null, this.onPress = (e) => {
-      const t = this.draggable && this.draggable.element;
-      t && this.props.onPress && this.props.onPress(e.event, t);
-    }, this.onDrag = (e) => {
-      const t = this.draggable && this.draggable.element;
-      t && this.props.onDrag && this.props.onDrag(e.event, t);
-    }, this.onRelease = (e) => {
-      this.draggable && this.draggable.element && this.props.onRelease && this.props.onRelease(e.event);
-    }, this.sortChange = (e) => {
-      if (e.preventDefault(), this.props.onSortChange) {
-        const t = this.props.dir === "asc" ? "desc" : "asc";
-        this.props.onSortChange(e, t);
-      }
-    }, this.handleKeyDown = (e) => {
-      (e.keyCode === o.delete || e.keyCode === o.backspace) && (e.preventDefault(), e.stopPropagation(), this.props.onRemove && this.props.onRemove(e));
-    }, this.groupRemove = (e) => {
-      e.preventDefault(), e.stopPropagation(), this.props.onRemove && this.props.onRemove(e);
-    }, this.onContextMenu = (e) => {
-      const t = {
-        title: this.props.title,
-        dir: this.props.dir,
-        index: this.props.index
-      };
-      this.props.onContextMenu && this.props.onContextMenu.call(void 0, e, { dataItem: { ...t } });
+import * as o from "react";
+import { Draggable as h, IconWrap as l, Keys as i } from "@progress/kendo-react-common";
+import { sortAscSmallIcon as C, sortDescSmallIcon as D, xCircleIcon as R } from "@progress/kendo-svg-icons";
+const I = (n) => {
+  const c = o.useRef(null), s = (e) => {
+    const t = c.current && c.current.element;
+    t && n.onPress && n.onPress(e.event, t);
+  }, r = (e) => {
+    const t = c.current && c.current.element;
+    t && n.onDrag && n.onDrag(e.event, t);
+  }, m = (e) => {
+    c.current && c.current.element && n.onRelease && n.onRelease(e.event);
+  }, d = (e) => {
+    if (e.preventDefault(), n.onSortChange) {
+      const t = n.dir === "asc" ? "desc" : "asc";
+      n.onSortChange(e, t);
+    }
+  }, u = (e) => {
+    (e.keyCode === i.delete || e.keyCode === i.backspace) && (e.preventDefault(), e.stopPropagation(), n.onRemove && n.onRemove(e));
+  }, f = (e) => {
+    e.preventDefault(), e.stopPropagation(), n.onRemove && n.onRemove(e);
+  }, g = (e) => {
+    const t = {
+      title: n.title,
+      dir: n.dir,
+      index: n.index
     };
-  }
-  render() {
-    const { dir: e } = this.props;
-    return /* @__PURE__ */ s.createElement(
-      i,
+    n.onContextMenu && n.onContextMenu.call(void 0, e, { dataItem: { ...t } });
+  }, { dir: a, title: k } = n;
+  return /* @__PURE__ */ o.createElement(h, { onPress: s, onDrag: r, onRelease: m, ref: c }, /* @__PURE__ */ o.createElement(
+    "div",
+    {
+      className: "k-chip k-chip-md k-chip-solid k-chip-solid-base k-rounded-md",
+      onClick: d,
+      onContextMenu: g,
+      onKeyDown: u,
+      tabIndex: 0,
+      role: "button",
+      style: { touchAction: "none" }
+    },
+    /* @__PURE__ */ o.createElement("span", null, /* @__PURE__ */ o.createElement(
+      l,
       {
-        onPress: this.onPress,
-        onDrag: this.onDrag,
-        onRelease: this.onRelease,
-        ref: (t) => {
-          this.draggable = t;
-        }
-      },
-      /* @__PURE__ */ s.createElement(
-        "div",
-        {
-          className: "k-chip k-chip-md k-chip-solid k-chip-solid-base k-rounded-md",
-          onClick: this.sortChange,
-          onContextMenu: this.onContextMenu,
-          onKeyDown: this.handleKeyDown,
-          tabIndex: 0,
-          role: "button",
-          style: { touchAction: "none" }
-        },
-        /* @__PURE__ */ s.createElement("span", null, /* @__PURE__ */ s.createElement(
-          n,
-          {
-            name: "sort-" + e + "-small",
-            icon: e === "asc" ? a : p,
-            size: "small"
-          }
-        )),
-        /* @__PURE__ */ s.createElement("span", { className: "k-chip-content" }, this.props.title),
-        /* @__PURE__ */ s.createElement("span", { className: "k-chip-actions" }, /* @__PURE__ */ s.createElement("span", { className: "k-chip-action k-chip-remove-action", onClick: this.groupRemove }, /* @__PURE__ */ s.createElement(n, { name: "x-circle", icon: l, size: "small" })))
-      )
-    );
-  }
-}
-r(c);
+        name: "sort-" + a + "-small",
+        icon: a === "asc" ? C : D,
+        size: "small"
+      }
+    )),
+    /* @__PURE__ */ o.createElement("span", { className: "k-chip-content" }, k),
+    /* @__PURE__ */ o.createElement("span", { className: "k-chip-actions" }, /* @__PURE__ */ o.createElement("span", { className: "k-chip-action k-chip-remove-action", onClick: f }, /* @__PURE__ */ o.createElement(l, { name: "x-circle", icon: R, size: "small" })))
+  ));
+};
 export {
-  c as GroupingIndicator
+  I as GroupingIndicator
 };

package/footer/Footer.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 i=require("react"),a=require("@progress/kendo-react-common");function l(r){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(r){for(const o in r)if(o!=="default"){const s=Object.getOwnPropertyDescriptor(r,o);Object.defineProperty(e,o,s.get?s:{enumerable:!0,get:()=>r[o]})}}return e.default=r,Object.freeze(e)}const t=l(i);class n extends t.Component{constructor(){super(...arguments),this.footerWrap=null,this.table=null}componentDidMount(){this.setState({})}setScrollLeft(e){this.footerWrap&&(this.footerWrap.scrollLeft=e)}setWidth(e){this.table&&(this.table.style.width=e+"px")}render(){return this.props.staticHeaders?t.createElement("div",{className:"k-grid-footer",role:"presentation"},t.createElement("div",{ref:e=>{this.footerWrap=e},className:"k-grid-footer-wrap",style:this.props.hasScrollbarWidth?{}:{borderWidth:0},role:"presentation"},t.createElement("table",{ref:e=>{this.table=e},className:a.classNames("k-table k-grid-footer-table",{"k-table-md":!this.props.size,[`k-table-${a.kendoThemeMaps.sizeMap[this.props.size]||this.props.size}`]:this.props.size},this.props.className),role:"presentation"},t.createElement("colgroup",{ref:e=>{this.props.columnResize.colGroupFooter=e},role:"presentation"},this.props.cols),t.createElement("tfoot",{className:"k-table-tfoot",role:"presentation"},this.props.row)))):t.createElement("tfoot",{className:"k-table-tfoot"},this.props.row)}}exports.Footer=n;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react"),n=require("@progress/kendo-react-common");function i(e){const a=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const o=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(a,r,o.get?o:{enumerable:!0,get:()=>e[r]})}}return a.default=e,Object.freeze(a)}const t=i(s),c=t.forwardRef((e,a)=>{const r=t.useRef(null),o=t.useRef(null);return t.useImperativeHandle(a,()=>({setScrollLeft:l=>{r.current&&(r.current.scrollLeft=l)},setWidth:l=>{o.current&&(o.current.style.width=l+"px")}})),e.staticHeaders?t.createElement("div",{className:"k-grid-footer",role:"presentation"},t.createElement("div",{ref:r,className:"k-grid-footer-wrap",style:e.hasScrollbarWidth?{}:{borderWidth:0},role:"presentation"},t.createElement("table",{ref:o,className:n.classNames("k-table k-grid-footer-table",{"k-table-md":!e.size,[`k-table-${n.kendoThemeMaps.sizeMap[e.size]||e.size}`]:e.size},e.className),role:"presentation"},t.createElement("colgroup",{ref:l=>{e.columnResize.colGroupFooter=l},role:"presentation"},e.cols),t.createElement("tfoot",{className:"k-table-tfoot",role:"presentation"},e.row)))):t.createElement("tfoot",{className:"k-table-tfoot"},e.row)});c.displayName="KendoReactFooter";exports.Footer=c;

package/footer/Footer.mjs

@@ -7,70 +7,53 @@
  */
 "use client";
 import * as t from "react";
-import { classNames as s, kendoThemeMaps as r } from "@progress/kendo-react-common";
-class i extends t.Component {
-  constructor() {
-    super(...arguments), this.footerWrap = null, this.table = null;
-  }
-  componentDidMount() {
-    this.setState({});
-  }
-  /**
-   *
-   * @param scrollLeft - Scrolls to the left (in pixels).
-   */
-  setScrollLeft(e) {
-    this.footerWrap && (this.footerWrap.scrollLeft = e);
-  }
-  /**
-   *
-   * @param width - Scrolls the width (in pixels).
-   */
-  setWidth(e) {
-    this.table && (this.table.style.width = e + "px");
-  }
-  render() {
-    return this.props.staticHeaders ? /* @__PURE__ */ t.createElement("div", { className: "k-grid-footer", role: "presentation" }, /* @__PURE__ */ t.createElement(
-      "div",
+import { classNames as s, kendoThemeMaps as n } from "@progress/kendo-react-common";
+const c = t.forwardRef((e, o) => {
+  const a = t.useRef(null), l = t.useRef(null);
+  return t.useImperativeHandle(o, () => ({
+    setScrollLeft: (r) => {
+      a.current && (a.current.scrollLeft = r);
+    },
+    setWidth: (r) => {
+      l.current && (l.current.style.width = r + "px");
+    }
+  })), e.staticHeaders ? /* @__PURE__ */ t.createElement("div", { className: "k-grid-footer", role: "presentation" }, /* @__PURE__ */ t.createElement(
+    "div",
+    {
+      ref: a,
+      className: "k-grid-footer-wrap",
+      style: e.hasScrollbarWidth ? {} : { borderWidth: 0 },
+      role: "presentation"
+    },
+    /* @__PURE__ */ t.createElement(
+      "table",
       {
-        ref: (e) => {
-          this.footerWrap = e;
-        },
-        className: "k-grid-footer-wrap",
-        style: this.props.hasScrollbarWidth ? {} : { borderWidth: 0 },
+        ref: l,
+        className: s(
+          "k-table k-grid-footer-table",
+          {
+            "k-table-md": !e.size,
+            [`k-table-${n.sizeMap[e.size] || e.size}`]: e.size
+          },
+          e.className
+        ),
         role: "presentation"
       },
       /* @__PURE__ */ t.createElement(
-        "table",
+        "colgroup",
         {
-          ref: (e) => {
-            this.table = e;
+          ref: (r) => {
+            e.columnResize.colGroupFooter = r;
           },
-          className: s(
-            "k-table k-grid-footer-table",
-            {
-              "k-table-md": !this.props.size,
-              [`k-table-${r.sizeMap[this.props.size] || this.props.size}`]: this.props.size
-            },
-            this.props.className
-          ),
           role: "presentation"
         },
-        /* @__PURE__ */ t.createElement(
-          "colgroup",
-          {
-            ref: (e) => {
-              this.props.columnResize.colGroupFooter = e;
-            },
-            role: "presentation"
-          },
-          this.props.cols
-        ),
-        /* @__PURE__ */ t.createElement("tfoot", { className: "k-table-tfoot", role: "presentation" }, this.props.row)
-      )
-    )) : /* @__PURE__ */ t.createElement("tfoot", { className: "k-table-tfoot" }, this.props.row);
-  }
-}
+        e.cols
+      ),
+      /* @__PURE__ */ t.createElement("tfoot", { className: "k-table-tfoot", role: "presentation" }, e.row)
+    )
+  )) : /* @__PURE__ */ t.createElement("tfoot", { className: "k-table-tfoot" }, e.row);
+});
+c.displayName = "KendoReactFooter";
 export {
-  i as Footer
+  c as Footer
 };

package/header/FilterRow.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("react"),x=require("@progress/kendo-react-intl"),S=require("../cells/GridFilterCell.js"),d=require("../filterCommon.js"),k=require("@progress/kendo-react-data-tools"),C=require("../messages/index.js"),T=require("@progress/kendo-react-common"),O=require("../utils/index.js");function q(a){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(a){for(const r in a)if(r!=="default"){const i=Object.getOwnPropertyDescriptor(a,r);Object.defineProperty(t,r,i.get?i:{enumerable:!0,get:()=>a[r]})}}return t.default=a,Object.freeze(t)}const n=q(L),y="k-table-row k-filter-row";class m extends n.Component{headerCellClassName(t,r){let i=`${r?"k-grid-header-sticky":""}`;return this.props.sort&&this.props.sort.filter(c=>c.field===t).length>0&&(i+=" k-sorted"),i}setFilter(t,r,i,c){if(!this.props.filterChange)return;const o=[];(t!==""&&t!==null||r!=="")&&o.push({field:i,operator:r,value:t}),this.props.filter&&this.props.filter.filters&&(this.props.filter.filters||[]).forEach(s=>{const l=s;l&&l.field!==i&&o.push(l)});const h=this.props.filter&&this.props.filter.logic?this.props.filter.logic:"and";this.props.filterChange(o.length>0?{logic:h,filters:o}:null,c)}render(){const t=x.provideLocalizationService(this),r=this.props.filter&&this.props.filter.filters||[],i=e=>{if(e===void 0)return;const s=r.filter(l=>l.field===e);return s.length?s[0]:void 0};let c=0,o=-1;const h=this.props.columns.filter(e=>e.children.length===0).map(e=>{const s=d.getFilterType(e.filter),l=i(e.field),b=e.filterable?t.toLanguageString(C.filterAriaLabel,C.messages[C.filterAriaLabel]):void 0;let g=l&&l.value;g===void 0&&(g=s==="text"?"":null);const f=e.filterable&&{render:this.props.cellRender,field:e.field,title:e.filterTitle,value:g,operator:l&&l.operator,operators:d.operatorMap(this.props.filterOperators[s]||[],t),booleanValues:d.operatorMap(d.booleanFilterValues,t),filterType:s,ariaLabel:b,onChange:p=>{this.setFilter(p.value,p.operator,e.field,p.syntheticEvent)}},v=e.declarationIndex>=0?++o:--c,E={ariaLabel:b,ariaColumnIndex:e.ariaColumnIndex},I=e.left!==void 0?this.props.isRtl?{left:e.right,right:e.left}:{left:e.left,right:e.right}:{},F={columnId:k.tableKeyboardNavigationTools.getFilterColumnId(e.id),navigatable:e.navigatable||this.props.navigatable,style:I,className:T.classNames("k-table-th",this.headerCellClassName(e.field,e.locked)||void 0),role:"columnheader",...E},R=f&&(e.filterCell?n.createElement(e.filterCell,{...f}):n.createElement(S.GridFilterCell,{size:this.props.size,...f})),u=O.resolveCells(this.props.cells,e.cells);if(u&&u.filterCell){const p=u.filterCell;return n.createElement(p,{key:v,...f,thProps:F,index:o},R)}return n.createElement(k.HeaderThElement,{key:v,...F},R)});return n.createElement("tr",{className:y,"aria-rowindex":this.props.ariaRowIndex,role:"row"},h)}}x.registerForLocalization(m);exports.FILTER_ROW_CLASS=y;exports.FilterRow=m;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const T=require("react"),O=require("@progress/kendo-react-intl"),S=require("../cells/GridFilterCell.js"),u=require("../filterCommon.js"),k=require("@progress/kendo-react-data-tools"),v=require("../messages/index.js"),m=require("@progress/kendo-react-common"),q=require("../utils/index.js");function w(t){const a=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const n in t)if(n!=="default"){const g=Object.getOwnPropertyDescriptor(t,n);Object.defineProperty(a,n,g.get?g:{enumerable:!0,get:()=>t[n]})}}return a.default=t,Object.freeze(a)}const d=w(T),y="k-table-row k-filter-row",_=t=>{const a=O.useLocalization(),n=(e,r)=>{let l=`${r?"k-grid-header-sticky":""}`;return t.sort&&t.sort.filter(o=>o.field===e).length>0&&(l+=" k-sorted"),l},g=(e,r,l,o)=>{if(!t.filterChange)return;const i=[];(e!==""&&e!==null||r!=="")&&i.push({field:l,operator:r,value:e}),t.filter&&t.filter.filters&&(t.filter.filters||[]).forEach(b=>{const c=b;c&&c.field!==l&&i.push(c)});const s=t.filter&&t.filter.logic?t.filter.logic:"and";t.filterChange(i.length>0?{logic:s,filters:i}:null,o)},x=t.filter&&t.filter.filters||[],L=e=>{if(e===void 0)return;const r=x.filter(l=>l.field===e);return r.length?r[0]:void 0};let E=0,F=-1;const I=t.columns.filter(e=>e.children.length===0).map(e=>{const r=u.getFilterType(e.filter),l=L(e.field),o=`${e.field} ${a.toLanguageString(v.filterAriaLabel,v.messages[v.filterAriaLabel])}`;let i=l&&l.value;i===void 0&&(i=r==="text"?"":null);const s=e.filterable&&{render:t.cellRender,field:e.field,title:e.filterTitle,value:i,operator:l&&l.operator,operators:u.operatorMap(t.filterOperators[r]||[],a),booleanValues:u.operatorMap(u.booleanFilterValues,a),filterType:r,ariaLabel:o,onChange:f=>{g(f.value,f.operator,e.field,f.syntheticEvent)}},C=e.declarationIndex>=0?++F:--E,b=e.left!==void 0?t.isRtl?{left:e.right,right:e.left}:{left:e.left,right:e.right}:{},c={columnId:k.tableKeyboardNavigationTools.getFilterColumnId(e.id),navigatable:e.navigatable||t.navigatable,style:b,className:m.classNames("k-table-td",n(e.field,e.locked)||void 0),role:"gridcell",ariaLabel:o,ariaColumnIndex:e.ariaColumnIndex},R=s&&(e.filterCell?d.createElement(e.filterCell,{...s}):d.createElement(S.GridFilterCell,{size:t.size,...s})),h=q.resolveCells(t.cells,e.cells);if(h&&h.filterCell){const f=h.filterCell;return d.createElement(f,{key:C,...s,tdProps:c,index:F},R)}return d.createElement(k.HeaderTdElement,{key:C,...c},R)});return d.createElement("tr",{className:y,"aria-rowindex":t.ariaRowIndex,role:"row"},I)};exports.FILTER_ROW_CLASS=y;exports.FilterRow=_;

package/header/FilterRow.mjs

@@ -6,87 +6,79 @@
  *-------------------------------------------------------------------------------------------
  */
 "use client";
-import * as a from "react";
-import { provideLocalizationService as k, registerForLocalization as u } from "@progress/kendo-react-intl";
-import { GridFilterCell as I } from "../cells/GridFilterCell.mjs";
-import { getFilterType as y, operatorMap as F, booleanFilterValues as L } from "../filterCommon.mjs";
-import { tableKeyboardNavigationTools as R, HeaderThElement as w } from "@progress/kendo-react-data-tools";
-import { filterAriaLabel as b, messages as N } from "../messages/index.mjs";
-import { classNames as T } from "@progress/kendo-react-common";
-import { resolveCells as z } from "../utils/index.mjs";
-const A = "k-table-row k-filter-row";
-class S extends a.Component {
-  headerCellClassName(r, o) {
-    let l = `${o ? "k-grid-header-sticky" : ""}`;
-    return this.props.sort && this.props.sort.filter((n) => n.field === r).length > 0 && (l += " k-sorted"), l;
-  }
-  setFilter(r, o, l, n) {
-    if (!this.props.filterChange)
+import * as s from "react";
+import { useLocalization as L } from "@progress/kendo-react-intl";
+import { GridFilterCell as y } from "../cells/GridFilterCell.mjs";
+import { getFilterType as R, operatorMap as v, booleanFilterValues as w } from "../filterCommon.mjs";
+import { tableKeyboardNavigationTools as T, HeaderTdElement as N } from "@progress/kendo-react-data-tools";
+import { filterAriaLabel as F, messages as z } from "../messages/index.mjs";
+import { classNames as A } from "@progress/kendo-react-common";
+import { resolveCells as S } from "../utils/index.mjs";
+const $ = "k-table-row k-filter-row", M = (t) => {
+  const d = L(), b = (e, r) => {
+    let l = `${r ? "k-grid-header-sticky" : ""}`;
+    return t.sort && t.sort.filter((a) => a.field === e).length > 0 && (l += " k-sorted"), l;
+  }, x = (e, r, l, a) => {
+    if (!t.filterChange)
       return;
-    const s = [];
-    (r !== "" && r !== null || o !== "") && s.push({
+    const i = [];
+    (e !== "" && e !== null || r !== "") && i.push({
       field: l,
-      operator: o,
-      value: r
-    }), this.props.filter && this.props.filter.filters && (this.props.filter.filters || []).forEach((i) => {
-      const t = i;
-      t && t.field !== l && s.push(t);
+      operator: r,
+      value: e
+    }), t.filter && t.filter.filters && (t.filter.filters || []).forEach((g) => {
+      const n = g;
+      n && n.field !== l && i.push(n);
     });
-    const h = this.props.filter && this.props.filter.logic ? this.props.filter.logic : "and";
-    this.props.filterChange(s.length > 0 ? { logic: h, filters: s } : null, n);
-  }
-  render() {
-    const r = k(this), o = this.props.filter && this.props.filter.filters || [], l = (e) => {
-      if (e === void 0)
-        return;
-      const i = o.filter(
-        (t) => t.field === e
-      );
-      return i.length ? i[0] : void 0;
-    };
-    let n = 0, s = -1;
-    const h = this.props.columns.filter((e) => e.children.length === 0).map((e) => {
-      const i = y(e.filter), t = l(e.field), g = e.filterable ? r.toLanguageString(b, N[b]) : void 0;
-      let d = t && t.value;
-      d === void 0 && (d = i === "text" ? "" : null);
-      const f = e.filterable && {
-        render: this.props.cellRender,
-        field: e.field,
-        title: e.filterTitle,
-        value: d,
-        operator: t && t.operator,
-        operators: F(this.props.filterOperators[i] || [], r),
-        booleanValues: F(L, r),
-        filterType: i,
-        ariaLabel: g,
-        onChange: (p) => {
-          this.setFilter(p.value, p.operator, e.field, p.syntheticEvent);
-        }
-      }, C = e.declarationIndex >= 0 ? ++s : --n, x = {
-        ariaLabel: g,
-        ariaColumnIndex: e.ariaColumnIndex
-      }, E = e.left !== void 0 ? this.props.isRtl ? { left: e.right, right: e.left } : { left: e.left, right: e.right } : {}, m = {
-        columnId: R.getFilterColumnId(e.id),
-        navigatable: e.navigatable || this.props.navigatable,
-        style: E,
-        className: T(
-          "k-table-th",
-          this.headerCellClassName(e.field, e.locked) || void 0
-        ),
-        role: "columnheader",
-        ...x
-      }, v = f && (e.filterCell ? /* @__PURE__ */ a.createElement(e.filterCell, { ...f }) : /* @__PURE__ */ a.createElement(I, { size: this.props.size, ...f })), c = z(this.props.cells, e.cells);
-      if (c && c.filterCell) {
-        const p = c.filterCell;
-        return /* @__PURE__ */ a.createElement(p, { key: C, ...f, thProps: m, index: s }, v);
+    const o = t.filter && t.filter.logic ? t.filter.logic : "and";
+    t.filterChange(i.length > 0 ? { logic: o, filters: i } : null, a);
+  }, E = t.filter && t.filter.filters || [], k = (e) => {
+    if (e === void 0)
+      return;
+    const r = E.filter(
+      (l) => l.field === e
+    );
+    return r.length ? r[0] : void 0;
+  };
+  let u = 0, h = -1;
+  const I = t.columns.filter((e) => e.children.length === 0).map((e) => {
+    const r = R(e.filter), l = k(e.field), a = `${e.field} ${d.toLanguageString(
+      F,
+      z[F]
+    )}`;
+    let i = l && l.value;
+    i === void 0 && (i = r === "text" ? "" : null);
+    const o = e.filterable && {
+      render: t.cellRender,
+      field: e.field,
+      title: e.filterTitle,
+      value: i,
+      operator: l && l.operator,
+      operators: v(t.filterOperators[r] || [], d),
+      booleanValues: v(w, d),
+      filterType: r,
+      ariaLabel: a,
+      onChange: (f) => {
+        x(f.value, f.operator, e.field, f.syntheticEvent);
       }
-      return /* @__PURE__ */ a.createElement(w, { key: C, ...m }, v);
-    });
-    return /* @__PURE__ */ a.createElement("tr", { className: A, "aria-rowindex": this.props.ariaRowIndex, role: "row" }, h);
-  }
-}
-u(S);
+    }, c = e.declarationIndex >= 0 ? ++h : --u, g = e.left !== void 0 ? t.isRtl ? { left: e.right, right: e.left } : { left: e.left, right: e.right } : {}, n = {
+      columnId: T.getFilterColumnId(e.id),
+      navigatable: e.navigatable || t.navigatable,
+      style: g,
+      className: A("k-table-td", b(e.field, e.locked) || void 0),
+      role: "gridcell",
+      ariaLabel: a,
+      ariaColumnIndex: e.ariaColumnIndex
+    }, m = o && (e.filterCell ? /* @__PURE__ */ s.createElement(e.filterCell, { ...o }) : /* @__PURE__ */ s.createElement(y, { size: t.size, ...o })), C = S(t.cells, e.cells);
+    if (C && C.filterCell) {
+      const f = C.filterCell;
+      return /* @__PURE__ */ s.createElement(f, { key: c, ...o, tdProps: n, index: h }, m);
+    }
+    return /* @__PURE__ */ s.createElement(N, { key: c, ...n }, m);
+  });
+  return /* @__PURE__ */ s.createElement("tr", { className: $, "aria-rowindex": t.ariaRowIndex, role: "row" }, I);
+};
 export {
-  A as FILTER_ROW_CLASS,
-  S as FilterRow
+  $ as FILTER_ROW_CLASS,
+  M as FilterRow
 };

package/header/GridHeaderSelectionCell.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"),p=require("../columnMenu/GridColumnMenuWrapper.js"),i=require("../messages/index.js"),s=require("@progress/kendo-react-intl"),c=require("@progress/kendo-react-common");function u(t){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const e in t)if(e!=="default"){const n=Object.getOwnPropertyDescriptor(t,e);Object.defineProperty(r,e,n.get?n:{enumerable:!0,get:()=>t[e]})}}return r.default=t,Object.freeze(r)}const o=u(d);class a extends o.Component{get _inputId(){return this.props.id}render(){const r=s.provideLocalizationService(this),{columnMenuWrapperProps:e}=this.props,n=[o.createElement("span",{key:0,className:"k-checkbox-wrap"},o.createElement("input",{id:this._inputId,type:"checkbox",tabIndex:-1,className:"k-checkbox k-checkbox-md k-rounded-md","aria-label":r.toLanguageString(i.selectRow,i.messages[i.selectRow]),"aria-checked":this.props.selectionValue,checked:this.props.selectionValue,onChange:l=>this.props.selectionChange({field:this.props.field,syntheticEvent:l})})),e.columnMenu&&o.createElement(p.GridColumnMenuWrapper,{...e})];return this.props.render?this.props.render.call(void 0,n,this.props):n}}s.registerForLocalization(a);const h=c.withIdHOC(c.withUnstyledHOC(a));exports.GridHeaderSelectionCell=h;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("react"),d=require("../columnMenu/GridColumnMenuWrapper.js"),a=require("../messages/index.js"),s=require("@progress/kendo-react-intl"),m=require("@progress/kendo-react-common");function b(e){const n=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(n,t,c.get?c:{enumerable:!0,get:()=>e[t]})}}return n.default=e,Object.freeze(n)}const r=b(u),g=e=>{const n=m.useId(),t=s.useLocalization(),c=e.id||n,{columnMenuWrapperProps:l}=e,o=[r.createElement("span",{key:0,className:"k-checkbox-wrap"},r.createElement("input",{id:c,type:"checkbox",tabIndex:-1,className:"k-checkbox k-checkbox-md k-rounded-md","aria-label":t.toLanguageString(a.selectRow,a.messages[a.selectRow]),"aria-checked":e.selectionValue,checked:e.selectionValue,onChange:i=>e.selectionChange({field:e.field,syntheticEvent:i})})),l.columnMenu&&r.createElement(d.GridColumnMenuWrapper,{...l})];return e.render?e.render.call(void 0,o,e):o};exports.GridHeaderSelectionCell=g;