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

package/cells/GridCell.js

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

package/cells/GridCell.mjs

@@ -7,52 +7,51 @@
  */
 "use client";
 import * as i from "react";
-import { getNestedValue as r } from "../utils/index.mjs";
-import { useInternationalization as s } from "@progress/kendo-react-intl";
-import { useTableKeyboardNavigation as C } from "@progress/kendo-react-data-tools";
-import { GRID_COL_INDEX_ATTRIBUTE as g } from "../constants/index.mjs";
-import { classNames as I } from "@progress/kendo-react-common";
-const S = (e) => {
+import { getNestedValue as C } from "../utils/index.mjs";
+import { useInternationalization as g } from "@progress/kendo-react-intl";
+import { useTableKeyboardNavigation as y } from "@progress/kendo-react-data-tools";
+import { GRID_COL_INDEX_ATTRIBUTE as I } from "../constants/index.mjs";
+import { useUnstyled as x, uGrid as N, classNames as T } from "@progress/kendo-react-common";
+const w = (e) => {
   let n = null;
-  const f = s(), o = C(e.id), m = i.useCallback((l) => {
+  const f = g(), d = x(), s = d && d.uGrid ? d.uGrid : N, m = y(e.id), u = i.useCallback((l) => {
     e.onContextMenu && e.onContextMenu.call(void 0, l, e.dataItem, e.field);
   }, [e.onContextMenu, e.dataItem, e.field]);
   let t = null, c = null;
   if (e.rowType === "groupFooter")
     t = {
-      onContextMenu: m,
+      onContextMenu: u,
       className: e.className,
-      ...o
+      ...m
     }, n = /* @__PURE__ */ i.createElement("td", { ...t });
   else if (e.rowType !== "groupHeader") {
     if (e.field !== void 0) {
-      const a = r(e.field, e.dataItem);
+      const a = C(e.field, e.dataItem);
       a != null && (c = e.format ? f.format(e.format, a) : a.toString());
     }
-    const l = I(
-      "k-table-td",
-      e.className,
-      { "k-selected": e.isSelected }
+    const l = T(
+      s.td({ selected: e.isSelected, sorted: e.isSorted, alt: e.isAlt }),
+      e.className
     );
     t = {
-      onContextMenu: m,
+      onContextMenu: u,
       colSpan: e.colSpan,
       style: e.style,
       className: l,
       role: "gridcell",
       "aria-colindex": e.ariaColumnIndex,
       "aria-selected": e.isSelected,
-      [g]: e.columnIndex,
-      ...o
+      [I]: e.columnIndex,
+      ...m
     }, n = /* @__PURE__ */ i.createElement("td", { ...t }, c);
   }
-  const u = e.rowType || "data", d = e.cells;
-  if (d && d[u]) {
-    const l = d[u];
+  const r = e.rowType || "data", o = e.cells;
+  if (o && o[r]) {
+    const l = o[r];
     return /* @__PURE__ */ i.createElement(l, { ...e, tdProps: t }, c);
   }
   return e.render ? e.render.call(void 0, n, e) : n;
 };
 export {
-  S as GridCell
+  w as GridCell
 };

package/cells/GridDetailCell.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 u=require("@progress/kendo-react-data-tools"),s=require("react");function b(e){const a=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const n=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(a,t,n.get?n:{enumerable:!0,get:()=>e[t]})}}return a.default=e,Object.freeze(a)}const l=b(s),f=e=>{const{colSpan:a,ariaColIndex:t,dataItem:n,dataIndex:o,id:c}=e,i=u.useTableKeyboardNavigation(c),r=l.useCallback(d=>{e.onContextMenu&&e.onContextMenu.call(void 0,d,e.dataItem)},[e.onContextMenu,e.dataItem]);return l.createElement("td",{onContextMenu:r,className:"k-table-td k-detail-cell",colSpan:a,"aria-colindex":t,role:"gridcell",...i},l.createElement(e.detail,{dataItem:n,dataIndex:o}))};exports.GridDetailCell=f;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const b=require("@progress/kendo-react-data-tools"),f=require("react"),l=require("@progress/kendo-react-common");function g(e){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const a=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,a.get?a:{enumerable:!0,get:()=>e[t]})}}return n.default=e,Object.freeze(n)}const c=g(f),C=e=>{const{colSpan:n,ariaColIndex:t,dataItem:a,dataIndex:i,id:r}=e,d=b.useTableKeyboardNavigation(r),o=l.useUnstyled(),u=o&&o.uGrid?o.uGrid:l.uGrid,s=c.useCallback(m=>{e.onContextMenu&&e.onContextMenu.call(void 0,m,e.dataItem)},[e.onContextMenu,e.dataItem]);return c.createElement("td",{onContextMenu:s,className:l.classNames(u.detailTd({})),colSpan:n,"aria-colindex":t,role:"gridcell",...d},c.createElement(e.detail,{dataItem:a,dataIndex:i}))};exports.GridDetailCell=C;

