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

package/cells/GridEditCell.mjs

@@ -32,9 +32,12 @@ const B = (e) => {
       }
     },
     [e.onChange, e.dataItem, e.dataIndex, e.field]
-  ), o = a.useCallback((t) => {
-    e.onContextMenu && e.onContextMenu.call(void 0, t, e.dataItem, e.field);
-  }, [e.onContextMenu, e.dataItem, e.field]), g = a.useCallback(
+  ), o = a.useCallback(
+    (t) => {
+      e.onContextMenu && e.onContextMenu.call(void 0, t, e.dataItem, e.field);
+    },
+    [e.onContextMenu, e.dataItem, e.field]
+  ), g = a.useCallback(
     (t) => {
       e.onChange && e.onChange({
         dataItem: e.dataItem,
@@ -65,13 +68,7 @@ const B = (e) => {
           onChange: g,
           [I]: !0
         }
-      ), d = /* @__PURE__ */ a.createElement(
-        "td",
-        {
-          ...l
-        },
-        n
-      );
+      ), d = /* @__PURE__ */ a.createElement("td", { ...l }, n);
       break;
     }
     case "date":
@@ -85,20 +82,7 @@ const B = (e) => {
         [x]: e.columnIndex,
         role: "gridcell",
         ...u
-      }, n = /* @__PURE__ */ a.createElement(
-        N,
-        {
-          value: i,
-          onChange: g,
-          [I]: !0
-        }
-      ), d = /* @__PURE__ */ a.createElement(
-        "td",
-        {
-          ...l
-        },
-        n
-      );
+      }, n = /* @__PURE__ */ a.createElement(N, { value: i, onChange: g, [I]: !0 }), d = /* @__PURE__ */ a.createElement("td", { ...l }, n);
       break;
     case "boolean":
       l = {
@@ -123,13 +107,7 @@ const B = (e) => {
           }
         )),
         /* @__PURE__ */ a.createElement("label", { className: "k-checkbox-label", htmlFor: s, key: 2 })