package/cells/GridDetailCell.mjs

@@ -6,25 +6,26 @@
  *-------------------------------------------------------------------------------------------
  */
 "use client";
-import { useTableKeyboardNavigation as r } from "@progress/kendo-react-data-tools";
-import * as t from "react";
-const x = (e) => {
-  const { colSpan: a, ariaColIndex: n, dataItem: l, dataIndex: i, id: o } = e, d = r(o), c = t.useCallback((m) => {
-    e.onContextMenu && e.onContextMenu.call(void 0, m, e.dataItem);
+import { useTableKeyboardNavigation as m } from "@progress/kendo-react-data-tools";
+import * as a from "react";
+import { useUnstyled as x, uGrid as C, classNames as I } from "@progress/kendo-react-common";
+const g = (e) => {
+  const { colSpan: n, ariaColIndex: i, dataItem: l, dataIndex: o, id: d } = e, c = m(d), t = x(), r = t && t.uGrid ? t.uGrid : C, s = a.useCallback((u) => {
+    e.onContextMenu && e.onContextMenu.call(void 0, u, e.dataItem);
   }, [e.onContextMenu, e.dataItem]);
-  return /* @__PURE__ */ t.createElement(
+  return /* @__PURE__ */ a.createElement(
     "td",
     {
-      onContextMenu: c,
-      className: "k-table-td k-detail-cell",
-      colSpan: a,
-      "aria-colindex": n,
+      onContextMenu: s,
+      className: I(r.detailTd({})),
+      colSpan: n,
+      "aria-colindex": i,
       role: "gridcell",
-      ...d
+      ...c
     },
-    /* @__PURE__ */ t.createElement(e.detail, { dataItem: l, dataIndex: i })
+    /* @__PURE__ */ a.createElement(e.detail, { dataItem: l, dataIndex: o })
   );
 };
 export {
-  x as GridDetailCell
+  g as GridDetailCell
 };

package/cells/GridDetailHierarchyCell.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");function a(e){const r=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(r,t,c.get?c:{enumerable:!0,get:()=>e[t]})}}return r.default=e,Object.freeze(r)}const n=a(l),i=e=>n.createElement("td",{className:"k-table-td k-hierarchy-cell",role:"gridcell"});exports.GridDetailHierarchyCell=i;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("@progress/kendo-react-common"),l=require("react");function a(t){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const r in t)if(r!=="default"){const n=Object.getOwnPropertyDescriptor(t,r);Object.defineProperty(e,r,n.get?n:{enumerable:!0,get:()=>t[r]})}}return e.default=t,Object.freeze(e)}const o=a(l),s=t=>{const e=c.useUnstyled(),r=e&&e.uGrid?e.uGrid:c.uGrid;return o.createElement("td",{className:c.classNames(r.hierarchyTd({})),role:"gridcell"})};exports.GridDetailHierarchyCell=s;

package/cells/GridDetailHierarchyCell.mjs

@@ -6,8 +6,12 @@
  *-------------------------------------------------------------------------------------------
  */
 "use client";
-import * as e from "react";
-const l = (r) => /* @__PURE__ */ e.createElement("td", { className: "k-table-td k-hierarchy-cell", role: "gridcell" });
+import { useUnstyled as s, uGrid as t, classNames as l } from "@progress/kendo-react-common";
+import * as i from "react";
+const d = (a) => {
+  const e = s(), r = e && e.uGrid ? e.uGrid : t;
+  return /* @__PURE__ */ i.createElement("td", { className: l(r.hierarchyTd({})), role: "gridcell" });
+};
 export {
-  l as GridDetailHierarchyCell
+  d as GridDetailHierarchyCell
 };

package/cells/GridEditCell.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 T=require("react"),f=require("../utils/index.js"),b=require("@progress/kendo-react-inputs"),N=require("@progress/kendo-react-dateinputs"),g=require("@progress/kendo-react-common"),E=require("@progress/kendo-react-data-tools"),r=require("../constants/index.js");function _(e){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const l in e)if(l!=="default"){const i=Object.getOwnPropertyDescriptor(e,l);Object.defineProperty(n,l,i.get?i:{enumerable:!0,get:()=>e[l]})}}return n.default=e,Object.freeze(n)}const t=_(T),h=e=>{const n=f.getNestedValue(e.field,e.dataItem);let l=null;const i=g.classNames("k-table-td","k-grid-edit-cell",{"k-selected":e.isSelected},e.className),I=g.useId(),o=E.useTableKeyboardNavigation(e.id);let c=null,d=null;const C=t.useCallback(a=>{if(e.onChange){const k=a.target.type==="checkbox"?a.target.checked:a.target.value;e.onChange({dataItem:e.dataItem,dataIndex:e.dataIndex,field:e.field,syntheticEvent:a,value:k})}},[e.onChange,e.dataItem,e.dataIndex,e.field]),m=t.useCallback(a=>{e.onContextMenu&&e.onContextMenu.call(void 0,a,e.dataItem,e.field)},[e.onContextMenu,e.dataItem,e.field]),s=t.useCallback(a=>{e.onChange&&e.onChange({dataItem:e.dataItem,dataIndex:e.dataIndex,field:e.field,syntheticEvent:a.syntheticEvent,value:a.value})},[e.onChange,e.dataItem,e.dataIndex,e.field]);switch(e.editor){case"numeric":{c={onContextMenu:m,colSpan:e.colSpan,style:e.style,className:i,"aria-colindex":e.ariaColumnIndex,"aria-selected":e.isSelected,[r.GRID_COL_INDEX_ATTRIBUTE]:e.columnIndex,role:"gridcell",...o},d=t.createElement(b.NumericTextBox,{value:n===void 0?null:n,onChange:s,[E.TABLE_PREVENT_SELECTION_ELEMENT]:!0}),l=t.createElement("td",{...c},d);break}case"date":c={onContextMenu:m,colSpan:e.colSpan,style:e.style,className:i,"aria-colindex":e.ariaColumnIndex,"aria-selected":e.isSelected,[r.GRID_COL_INDEX_ATTRIBUTE]:e.columnIndex,role:"gridcell",...o},d=t.createElement(N.DatePicker,{value:n,onChange:s,[E.TABLE_PREVENT_SELECTION_ELEMENT]:!0}),l=t.createElement("td",{...c},d);break;case"boolean":c={onContextMenu:m,colSpan:e.colSpan,style:e.style,className:i,"aria-colindex":e.ariaColumnIndex,"aria-selected":e.isSelected,[r.GRID_COL_INDEX_ATTRIBUTE]:e.columnIndex,role:"gridcell",...o},d=[t.createElement("span",{key:1,className:"k-checkbox-wrap"},t.createElement("input",{checked:n||!1,id:I,type:"checkbox",className:"k-checkbox k-checkbox-md k-rounded-md",onChange:C})),t.createElement("label",{className:"k-checkbox-label",htmlFor:I,key:2})],l=t.createElement("td",{...c},d);break;default:c={onContextMenu:m,colSpan:e.colSpan,style:e.style,className:i,"aria-colindex":e.ariaColumnIndex,"aria-selected":e.isSelected,[r.GRID_COL_INDEX_ATTRIBUTE]:e.columnIndex,role:"gridcell",...o},d=t.createElement("input",{style:{width:"100%"},className:"k-input",value:n||"",onChange:C,[E.TABLE_PREVENT_SELECTION_ELEMENT]:!0}),l=t.createElement("td",{...c},d)}const x=e.editor||"text",u=e.cells;if(u){let a;return u.edit&&u.edit[x]?a=u.edit[x]:u.data&&(a=u.data),t.createElement(a,{...e,tdProps:c},d)}return e.render?e.render.call(void 0,l,e):l};exports.GridEditCell=h;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const N=require("react"),b=require("../utils/index.js"),_=require("@progress/kendo-react-inputs"),h=require("@progress/kendo-react-dateinputs"),E=require("@progress/kendo-react-common"),I=require("@progress/kendo-react-data-tools"),C=require("../constants/index.js");function S(e){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const d in e)if(d!=="default"){const o=Object.getOwnPropertyDescriptor(e,d);Object.defineProperty(n,d,o.get?o:{enumerable:!0,get:()=>e[d]})}}return n.default=e,Object.freeze(n)}const t=S(N),y=e=>{const n=b.getNestedValue(e.field,e.dataItem),d=E.useUnstyled(),o=d&&d.uGrid?d.uGrid:E.uGrid;let i=null;const m=E.classNames(o.editTd({selected:e.isSelected}),e.className),x=E.useId(),r=I.useTableKeyboardNavigation(e.id);let l=null,c=null;const g=t.useCallback(a=>{if(e.onChange){const k=a.target.type==="checkbox"?a.target.checked:a.target.value;e.onChange({dataItem:e.dataItem,dataIndex:e.dataIndex,field:e.field,syntheticEvent:a,value:k})}},[e.onChange,e.dataItem,e.dataIndex,e.field]),s=t.useCallback(a=>{e.onContextMenu&&e.onContextMenu.call(void 0,a,e.dataItem,e.field)},[e.onContextMenu,e.dataItem,e.field]),T=t.useCallback(a=>{e.onChange&&e.onChange({dataItem:e.dataItem,dataIndex:e.dataIndex,field:e.field,syntheticEvent:a.syntheticEvent,value:a.value})},[e.onChange,e.dataItem,e.dataIndex,e.field]);switch(e.editor){case"numeric":{l={onContextMenu:s,colSpan:e.colSpan,style:e.style,className:m,"aria-colindex":e.ariaColumnIndex,"aria-selected":e.isSelected,[C.GRID_COL_INDEX_ATTRIBUTE]:e.columnIndex,role:"gridcell",...r},c=t.createElement(_.NumericTextBox,{value:n===void 0?null:n,onChange:T,[I.TABLE_PREVENT_SELECTION_ELEMENT]:!0}),i=t.createElement("td",{...l},c);break}case"date":l={onContextMenu:s,colSpan:e.colSpan,style:e.style,className:m,"aria-colindex":e.ariaColumnIndex,"aria-selected":e.isSelected,[C.GRID_COL_INDEX_ATTRIBUTE]:e.columnIndex,role:"gridcell",...r},c=t.createElement(h.DatePicker,{value:n,onChange:T,[I.TABLE_PREVENT_SELECTION_ELEMENT]:!0}),i=t.createElement("td",{...l},c);break;case"boolean":l={onContextMenu:s,colSpan:e.colSpan,style:e.style,className:m,"aria-colindex":e.ariaColumnIndex,"aria-selected":e.isSelected,[C.GRID_COL_INDEX_ATTRIBUTE]:e.columnIndex,role:"gridcell",...r},c=[t.createElement("span",{key:1,className:"k-checkbox-wrap"},t.createElement("input",{checked:n||!1,id:x,type:"checkbox",className:"k-checkbox k-checkbox-md k-rounded-md",onChange:g})),t.createElement("label",{className:"k-checkbox-label",htmlFor:x,key:2})],i=t.createElement("td",{...l},c);break;default:l={onContextMenu:s,colSpan:e.colSpan,style:e.style,className:m,"aria-colindex":e.ariaColumnIndex,"aria-selected":e.isSelected,[C.GRID_COL_INDEX_ATTRIBUTE]:e.columnIndex,role:"gridcell",...r},c=t.createElement("input",{style:{width:"100%"},className:"k-input",value:n||"",onChange:g,[I.TABLE_PREVENT_SELECTION_ELEMENT]:!0}),i=t.createElement("td",{...l},c)}const f=e.editor||"text",u=e.cells;if(u){let a;return u.edit&&u.edit[f]?a=u.edit[f]:u.data&&(a=u.data),t.createElement(a,{...e,tdProps:l},c)}return e.render?e.render.call(void 0,i,e):i};exports.GridEditCell=y;