-      ], d = /* @__PURE__ */ a.createElement(
-        "td",
-        {
-          ...l
-        },
-        n
-      );
+      ], d = /* @__PURE__ */ a.createElement("td", { ...l }, n);
       break;
     default:
       l = {
@@ -151,13 +129,7 @@ const B = (e) => {
           onChange: f,
           [I]: !0
         }
-      ), d = /* @__PURE__ */ a.createElement(
-        "td",
-        {
-          ...l
-        },
-        n
-      );
+      ), d = /* @__PURE__ */ a.createElement("td", { ...l }, n);
   }
   const r = e.editor || "text", c = e.cells;
   if (c) {

package/cells/GridFilterCell.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 g=require("react"),f=require("@progress/kendo-react-buttons"),l=require("@progress/kendo-react-dropdowns"),c=require("@progress/kendo-react-inputs"),C=require("@progress/kendo-react-dateinputs"),a=require("../messages/index.js"),u=require("@progress/kendo-react-intl"),h=require("@progress/kendo-svg-icons"),p=require("../filterCommon.js"),m=require("@progress/kendo-react-common");function b(n){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(n){for(const t in n)if(t!=="default"){const s=Object.getOwnPropertyDescriptor(n,t);Object.defineProperty(e,t,s.get?s:{enumerable:!0,get:()=>n[t]})}}return e.default=n,Object.freeze(e)}const i=b(g);class d extends i.Component{constructor(e){super(e),this._inputRef=i.createRef(),this.renderOperatorEditor=t=>{if(this.props.filterType==="boolean")return;let s;const r=this.props.operators.find(o=>o.operator===this.props.operator)||null;return i.createElement(l.DropDownList,{ref:o=>s=o,size:this.props.size,value:r,onChange:this.operatorChange,className:"k-dropdown-operator",iconClassName:"k-i-filter k-icon",svgIcon:h.filterIcon,data:this.props.operators,textField:"text",title:t.toLanguageString(a.filterChooseOperator,a.messages[a.filterChooseOperator]),popupSettings:{width:"",onMouseDownOutside:function(o){!o.isAnchorClicked&&o.state&&o.state.props.show&&s&&s.togglePopup()}}})},this.inputChange=this.inputChange.bind(this),this.clear=this.clear.bind(this),this.operatorChange=this.operatorChange.bind(this),this.boolDropdownChange=this.boolDropdownChange.bind(this)}render(){const e=u.provideLocalizationService(this),t=i.createElement("div",{className:"k-filtercell"},i.createElement("div",{className:"k-filtercell-wrapper"},this.filterComponent(this.props.filterType,this.props.value,this.props.booleanValues),i.createElement("div",{className:"k-filtercell-operator"},this.renderOperatorEditor(e)," ",i.createElement(f.Button,{size:this.props.size,icon:"filter-clear",svgIcon:h.filterClearIcon,className:m.classNames({"k-clear-button-visible":!!(!(this.props.value===null||this.props.value==="")||this.props.operator)}),title:e.toLanguageString(a.filterClearButton,a.messages[a.filterClearButton]),type:"button",onClick:this.clear,disabled:!(!(this.props.value===null||this.props.value==="")||this.props.operator)}))));return this.props.render?this.props.render.call(void 0,t,this.props):t}inputChange(e,t){p.cellInputChange(e,t,this.props)}operatorChange(e){p.cellOperatorChange(e,this.props.value,this.props.onChange)}boolDropdownChange(e){p.cellBoolDropdownChange(e,this.props.onChange)}clear(e){e.preventDefault(),this.props.onChange({value:"",operator:"",syntheticEvent:e}),this._inputRef.current&&(this._inputRef.current.element.value="",setTimeout(()=>{this._inputRef.current.element.focus()},0))}filterComponent(e,t,s){switch(e){case"numeric":return i.createElement(c.NumericTextBox,{ref:this._inputRef,size:this.props.size,value:t,onChange:r=>{this.inputChange(r.value,r.syntheticEvent)},title:this.props.title,ariaLabel:this.props.ariaLabel});case"date":return i.createElement(C.DatePicker,{ref:this._inputRef,size:this.props.size,value:t,onChange:r=>{this.inputChange(r.value,r.syntheticEvent)},title:this.props.title,ariaLabel:this.props.ariaLabel,popupSettings:{onMouseDownOutside:r=>{!r.isAnchorClicked&&r.state&&r.state.props.show&&this._inputRef&&this._inputRef.current.togglePopup()}}});case"boolean":{const r=o=>o==null;return i.createElement(l.DropDownList,{ref:this._inputRef,size:this.props.size,onChange:this.boolDropdownChange,value:s.find(o=>o.operator===(r(t)?"":t)),data:s,textField:"text",title:this.props.title,ariaLabel:this.props.ariaLabel,popupSettings:{onMouseDownOutside:o=>{!o.isAnchorClicked&&o.state&&o.state.props.show&&this._inputRef&&this._inputRef.current.togglePopup()}}})}default:return i.createElement(c.TextBox,{ref:this._inputRef,size:this.props.size,value:t||"",onChange:r=>{this.inputChange(r.target.value,r.syntheticEvent)},title:this.props.title,"aria-label":this.props.ariaLabel})}}}u.registerForLocalization(d);exports.GridFilterCell=d;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const z=require("react"),D=require("@progress/kendo-react-buttons"),m=require("@progress/kendo-react-dropdowns"),C=require("@progress/kendo-react-inputs"),E=require("@progress/kendo-react-dateinputs"),u=require("../messages/index.js"),O=require("@progress/kendo-react-intl"),h=require("@progress/kendo-svg-icons"),g=require("../filterCommon.js"),y=require("@progress/kendo-react-common");function L(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const c in e)if(c!=="default"){const s=Object.getOwnPropertyDescriptor(e,c);Object.defineProperty(t,c,s.get?s:{enumerable:!0,get:()=>e[c]})}}return t.default=e,Object.freeze(t)}const r=L(z),R=e=>{const t=r.useRef(),c=O.useLocalization(),s=()=>{if(e.filterType==="boolean")return;let n;const l=e.operators.find(o=>o.operator===e.operator)||null;return r.createElement(m.DropDownList,{ref:o=>n=o,size:e.size,value:l,onChange:b,className:"k-dropdown-operator",iconClassName:"k-i-filter k-icon",svgIcon:h.filterIcon,data:e.operators,textField:"text",title:c.toLanguageString(u.filterChooseOperator,u.messages[u.filterChooseOperator]),popupSettings:{width:"",onMouseDownOutside:function(o){!o.isAnchorClicked&&o.state&&o.state.props.show&&n&&n.togglePopup()}}})},d=(n,l)=>{g.cellInputChange(n,l,e)},b=n=>{g.cellOperatorChange(n,e.value,e.onChange)},k=n=>{g.cellBoolDropdownChange(n,e.onChange)},v=n=>{n.preventDefault(),e.onChange({value:"",operator:"",syntheticEvent:n}),t.current&&(t.current.element.value="",setTimeout(()=>{t.current.element.focus()},0))},w=(n,l,o)=>{switch(n){case"numeric":return r.createElement(C.NumericTextBox,{ref:t,size:e.size,value:l,onChange:a=>{d(a.value,a.syntheticEvent)},title:e.title,ariaLabel:e.ariaLabel});case"date":return r.createElement(E.DatePicker,{ref:t,size:e.size,value:l,onChange:a=>{d(a.value,a.syntheticEvent)},title:e.title,ariaLabel:e.ariaLabel,popupSettings:{onMouseDownOutside:a=>{!a.isAnchorClicked&&a.state&&a.state.props.show&&t&&t.current.togglePopup()}}});case"boolean":{const a=i=>i==null;return r.createElement(m.DropDownList,{ref:t,size:e.size,onChange:k,value:o.find(i=>i.operator===(a(l)?"":l)),data:o,textField:"text",title:e.title,ariaLabel:e.ariaLabel,popupSettings:{onMouseDownOutside:i=>{!i.isAnchorClicked&&i.state&&i.state.props.show&&t&&t.current.togglePopup()}}})}default:return r.createElement(C.TextBox,{ref:t,size:e.size,value:l||"",onChange:a=>{d(a.target.value,a.syntheticEvent)},title:e.title,"aria-label":e.ariaLabel})}},f=r.createElement("div",{className:"k-filtercell"},r.createElement("div",{className:"k-filtercell-wrapper"},w(e.filterType,e.value,e.booleanValues),r.createElement("div",{className:"k-filtercell-operator"},s()," ",r.createElement(D.Button,{size:e.size,icon:"filter-clear",svgIcon:h.filterClearIcon,className:y.classNames({"k-clear-button-visible":!!(!(e.value===null||e.value==="")||e.operator)}),title:c.toLanguageString(u.filterClearButton,u.messages[u.filterClearButton]),type:"button",onClick:v,disabled:!(!(e.value===null||e.value==="")||e.operator)}))));return e.render?e.render.call(void 0,f,e):f};exports.GridFilterCell=R;

package/cells/GridFilterCell.mjs

@@ -7,131 +7,103 @@
  */
 "use client";
 import * as o from "react";
-import { Button as h } from "@progress/kendo-react-buttons";
-import { DropDownList as p } from "@progress/kendo-react-dropdowns";
-import { TextBox as c, NumericTextBox as u } from "@progress/kendo-react-inputs";
-import { DatePicker as f } from "@progress/kendo-react-dateinputs";
-import { filterChooseOperator as n, messages as a, filterClearButton as l } from "../messages/index.mjs";
-import { provideLocalizationService as d, registerForLocalization as g } from "@progress/kendo-react-intl";
-import { filterIcon as m, filterClearIcon as C } from "@progress/kendo-svg-icons";
-import { cellInputChange as b, cellOperatorChange as v, cellBoolDropdownChange as w } from "../filterCommon.mjs";
-import { classNames as E } from "@progress/kendo-react-common";
-class R extends o.Component {
-  constructor(r) {
-    super(r), this._inputRef = o.createRef(), this.renderOperatorEditor = (i) => {
-      if (this.props.filterType === "boolean")
-        return;
-      let s;
-      const e = this.props.operators.find((t) => t.operator === this.props.operator) || null;
-      return /* @__PURE__ */ o.createElement(
-        p,
-        {
-          ref: (t) => s = t,
-          size: this.props.size,
-          value: e,
-          onChange: this.operatorChange,
-          className: "k-dropdown-operator",
-          iconClassName: "k-i-filter k-icon",
-          svgIcon: m,
-          data: this.props.operators,
-          textField: "text",
-          title: i.toLanguageString(n, a[n]),
-          popupSettings: {
-            width: "",
-            onMouseDownOutside: function(t) {
-              !t.isAnchorClicked && t.state && t.state.props.show && s && s.togglePopup();
-            }
+import { Button as z } from "@progress/kendo-react-buttons";
+import { DropDownList as m } from "@progress/kendo-react-dropdowns";
+import { TextBox as w, NumericTextBox as k } from "@progress/kendo-react-inputs";
+import { DatePicker as L } from "@progress/kendo-react-dateinputs";
+import { filterClearButton as f, messages as d, filterChooseOperator as g } from "../messages/index.mjs";
+import { useLocalization as x } from "@progress/kendo-react-intl";
+import { filterClearIcon as D, filterIcon as N } from "@progress/kendo-svg-icons";
+import { cellOperatorChange as y, cellInputChange as B, cellBoolDropdownChange as O } from "../filterCommon.mjs";
+import { classNames as S } from "@progress/kendo-react-common";
+const j = (e) => {
+  const n = o.useRef(), u = x(), h = () => {
+    if (e.filterType === "boolean")
+      return;
+    let t;
+    const r = e.operators.find((l) => l.operator === e.operator) || null;
+    return /* @__PURE__ */ o.createElement(
+      m,
+      {
+        ref: (l) => t = l,
+        size: e.size,
+        value: r,
+        onChange: C,
+        className: "k-dropdown-operator",
+        iconClassName: "k-i-filter k-icon",
+        svgIcon: N,
+        data: e.operators,
+        textField: "text",
+        title: u.toLanguageString(g, d[g]),
+        popupSettings: {
+          width: "",
+          onMouseDownOutside: function(l) {
+            !l.isAnchorClicked && l.state && l.state.props.show && t && t.togglePopup();
           }
         }
-      );
-    }, this.inputChange = this.inputChange.bind(this), this.clear = this.clear.bind(this), this.operatorChange = this.operatorChange.bind(this), this.boolDropdownChange = this.boolDropdownChange.bind(this);
-  }
-  /**
-   * @hidden
-   */
-  render() {
-    const r = d(this), i = /* @__PURE__ */ o.createElement("div", { className: "k-filtercell" }, /* @__PURE__ */ o.createElement("div", { className: "k-filtercell-wrapper" }, this.filterComponent(this.props.filterType, this.props.value, this.props.booleanValues), /* @__PURE__ */ o.createElement("div", { className: "k-filtercell-operator" }, this.renderOperatorEditor(r), " ", /* @__PURE__ */ o.createElement(
-      h,
-      {
-        size: this.props.size,
-        icon: "filter-clear",
-        svgIcon: C,
-        className: E({
-          "k-clear-button-visible": !!(!(this.props.value === null || this.props.value === "") || this.props.operator)
-        }),
-        title: r.toLanguageString(l, a[l]),
-        type: "button",
-        onClick: this.clear,
-        disabled: !(!(this.props.value === null || this.props.value === "") || this.props.operator)
       }
-    ))));
-    return this.props.render ? this.props.render.call(void 0, i, this.props) : i;
-  }
-  inputChange(r, i) {
-    b(r, i, this.props);
-  }
-  operatorChange(r) {
-    v(r, this.props.value, this.props.onChange);
-  }
-  boolDropdownChange(r) {
-    w(r, this.props.onChange);
-  }
-  clear(r) {
-    r.preventDefault(), this.props.onChange({ value: "", operator: "", syntheticEvent: r }), this._inputRef.current && (this._inputRef.current.element.value = "", setTimeout(() => {
-      this._inputRef.current.element.focus();
+    );
+  }, c = (t, r) => {
+    B(t, r, e);
+  }, C = (t) => {
+    y(t, e.value, e.onChange);
+  }, v = (t) => {
+    O(t, e.onChange);
+  }, b = (t) => {
+    t.preventDefault(), e.onChange({ value: "", operator: "", syntheticEvent: t }), n.current && (n.current.element.value = "", setTimeout(() => {
+      n.current.element.focus();
     }, 0));
-  }
-  filterComponent(r, i, s) {
-    switch (r) {
+  }, E = (t, r, l) => {
+    switch (t) {
       case "numeric":
         return /* @__PURE__ */ o.createElement(
-          u,
+          k,
           {
-            ref: this._inputRef,
-            size: this.props.size,
-            value: i,
-            onChange: (e) => {
-              this.inputChange(e.value, e.syntheticEvent);
+            ref: n,
+            size: e.size,
+            value: r,
+            onChange: (a) => {
+              c(a.value, a.syntheticEvent);
             },
-            title: this.props.title,
-            ariaLabel: this.props.ariaLabel
+            title: e.title,
+            ariaLabel: e.ariaLabel
           }
         );
       case "date":
         return /* @__PURE__ */ o.createElement(
-          f,
+          L,
           {
-            ref: this._inputRef,
-            size: this.props.size,
-            value: i,
-            onChange: (e) => {
-              this.inputChange(e.value, e.syntheticEvent);
+            ref: n,
+            size: e.size,
+            value: r,
+            onChange: (a) => {
+              c(a.value, a.syntheticEvent);
             },
-            title: this.props.title,
-            ariaLabel: this.props.ariaLabel,
+            title: e.title,
+            ariaLabel: e.ariaLabel,
             popupSettings: {
-              onMouseDownOutside: (e) => {
-                !e.isAnchorClicked && e.state && e.state.props.show && this._inputRef && this._inputRef.current.togglePopup();
+              onMouseDownOutside: (a) => {
+                !a.isAnchorClicked && a.state && a.state.props.show && n && n.current.togglePopup();
               }
             }
           }
         );
       case "boolean": {
-        const e = (t) => t == null;
+        const a = (i) => i == null;
         return /* @__PURE__ */ o.createElement(
-          p,
+          m,
           {
-            ref: this._inputRef,
-            size: this.props.size,
-            onChange: this.boolDropdownChange,
-            value: s.find((t) => t.operator === (e(i) ? "" : i)),
-            data: s,
+            ref: n,
+            size: e.size,
+            onChange: v,
+            value: l.find((i) => i.operator === (a(r) ? "" : r)),
+            data: l,
             textField: "text",
-            title: this.props.title,
-            ariaLabel: this.props.ariaLabel,
+            title: e.title,
+            ariaLabel: e.ariaLabel,
             popupSettings: {
-              onMouseDownOutside: (t) => {
-                !t.isAnchorClicked && t.state && t.state.props.show && this._inputRef && this._inputRef.current.togglePopup();
+              onMouseDownOutside: (i) => {
+                !i.isAnchorClicked && i.state && i.state.props.show && n && n.current.togglePopup();
               }
             }
           }
@@ -139,22 +111,36 @@ class R extends o.Component {
       }
       default:
         return /* @__PURE__ */ o.createElement(
-          c,
+          w,
           {
-            ref: this._inputRef,
-            size: this.props.size,
-            value: i || "",
-            onChange: (e) => {
-              this.inputChange(e.target.value, e.syntheticEvent);
+            ref: n,
+            size: e.size,
+            value: r || "",
+            onChange: (a) => {
+              c(a.target.value, a.syntheticEvent);
             },
-            title: this.props.title,
-            "aria-label": this.props.ariaLabel
+            title: e.title,
+            "aria-label": e.ariaLabel
           }
         );
     }
-  }
-}
-g(R);
+  }, s = /* @__PURE__ */ o.createElement("div", { className: "k-filtercell" }, /* @__PURE__ */ o.createElement("div", { className: "k-filtercell-wrapper" }, E(e.filterType, e.value, e.booleanValues), /* @__PURE__ */ o.createElement("div", { className: "k-filtercell-operator" }, h(), " ", /* @__PURE__ */ o.createElement(
+    z,
+    {
+      size: e.size,
+      icon: "filter-clear",
+      svgIcon: D,
+      className: S({
+        "k-clear-button-visible": !!(!(e.value === null || e.value === "") || e.operator)
+      }),
+      title: u.toLanguageString(f, d[f]),
+      type: "button",
+      onClick: b,
+      disabled: !(!(e.value === null || e.value === "") || e.operator)
+    }
+  ))));
+  return e.render ? e.render.call(void 0, s, e) : s;
+};
 export {
-  R as GridFilterCell
+  j as GridFilterCell
 };

package/cells/GridGroupCell.mjs

@@ -14,7 +14,20 @@ import * as t from "react";
 import { messages as H, groupCollapse as j, groupExpand as q } from "../messages/index.mjs";
 const V = (e) => {
   let c = null;
-  const { columnIndex: a, level: s, columnsCount: m, rowType: w, dataItem: n, field: D, onChange: r, expanded: o, render: C, dataIndex: f, ariaColumnIndex: N, isRtl: v } = e, d = D || "", x = z(e.id), S = P();
+  const {
+    columnIndex: a,
+    level: s,
+    columnsCount: m,
+    rowType: w,
+    dataItem: n,
+    field: D,
+    onChange: r,
+    expanded: o,
+    render: C,
+    dataIndex: f,
+    ariaColumnIndex: N,
+    isRtl: v
+  } = e, d = D || "", x = z(e.id), S = P();
   let i = null, g = null, y = null;
   const M = t.useCallback(
     (l) => {
@@ -27,9 +40,12 @@ const V = (e) => {
       }));
     },
     [o, r, n, f]
-  ), k = t.useCallback((l) => {
-    e.onContextMenu && e.onContextMenu.call(void 0, l, e.dataItem, e.field);
-  }, [e.onContextMenu, e.dataItem, e.field]), b = (l, R) => {
+  ), k = t.useCallback(
+    (l) => {
+      e.onContextMenu && e.onContextMenu.call(void 0, l, e.dataItem, e.field);
+    },
+    [e.onContextMenu, e.dataItem, e.field]
+  ), b = (l, R) => {
     const E = o ? j : q, A = S.toLanguageString(E, H[E]);
     return i = {
       className: "k-table-td",
@@ -66,44 +82,22 @@ const V = (e) => {
           icon: o ? W : v ? F : G
         }
       )
-    ), n[d] instanceof Date && n[d].toString ? n[d].toString() : n[d]), /* @__PURE__ */ t.createElement(
-      "td",
-      {
-        ...i,
-        key: i.key
-      },
-      y
-    );
+    ), n[d] instanceof Date && n[d].toString ? n[d].toString() : n[d]), /* @__PURE__ */ t.createElement("td", { ...i, key: i.key }, y);
   };
   a === void 0 || s === void 0 || a < s || m === void 0 || w !== "groupHeader" || n[d] === void 0 ? (i = {
     style: e.style,
     key: "g" + a,
-    className: L(
-      "k-table-td",
-      "k-group-cell",
-      { "k-grid-content-sticky": e.locked }
-    ),
+    className: L("k-table-td", "k-group-cell", { "k-grid-content-sticky": e.locked }),
     role: "gridcell",
     onContextMenu: k,
     ...x
-  }, c = /* @__PURE__ */ t.createElement(
-    "td",
-    {
-      ...i,
-      key: i.key
-    }
-  )) : a <= s && !e.locked ? c = b(m - a, {}) : a <= s && e.locked && (g = {
+  }, c = /* @__PURE__ */ t.createElement("td", { ...i, key: i.key })) : a <= s && !e.locked ? c = b(m - a, {}) : a <= s && e.locked && (g = {
     className: "k-table-td",
     role: "gridcell",
     colSpan: m - a,
     style: { borderLeftWidth: 0, borderRightWidth: 0 },
     onContextMenu: k
-  }, c = /* @__PURE__ */ t.createElement(t.Fragment, null, b(0, { position: "sticky", zIndex: 2 }), /* @__PURE__ */ t.createElement(
-    "td",
-    {
-      ...g
-    }
-  )));
+  }, c = /* @__PURE__ */ t.createElement(t.Fragment, null, b(0, { position: "sticky", zIndex: 2 }), /* @__PURE__ */ t.createElement("td", { ...g })));
   const I = e.rowType || "data", u = e.cells;
   if (u && u.group && u.group[I]) {
     const l = u.group[I];

package/cells/GridHierarchyCell.mjs

@@ -32,12 +32,7 @@ const z = (e) => {
       className: "k-table-td k-hierarchy-cell",
       role: "gridcell",
       ...c
-    }, i = /* @__PURE__ */ n.createElement(
-      "td",
-      {
-        ...l
-      }
-    );
+    }, i = /* @__PURE__ */ n.createElement("td", { ...l });
   else if (e.rowType !== "groupHeader") {
     const a = t ? b : E, g = u.toLanguageString(a, x[a]);
     l = {
@@ -64,13 +59,7 @@ const z = (e) => {
         tabIndex: -1
       },
       /* @__PURE__ */ n.createElement(C, { name: t ? "minus" : "plus", icon: t ? k : v })
-    ), i = /* @__PURE__ */ n.createElement(
-      "td",
-      {
-        ...l
-      },
-      r
-    );
+    ), i = /* @__PURE__ */ n.createElement("td", { ...l }, r);
   }
   const o = e.rowType || "data", d = e.cells;
   if (d && d.hierarchy && d.hierarchy[o]) {

package/cells/GridSelectionCell.mjs

@@ -13,27 +13,12 @@ import { useLocalization as T } from "@progress/kendo-react-intl";
 import { useTableKeyboardNavigation as z } from "@progress/kendo-react-data-tools";
 import { useId as L, classNames as V } from "@progress/kendo-react-common";
 const P = (a) => {
-  const {
-    selectionChange: o,
-    field: p,
-    dataItem: k,
-    id: b,
-    className: f,
-    colSpan: h,
-    style: C,
-    ariaColumnIndex: x,
-    rowType: l,
-    cells: N,
-    render: n
-  } = a, y = T(), I = e.useCallback(
+  const { selectionChange: o, field: p, dataItem: k, id: b, className: f, colSpan: h, style: C, ariaColumnIndex: x, rowType: l, cells: N, render: n } = a, y = T(), I = e.useCallback(
     (c) => {
       o && o({ syntheticEvent: c });
     },
     [o]
-  ), S = L(), s = v(p, k), w = z(b), E = V(
-    "k-table-td",
-    f
-  ), r = {
+  ), S = L(), s = v(p, k), w = z(b), E = V("k-table-td", f), r = {
     colSpan: h,
     style: C,
     className: E,
@@ -52,13 +37,7 @@ const P = (a) => {
       checked: i,
       onChange: I
     }
-  )), m = l !== "groupHeader" ? /* @__PURE__ */ e.createElement(
-    "td",
-    {
-      ...r
-    },
-    d
-  ) : null, u = l || "data", t = N;
+  )), m = l !== "groupHeader" ? /* @__PURE__ */ e.createElement("td", { ...r }, d) : null, u = l || "data", t = N;
   if (t && t.select && t.select[u]) {
     const c = t.select[u];
     return /* @__PURE__ */ e.createElement(c, { ...a, tdProps: r }, d);

package/columnMenu/GridColumnMenuCheckboxFilter.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"),v=require("./GridColumnMenuItem.js"),E=require("./GridColumnMenuItemGroup.js"),S=require("./GridColumnMenuItemContent.js"),d=require("@progress/kendo-react-inputs"),k=require("@progress/kendo-react-intl"),r=require("../messages/index.js"),x=require("@progress/kendo-data-query"),F=require("@progress/kendo-react-common"),f=require("@progress/kendo-react-buttons"),C=require("../utils/index.js"),m=require("@progress/kendo-svg-icons");function b(h){const l=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(h){for(const e in h)if(e!=="default"){const t=Object.getOwnPropertyDescriptor(h,e);Object.defineProperty(l,e,t.get?t:{enumerable:!0,get:()=>h[e]})}}return l.default=h,Object.freeze(l)}const i=b(I),q=(h,l)=>h.length!==l.length?!1:h.every((e,t)=>e===l[t]),g=class g extends i.Component{constructor(l){super(l),this.defaultFilter=()=>this.props.filter?F.clone(this.props.filter):{filters:[],logic:"and"},this.isControlled=()=>this.props.expanded!==void 0,this.parseData=(e,t)=>{const o=this.props.column.field||"",n=e.map(c=>C.getNestedValue(o,c));return t?n.filter((c,s)=>n.indexOf(c)===s):n},this.getFilterIndex=()=>{const e=this.props.column.field;return this.defaultFilter().filters.findIndex(n=>n.filters&&n.filters.length>0&&n.filters[0].field===e)},this.onFilterExpand=()=>{const e=this.isControlled(),t=!(e?this.props.expanded:this.state.expanded);this.props.onExpandChange&&this.props.onExpandChange(t),e||this.setState({expanded:t})},this.handleSearchChange=e=>{const t=this.props.searchBoxFilterOperator?this.props.searchBoxFilterOperator:"startswith",o={logic:"and",filters:[{field:this.props.column.field,operator:t,value:e.target.value,ignoreCase:!0}]};this.setState({value:e.target.value,data:this.parseData(x.filterBy(this.props.data||[],o),this.props.uniqueData)})},this.handleClear=()=>{const e=this.props.searchBoxFilterOperator?this.props.searchBoxFilterOperator:"startswith",t={logic:"and",filters:[{field:this.props.column.field,operator:e,value:"",ignoreCase:!0}]};this.setState({value:"",data:this.parseData(x.filterBy(this.props.data||[],t),this.props.uniqueData)})},this.clear=e=>{if(e.preventDefault(),!this.props.onFilterChange)return;const t=this.state.currentFilter||null;t!==null&&t.filters.length>0?(this.compositeFilterIndex>=0&&t.filters.splice(this.compositeFilterIndex,1),this.props.onFilterChange(t,e)):this.props.onFilterChange(null,e),this.props.onCloseMenu&&this.props.onCloseMenu()},this.submit=e=>{if(e.preventDefault(),!this.props.onFilterChange)return;const t=this.state.currentFilter||null;this.props.onFilterChange(t,e),this.props.onCloseMenu&&this.props.onCloseMenu()},this.handleCheckBoxChange=(e,t)=>{const o=this.props.column.field||"",n={...this.state.currentFilter},c=[...this.state.currentFilter.filters];let s=[];if(this.compositeFilterIndex!==-1&&n.filters[this.compositeFilterIndex].filters&&t!=="all"&&(s=n.filters[this.compositeFilterIndex].filters),e.value&&t==="all")this.state.data.forEach(a=>{s.push({field:o,operator:"eq",value:a})});else if(e.value)s.push({field:o,operator:"eq",value:t});else if(this.state.currentFilter){const a=s.findIndex(p=>p.value===t);s.splice(a,1)}n.logic="and",this.compositeFilterIndex!==-1?c[this.compositeFilterIndex]={logic:"or",filters:s}:c.push({logic:"or",filters:s}),(!e.value&&t==="all"||s.length===0)&&c.splice(this.compositeFilterIndex,1),n.filters=c,this.setState({currentFilter:n})},this.isAllSelected=()=>{let e=!1;if(this.state.currentFilter){const t=[...this.state.currentFilter.filters];return this.compositeFilterIndex===-1?!1:(e=this.state.data.every(o=>this.compositeFilterIndex!==-1&&t[this.compositeFilterIndex].filters?t[this.compositeFilterIndex].filters.findIndex(c=>c.value===o)>=0:!1),e)}return e},this.compositeFilterIndex=this.getFilterIndex(),this.state={expanded:l.expanded||!1,value:"",data:this.parseData(this.props.data,this.props.uniqueData)||[],dataFromProps:this.parseData(this.props.data,!1)||[],currentFilter:this.defaultFilter()}}componentDidUpdate(){const l=this.props.column.field||"",e=this.props.data.map(t=>C.getNestedValue(l,t));q(e,this.state.dataFromProps)||this.setState({data:e,dataFromProps:e})}render(){const{column:l}=this.props;if(!l||!l.field)return i.createElement("div",null);const e=k.provideLocalizationService(this),t=this.isControlled()?this.props.expanded:this.state.expanded,o=[];if(this.state.currentFilter){const s=[...this.state.currentFilter.filters];this.compositeFilterIndex=s.findIndex(a=>a.filters&&a.filters.length>0?a.filters[0].field===l.field:!1),this.compositeFilterIndex!==-1&&s[this.compositeFilterIndex].filters.length>0&&s[this.compositeFilterIndex].filters.forEach(a=>{a.field===this.props.column.field&&o.push(a.value)})}const n=this.props.searchBox?i.createElement(this.props.searchBox,{value:this.state.value,onChange:this.handleSearchChange}):i.createElement("div",{className:"k-searchbox k-textbox k-input k-input-md k-input-solid"},i.createElement(F.IconWrap,{className:"k-input-icon",name:"search",icon:m.searchIcon}),i.createElement(d.Input,{className:"k-input-inner",type:"text",placeholder:e.toLanguageString(r.searchPlaceholder,r.messages[r.searchPlaceholder]),value:this.state.value,onChange:s=>this.handleSearchChange(s.nativeEvent)}),i.createElement(f.Button,{type:"button",rounded:null,className:"k-input-button",onClick:this.handleClear,icon:"x",svgIcon:m.xIcon})),c=o.filter((s,a)=>o.indexOf(s)===a);return i.createElement(E.GridColumnMenuItemGroup,null,i.createElement(v.GridColumnMenuItem,{title:e.toLanguageString(r.filterTitle,r.messages[r.filterTitle]),iconClass:"k-i-filter",svgIcon:m.filterIcon,onClick:this.onFilterExpand}),i.createElement(S.GridColumnMenuItemContent,{show:!!t},i.createElement("form",{className:"k-filter-menu",onSubmit:this.submit,onReset:this.clear},i.createElement("div",{className:"k-filter-menu-container"},n,i.createElement("ul",{className:"k-reset k-multicheck-wrap"},i.createElement("li",{className:"k-item k-check-all-wrap"},i.createElement(d.Checkbox,{label:e.toLanguageString(r.filterCheckAll,r.messages[r.filterCheckAll]),onChange:s=>this.handleCheckBoxChange(s,"all"),checked:this.isAllSelected()})),this.state.data.map((s,a)=>i.createElement("li",{className:"k-item",key:a},i.createElement(d.Checkbox,{label:String(s),onChange:p=>this.handleCheckBoxChange(p,s),checked:c.includes(s)})))),i.createElement("div",{className:"k-filter-selected-items"},c.length+" "+e.toLanguageString(r.filterSelectedItems,r.messages[r.filterSelectedItems])),i.createElement("div",{className:"k-actions k-hstack k-justify-content-stretch"},i.createElement(f.Button,{themeColor:"primary",type:"submit"},e.toLanguageString(r.filterSubmitButton,r.messages[r.filterSubmitButton])),i.createElement(f.Button,{className:"k-button",type:"reset"},e.toLanguageString(r.filterClearButton,r.messages[r.filterClearButton])))))))}};g.defaultProps={uniqueData:!0};let u=g;k.registerForLocalization(u);exports.GridColumnMenuCheckboxFilter=u;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const H=require("react"),J=require("./GridColumnMenuItem.js"),K=require("./GridColumnMenuItemGroup.js"),U=require("./GridColumnMenuItemContent.js"),v=require("@progress/kendo-react-inputs"),X=require("@progress/kendo-react-intl"),r=require("../messages/index.js"),D=require("@progress/kendo-data-query"),G=require("@progress/kendo-react-common"),F=require("@progress/kendo-react-buttons"),P=require("../utils/index.js"),S=require("@progress/kendo-svg-icons");function Y(e){const s=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const m in e)if(m!=="default"){const f=Object.getOwnPropertyDescriptor(e,m);Object.defineProperty(s,m,f.get?f:{enumerable:!0,get:()=>e[m]})}}return s.default=e,Object.freeze(s)}const l=Y(H),Z=(e,s)=>e.length!==s.length?!1:e.every((m,f)=>m===s[f]),p={uniqueData:!0},ee=e=>{const{uniqueData:s=p.uniqueData}=e,m=()=>{const t=e.column.field;return b().filters.findIndex(i=>i.filters&&i.filters.length>0&&i.filters[0].field===t)},f=(t,n)=>{const c=e.column.field||"",i=t.map(o=>P.getNestedValue(c,o));return n?i.filter((o,u)=>i.indexOf(o)===u):i},b=()=>e.filter?G.clone(e.filter):{filters:[],logic:"and"},a=l.useRef(m()),[I,R]=l.useState(e.expanded||!1),[q,B]=l.useState(""),[h,C]=l.useState(f(e.data,s)||[]),[w,L]=l.useState(f(e.data,!1)||[]),[d,V]=l.useState(b());l.useEffect(()=>{const t=e.column.field||"",n=e.data.map(c=>P.getNestedValue(t,c));Z(n,w)||(C(n),L(n))},[e.column,e.data]);const y=()=>e.expanded!==void 0,j=()=>{const t=y(),n=!(t?e.expanded:I);e.onExpandChange&&e.onExpandChange(n),t||R(n)},N=t=>{const n=e.searchBoxFilterOperator?e.searchBoxFilterOperator:"startswith",c={logic:"and",filters:[{field:e.column.field,operator:n,value:t.target.value,ignoreCase:!0}]};B(t.target.value),C(f(D.filterBy(e.data||[],c),s))},T=()=>{const t=e.searchBoxFilterOperator?e.searchBoxFilterOperator:"startswith",n={logic:"and",filters:[{field:e.column.field,operator:t,value:"",ignoreCase:!0}]};B(""),C(f(D.filterBy(e.data||[],n),s))},z=t=>{if(t.preventDefault(),!e.onFilterChange)return;const n=d||null;n!==null&&n.filters.length>0?(a.current>=0&&n.filters.splice(a.current,1),e.onFilterChange(n,t)):e.onFilterChange(null,t),e.onCloseMenu&&e.onCloseMenu()},A=t=>{if(t.preventDefault(),!e.onFilterChange)return;const n=d||null;e.onFilterChange(n,t),e.onCloseMenu&&e.onCloseMenu()},M=(t,n)=>{const c=e.column.field||"",i={...d},o=[...d.filters];let u=[];if(a.current!==-1&&i.filters[a.current].filters&&n!=="all"&&(u=i.filters[a.current].filters),t.value&&n==="all")h.forEach(E=>{u.push({field:c,operator:"eq",value:E})});else if(t.value)u.push({field:c,operator:"eq",value:n});else if(d){const E=u.findIndex($=>$.value===n);u.splice(E,1)}i.logic="and",a.current!==-1?o[a.current]={logic:"or",filters:u}:o.push({logic:"or",filters:u}),(!t.value&&n==="all"||u.length===0)&&o.splice(a.current,1),i.filters=o,V(i)},_=()=>{let t=!1;if(d){const n=[...d.filters];return a.current===-1?!1:(t=h.every(c=>a.current!==-1&&n[a.current].filters?n[a.current].filters.findIndex(o=>o.value===c)>=0:!1),t)}return t},g=X.useLocalization(),{column:x}=e;if(!x||!x.field)return l.createElement("div",null);const Q=y()?e.expanded:I,k=[];if(d){const t=[...d.filters];a.current=t.findIndex(n=>n.filters&&n.filters.length>0?n.filters[0].field===x.field:!1),a.current!==-1&&t[a.current].filters.length>0&&t[a.current].filters.forEach(n=>{n.field===e.column.field&&k.push(n.value)})}const W=e.searchBox?l.createElement(e.searchBox,{value:q,onChange:N}):l.createElement("div",{className:"k-searchbox k-textbox k-input k-input-md k-input-solid"},l.createElement(G.IconWrap,{className:"k-input-icon",name:"search",icon:S.searchIcon}),l.createElement(v.Input,{className:"k-input-inner",type:"text",placeholder:g.toLanguageString(r.searchPlaceholder,r.messages[r.searchPlaceholder]),value:q,onChange:t=>N(t.nativeEvent)}),l.createElement(F.Button,{type:"button",rounded:null,className:"k-input-button",onClick:T,icon:"x",svgIcon:S.xIcon})),O=k.filter((t,n)=>k.indexOf(t)===n);return l.createElement(K.GridColumnMenuItemGroup,null,l.createElement(J.GridColumnMenuItem,{title:g.toLanguageString(r.filterTitle,r.messages[r.filterTitle]),iconClass:"k-i-filter",svgIcon:S.filterIcon,onClick:j}),l.createElement(U.GridColumnMenuItemContent,{show:!!Q},l.createElement("form",{className:"k-filter-menu",onSubmit:A,onReset:z},l.createElement("div",{className:"k-filter-menu-container"},W,l.createElement("ul",{className:"k-reset k-multicheck-wrap"},l.createElement("li",{className:"k-item k-check-all-wrap"},l.createElement(v.Checkbox,{label:g.toLanguageString(r.filterCheckAll,r.messages[r.filterCheckAll]),onChange:t=>M(t,"all"),checked:_()})),h.map((t,n)=>l.createElement("li",{className:"k-item",key:n},l.createElement(v.Checkbox,{label:String(t),onChange:c=>M(c,t),checked:O.includes(t)})))),l.createElement("div",{className:"k-filter-selected-items"},O.length+" "+g.toLanguageString(r.filterSelectedItems,r.messages[r.filterSelectedItems])),l.createElement("div",{className:"k-actions k-hstack k-justify-content-stretch"},l.createElement(F.Button,{themeColor:"primary",type:"submit"},g.toLanguageString(r.filterSubmitButton,r.messages[r.filterSubmitButton])),l.createElement(F.Button,{className:"k-button",type:"reset"},g.toLanguageString(r.filterClearButton,r.messages[r.filterClearButton])))))))};exports.GridColumnMenuCheckboxFilter=ee;