package/cells/GridEditCell.mjs

@@ -7,36 +7,34 @@
  */
 "use client";
 import * as a from "react";
-import { getNestedValue as r } from "../utils/index.mjs";
-import { NumericTextBox as E } from "@progress/kendo-react-inputs";
-import { DatePicker as b } from "@progress/kendo-react-dateinputs";
-import { classNames as s, useId as N } from "@progress/kendo-react-common";
-import { useTableKeyboardNavigation as S, TABLE_PREVENT_SELECTION_ELEMENT as C } from "@progress/kendo-react-data-tools";
+import { getNestedValue as E } from "../utils/index.mjs";
+import { NumericTextBox as b } from "@progress/kendo-react-inputs";
+import { DatePicker as N } from "@progress/kendo-react-dateinputs";
+import { useUnstyled as y, uGrid as S, classNames as v, useId as T } from "@progress/kendo-react-common";
+import { useTableKeyboardNavigation as _, TABLE_PREVENT_SELECTION_ELEMENT as I } from "@progress/kendo-react-data-tools";
 import { GRID_COL_INDEX_ATTRIBUTE as x } from "../constants/index.mjs";
-const L = (e) => {
-  const i = r(e.field, e.dataItem);
+const B = (e) => {
+  const i = E(e.field, e.dataItem), C = y(), h = C && C.uGrid ? C.uGrid : S;
   let d = null;
-  const m = s("k-table-td", "k-grid-edit-cell", {
-    "k-selected": e.isSelected
-  }, e.className), I = N(), u = S(e.id);
+  const m = v(h.editTd({ selected: e.isSelected }), e.className), s = T(), u = _(e.id);
   let l = null, n = null;
-  const k = a.useCallback(
+  const f = a.useCallback(
     (t) => {
       if (e.onChange) {
-        const h = t.target.type === "checkbox" ? t.target.checked : t.target.value;
+        const k = t.target.type === "checkbox" ? t.target.checked : t.target.value;
         e.onChange({
           dataItem: e.dataItem,
           dataIndex: e.dataIndex,
           field: e.field,
           syntheticEvent: t,
-          value: h
+          value: k
         });
       }
     },
     [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]), f = a.useCallback(
+  }, [e.onContextMenu, e.dataItem, e.field]), g = a.useCallback(
     (t) => {
       e.onChange && e.onChange({
         dataItem: e.dataItem,
@@ -61,11 +59,11 @@ const L = (e) => {
         role: "gridcell",
         ...u
       }, n = /* @__PURE__ */ a.createElement(
-        E,
+        b,
         {
           value: i === void 0 ? null : i,
-          onChange: f,
-          [C]: !0
+          onChange: g,
+          [I]: !0
         }
       ), d = /* @__PURE__ */ a.createElement(
         "td",
@@ -88,11 +86,11 @@ const L = (e) => {
         role: "gridcell",
         ...u
       }, n = /* @__PURE__ */ a.createElement(
-        b,
+        N,
         {
           value: i,
-          onChange: f,
-          [C]: !0
+          onChange: g,
+          [I]: !0
         }
       ), d = /* @__PURE__ */ a.createElement(
         "td",
@@ -118,13 +116,13 @@ const L = (e) => {
           "input",
           {
             checked: i || !1,
-            id: I,
+            id: s,
             type: "checkbox",
             className: "k-checkbox k-checkbox-md k-rounded-md",
-            onChange: k
+            onChange: f
           }
         )),
-        /* @__PURE__ */ a.createElement("label", { className: "k-checkbox-label", htmlFor: I, key: 2 })
+        /* @__PURE__ */ a.createElement("label", { className: "k-checkbox-label", htmlFor: s, key: 2 })
       ], d = /* @__PURE__ */ a.createElement(
         "td",
         {
@@ -150,8 +148,8 @@ const L = (e) => {
           style: { width: "100%" },
           className: "k-input",
           value: i || "",
-          onChange: k,
-          [C]: !0
+          onChange: f,
+          [I]: !0
         }
       ), d = /* @__PURE__ */ a.createElement(
         "td",
@@ -161,13 +159,13 @@ const L = (e) => {
         n
       );
   }
-  const g = e.editor || "text", c = e.cells;
+  const r = e.editor || "text", c = e.cells;
   if (c) {
     let t;
-    return c.edit && c.edit[g] ? t = c.edit[g] : c.data && (t = c.data), /* @__PURE__ */ a.createElement(t, { ...e, tdProps: l }, n);
+    return c.edit && c.edit[r] ? t = c.edit[r] : c.data && (t = c.data), /* @__PURE__ */ a.createElement(t, { ...e, tdProps: l }, n);
   }
   return e.render ? e.render.call(void 0, d, e) : d;
 };
 export {
-  L as GridEditCell
+  B as GridEditCell
 };

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 f=require("react"),g=require("@progress/kendo-react-buttons"),l=require("@progress/kendo-react-dropdowns"),c=require("@progress/kendo-react-inputs"),C=require("@progress/kendo-react-dateinputs"),n=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(s){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(s){for(const t in s)if(t!=="default"){const o=Object.getOwnPropertyDescriptor(s,t);Object.defineProperty(e,t,o.get?o:{enumerable:!0,get:()=>s[t]})}}return e.default=s,Object.freeze(e)}const i=b(f);class d extends i.Component{constructor(e){super(e),this._inputRef=i.createRef(),this.renderOperatorEditor=t=>{if(this.props.filterType==="boolean")return;const o=this.props.operators.find(r=>r.operator===this.props.operator)||null;return i.createElement(l.DropDownList,{size:this.props.size,value:o,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(n.filterChooseOperator,n.messages[n.filterChooseOperator]),popupSettings:{width:""}})},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(g.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(n.filterClearButton,n.messages[n.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,o){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});case"boolean":{const r=a=>a==null;return i.createElement(l.DropDownList,{ref:this._inputRef,size:this.props.size,onChange:this.boolDropdownChange,value:o.find(a=>a.operator===(r(t)?"":t)),data:o,textField:"text",title:this.props.title,ariaLabel:this.props.ariaLabel})}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 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;

package/cells/GridFilterCell.mjs

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

package/columnMenu/GridColumnMenuColumnsList.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 v=require("react"),m=require("@progress/kendo-react-inputs"),M=require("@progress/kendo-react-common"),N=require("@progress/kendo-svg-icons"),C=require("@progress/kendo-react-buttons");function x(n){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(n){for(const s in n)if(s!=="default"){const i=Object.getOwnPropertyDescriptor(n,s);Object.defineProperty(o,s,i.get?i:{enumerable:!0,get:()=>n[s]})}}return o.default=n,Object.freeze(o)}const t=x(v),f=n=>{const[o,s]=t.useState(""),i=n.columns.reduce((e,l)=>({...e,[l.id||""]:!!n.columnsState.find(a=>a.id===l.id)}),{}),[c,d]=t.useState(i),h=t.useMemo(()=>n.columns.filter(e=>{var l;return(l=e.title||e.field)==null?void 0:l.toLowerCase().includes(o.toLowerCase())}),[n.columns,o]),b=t.useCallback(()=>{const e=n.columns.filter(l=>c[l.id||""]);n.onColumnsChange.call(void 0,e),n.onCloseMenu.call(void 0)},[c,n.columns,n.onColumnsChange,n.onCloseMenu]),g=()=>{d(i)},r=t.useMemo(()=>Object.values(c).filter(e=>e).length,[c]),u=t.useMemo(()=>r===n.columns.length,[n.columns,r]),S=t.useCallback(()=>{const e={...c};Object.keys(e).forEach((l,a)=>e[l]=u&&a===0?!0:!u),d(e)},[c,u]),E=t.useCallback((e,l)=>{const a={...c};a[l||""]=e,d(a)},[c]),y=e=>{s(String(e.target.value))};return t.createElement("form",{className:"k-filter-menu"},t.createElement("div",{className:"k-filter-menu-container"},t.createElement(m.TextBox,{className:"k-searchbox",value:o,onChange:y,prefix:()=>t.createElement(m.InputPrefix,null,t.createElement(M.IconWrap,{name:"search",icon:N.searchIcon}))}),t.createElement("ul",{className:"k-reset k-multicheck-wrap"},!o&&t.createElement("li",{className:"k-item k-check-all-wrap"},t.createElement(m.Checkbox,{checked:u,onChange:S,label:"(Select all)"})),h.map((e,l)=>t.createElement("li",{key:e.id,className:"k-item"},t.createElement(m.Checkbox,{disabled:c[e.id||""]&&r===1,checked:c[e.id||""],onChange:a=>{var k;return E(!!((k=a.target.element)!=null&&k.checked),e.id)},label:e.title||e.field})))),t.createElement("div",{className:"k-filter-selected-items"},r," selected items"),t.createElement("div",{className:"k-actions k-actions-start k-actions-horizontal"},t.createElement(C.Button,{type:"button",themeColor:"primary",onClick:b},"Apply"),t.createElement(C.Button,{type:"button",onClick:g},"Reset"))))};f.displayName="GridColumnMenuColumnsList";exports.GridColumnMenuColumnsList=f;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const N=require("react"),d=require("@progress/kendo-react-inputs"),x=require("@progress/kendo-react-common"),B=require("@progress/kendo-svg-icons"),g=require("@progress/kendo-react-buttons"),L=require("@progress/kendo-react-intl"),o=require("../messages/index.js");function R(n){const a=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(n){for(const i in n)if(i!=="default"){const r=Object.getOwnPropertyDescriptor(n,i);Object.defineProperty(a,i,r.get?r:{enumerable:!0,get:()=>n[i]})}}return a.default=n,Object.freeze(a)}const t=R(N),h=n=>{const[a,i]=t.useState(""),r=n.columns.reduce((e,l)=>({...e,[l.id||""]:!!n.columnsState.find(s=>s.id===l.id)}),{}),[c,k]=t.useState(r),b=t.useMemo(()=>n.columns.filter(e=>{var l;return(l=e.title||e.field)==null?void 0:l.toLowerCase().includes(a.toLowerCase())}),[n.columns,a]),C=L.useLocalization(),S=t.useCallback(()=>{const e=n.columns.filter(l=>c[l.id||""]);n.onColumnsChange.call(void 0,e),n.onCloseMenu.call(void 0)},[c,n.columns,n.onColumnsChange,n.onCloseMenu]),E=()=>{k(r)},u=t.useMemo(()=>Object.values(c).filter(e=>e).length,[c]),m=t.useMemo(()=>u===n.columns.length,[n.columns,u]),y=t.useCallback(()=>{const e={...c};Object.keys(e).forEach((l,s)=>e[l]=m&&s===0?!0:!m),k(e)},[c,m]),v=t.useCallback((e,l)=>{const s={...c};s[l||""]=e,k(s)},[c]),M=e=>{i(String(e.target.value))};return t.createElement("form",{className:"k-filter-menu"},t.createElement("div",{className:"k-filter-menu-container"},t.createElement(d.TextBox,{className:"k-searchbox",value:a,onChange:M,prefix:()=>t.createElement(d.InputPrefix,null,t.createElement(x.IconWrap,{name:"search",icon:B.searchIcon}))}),t.createElement("ul",{className:"k-reset k-multicheck-wrap"},!a&&t.createElement("li",{className:"k-item k-check-all-wrap"},t.createElement(d.Checkbox,{checked:m,onChange:y,label:C.toLanguageString(o.filterSelectAll,o.messages[o.filterSelectAll])})),b.map((e,l)=>t.createElement("li",{key:e.id,className:"k-item"},t.createElement(d.Checkbox,{disabled:c[e.id||""]&&u===1,checked:c[e.id||""],onChange:s=>{var f;return v(!!((f=s.target.element)!=null&&f.checked),e.id)},label:e.title||e.field})))),t.createElement("div",{className:"k-filter-selected-items"},u," selected items"),t.createElement("div",{className:"k-actions k-actions-start k-actions-horizontal"},t.createElement(g.Button,{type:"button",themeColor:"primary",onClick:S},C.toLanguageString(o.filterApplyButton,o.messages[o.filterApplyButton])),t.createElement(g.Button,{type:"button",onClick:E},C.toLanguageString(o.filterResetButton,o.messages[o.filterResetButton])))))};h.displayName="GridColumnMenuColumnsList";exports.GridColumnMenuColumnsList=h;