@progress/kendo-react-grid 9.4.0-develop.2 → 9.4.0-develop.21

package/cells/client/GridGroupCellContainer.js

@@ -5,4 +5,5 @@
  * 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 y=require("react"),s=require("@progress/kendo-react-data-tools"),g=require("../../GridClientWrapper.js"),x=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 a=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,a.get?a:{enumerable:!0,get:()=>e[n]})}}return t.default=e,Object.freeze(t)}const o=I(y),b=e=>{var u;const{cellProps:t}=e,n=o.useContext(g.GridContext),a=s.useTableKeyboardNavigation(t.id),m=o.useCallback(l=>{l.isDefaultPrevented()||l.keyCode===x.Keys.enter&&(n!=null&&n.itemChange)&&(l.preventDefault(),n.itemChange({dataItem:t.dataItem,dataIndex:t.dataIndex,syntheticEvent:l,field:void 0,value:!t.expanded}),n==null||n.dispatchGroupExpand({type:s.GROUP_EXPAND_ACTION.TOGGLE,group:t.group},l))},[n,t.dataItem,t.dataIndex,t.expanded,t.group]),C=e.addKeyDownHandler?{onKeyDown:m}:{},d=o.useCallback(l=>{n!=null&&n.onContextMenu&&n.onContextMenu.call(void 0,l,t.dataItem,t.field)},[n,t.dataItem,t.field]),P=n.getCellPositionStyle(t.columnPosition),f={style:{...(u=e.tdProps)==null?void 0:u.style,...P}},r={...a,...C,onContextMenu:d,...f},c={onContextMenu:n.onContextMenu,onChange:n.itemChange,selectionChange:l=>{n.selectionChange({event:l,dataItem:t.dataItem,dataIndex:t.rowDataIndex,columnIndex:t.columnIndex})}};if(e.isCustom)return n.isClient||e.isClient?o.cloneElement(e.children,{tdProps:e.tdProps?{...e.tdProps,...r}:null,td2Props:e.td2Props?{...e.td2Props,onContextMenu:d}:null,...c}):o.cloneElement(e.children,{...r});const i=e.renderSecondCell?o.createElement("td",{...e.td2Props,onContextMenu:d}):null;if(t.render){const l=e.renderFirstCell&&o.createElement(o.Fragment,null,o.createElement("td",{...e.tdProps,...r},e.content),e.renderSecondCell&&i);return t.render.call(void 0,l,{...t,...c})}return o.createElement(o.Fragment,null,e.children&&o.cloneElement(e.children,{...r}),i)};exports.GridGroupCellContainer=b;
+"use client";
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const y=require("react"),s=require("@progress/kendo-react-data-tools"),g=require("../../GridClientWrapper.js"),x=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 d=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,d.get?d:{enumerable:!0,get:()=>e[n]})}}return t.default=e,Object.freeze(t)}const o=I(y),b=e=>{var u;const{cellProps:t}=e,n=o.useContext(g.GridContext),d=s.useTableKeyboardNavigation(t.id),m=o.useCallback(l=>{l.isDefaultPrevented()||l.keyCode===x.Keys.enter&&(n!=null&&n.itemChange)&&(l.preventDefault(),n.itemChange({dataItem:t.dataItem,dataIndex:t.dataIndex,syntheticEvent:l,field:void 0,value:!t.expanded}),n==null||n.dispatchGroupExpand({type:s.GROUP_EXPAND_ACTION.TOGGLE,group:t.group},l))},[n,t.dataItem,t.dataIndex,t.expanded,t.group]),C=e.addKeyDownHandler?{onKeyDown:m}:{},r=o.useCallback(l=>{n!=null&&n.onContextMenu&&n.onContextMenu.call(void 0,l,t.dataItem,t.field)},[n,t.dataItem,t.field]),f=n.getCellPositionStyle(t.columnPosition),P={style:{...(u=e.tdProps)==null?void 0:u.style,...f}},a={...d,...C,onContextMenu:r,...P},c={onContextMenu:n.onContextMenu,onChange:n.itemChange,selectionChange:l=>{n.selectionChange({event:l,dataItem:t.dataItem,dataIndex:t.rowDataIndex,columnIndex:t.columnIndex})}};if(e.isCustom)return n.isClient||e.isClient?o.cloneElement(e.children,{tdProps:e.tdProps?{...e.tdProps,...a}:null,td2Props:e.td2Props?{...e.td2Props,onContextMenu:r}:null,...c}):o.cloneElement(e.children,{...a});const i=e.renderSecondCell?o.createElement("td",{...e.td2Props,onContextMenu:r}):null;if(t.render){let l=null;return e.renderFirstCell&&(e.renderSecondCell?l=o.createElement(o.Fragment,null,o.createElement("td",{...e.tdProps,...a},e.content),e.renderSecondCell&&i):l=o.createElement("td",{...e.tdProps,...a},e.content)),t.render.call(void 0,l,{...t,...c})}return o.createElement(o.Fragment,null,e.children&&o.cloneElement(e.children,{...a}),i)};exports.GridGroupCellContainer=b;

package/cells/client/GridGroupCellContainer.mjs

@@ -6,79 +6,79 @@
  *-------------------------------------------------------------------------------------------
  */
 "use client";
-import * as l from "react";
+import * as o from "react";
 import { useTableKeyboardNavigation as f, GROUP_EXPAND_ACTION as x } from "@progress/kendo-react-data-tools";
 import { GridContext as I } from "../../GridClientWrapper.mjs";
 import { Keys as y } from "@progress/kendo-react-common";
-const D = (n) => {
+const D = (e) => {
   var c;
-  const { cellProps: e } = n, t = l.useContext(I), u = f(e.id), s = l.useCallback(
-    (o) => {
-      o.isDefaultPrevented() || o.keyCode === y.enter && (t != null && t.itemChange) && (o.preventDefault(), t.itemChange({
-        dataItem: e.dataItem,
-        dataIndex: e.dataIndex,
-        syntheticEvent: o,
+  const { cellProps: n } = e, t = o.useContext(I), u = f(n.id), m = o.useCallback(
+    (l) => {
+      l.isDefaultPrevented() || l.keyCode === y.enter && (t != null && t.itemChange) && (l.preventDefault(), t.itemChange({
+        dataItem: n.dataItem,
+        dataIndex: n.dataIndex,
+        syntheticEvent: l,
         field: void 0,
-        value: !e.expanded
+        value: !n.expanded
       }), t == null || t.dispatchGroupExpand(
         {
           type: x.TOGGLE,
-          group: e.group
+          group: n.group
         },
-        o
+        l
       ));
     },
-    [t, e.dataItem, e.dataIndex, e.expanded, e.group]
-  ), m = n.addKeyDownHandler ? {
-    onKeyDown: s
-  } : {}, d = l.useCallback(
-    (o) => {
-      t != null && t.onContextMenu && t.onContextMenu.call(void 0, o, e.dataItem, e.field);
+    [t, n.dataItem, n.dataIndex, n.expanded, n.group]
+  ), s = e.addKeyDownHandler ? {
+    onKeyDown: m
+  } : {}, d = o.useCallback(
+    (l) => {
+      t != null && t.onContextMenu && t.onContextMenu.call(void 0, l, n.dataItem, n.field);
     },
-    [t, e.dataItem, e.field]
-  ), C = t.getCellPositionStyle(e.columnPosition), P = {
-    style: { ...(c = n.tdProps) == null ? void 0 : c.style, ...C }
+    [t, n.dataItem, n.field]
+  ), C = t.getCellPositionStyle(n.columnPosition), P = {
+    style: { ...(c = e.tdProps) == null ? void 0 : c.style, ...C }
   }, a = {
     ...u,
-    ...m,
+    ...s,
     onContextMenu: d,
     ...P
   }, r = {
     onContextMenu: t.onContextMenu,
     onChange: t.itemChange,
-    selectionChange: (o) => {
+    selectionChange: (l) => {
       t.selectionChange({
-        event: o,
-        dataItem: e.dataItem,
-        dataIndex: e.rowDataIndex,
-        columnIndex: e.columnIndex
+        event: l,
+        dataItem: n.dataItem,
+        dataIndex: n.rowDataIndex,
+        columnIndex: n.columnIndex
       });
     }
   };
-  if (n.isCustom)
-    return t.isClient || n.isClient ? l.cloneElement(n.children, {
+  if (e.isCustom)
+    return t.isClient || e.isClient ? o.cloneElement(e.children, {
       // pass down to tdProps for client templates
-      tdProps: n.tdProps ? {
-        ...n.tdProps,
+      tdProps: e.tdProps ? {
+        ...e.tdProps,
         ...a
       } : null,
-      td2Props: n.td2Props ? {
-        ...n.td2Props,
+      td2Props: e.td2Props ? {
+        ...e.td2Props,
         onContextMenu: d
       } : null,
       ...r
-    }) : l.cloneElement(n.children, {
+    }) : o.cloneElement(e.children, {
       ...a
     });
-  const i = n.renderSecondCell ? /* @__PURE__ */ l.createElement("td", { ...n.td2Props, onContextMenu: d }) : null;
-  if (e.render) {
-    const o = n.renderFirstCell && /* @__PURE__ */ l.createElement(l.Fragment, null, /* @__PURE__ */ l.createElement("td", { ...n.tdProps, ...a }, n.content), n.renderSecondCell && i);
-    return e.render.call(void 0, o, {
-      ...e,
+  const i = e.renderSecondCell ? /* @__PURE__ */ o.createElement("td", { ...e.td2Props, onContextMenu: d }) : null;
+  if (n.render) {
+    let l = null;
+    return e.renderFirstCell && (e.renderSecondCell ? l = /* @__PURE__ */ o.createElement(o.Fragment, null, /* @__PURE__ */ o.createElement("td", { ...e.tdProps, ...a }, e.content), e.renderSecondCell && i) : l = /* @__PURE__ */ o.createElement("td", { ...e.tdProps, ...a }, e.content)), n.render.call(void 0, l, {
+      ...n,
       ...r
     });
   }
-  return /* @__PURE__ */ l.createElement(l.Fragment, null, n.children && l.cloneElement(n.children, {
+  return /* @__PURE__ */ o.createElement(o.Fragment, null, e.children && o.cloneElement(e.children, {
     ...a
   }), i);
 };

package/cells/client/GridGroupCellToggle.js

@@ -5,4 +5,5 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react"),g=require("../../GridClientWrapper.js"),f=require("@progress/kendo-react-common"),o=require("@progress/kendo-svg-icons"),m=require("@progress/kendo-react-intl"),c=require("../../messages/index.js"),p=require("@progress/kendo-react-data-tools");function I(t){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const a in t)if(a!=="default"){const n=Object.getOwnPropertyDescriptor(t,a);Object.defineProperty(e,a,n.get?n:{enumerable:!0,get:()=>t[a]})}}return e.default=t,Object.freeze(e)}const r=I(s),b=t=>{const e=r.useContext(g.GridContext),a=m.useLocalization(),n=t.expanded?c.groupCollapse:c.groupExpand,d=a.toLanguageString(n,c.messages[n]),l=e.dir==="rtl";return r.createElement("a",{onClick:i=>{var u;i.preventDefault(),e!=null&&e.itemChange&&e.itemChange({dataItem:t.dataItem,dataIndex:t.dataIndex,syntheticEvent:i,field:void 0,value:!t.expanded}),(u=e==null?void 0:e.dispatchGroupExpand)==null||u.call(e,{type:p.GROUP_EXPAND_ACTION.TOGGLE,group:t.group})},href:"#",tabIndex:-1,"aria-label":d},r.createElement(f.IconWrap,{name:t.expanded?"caret-alt-down":l?"caret-alt-left":"caret-alt-right",icon:t.expanded?o.caretAltDownIcon:l?o.caretAltLeftIcon:o.caretAltRightIcon}))};exports.GridGroupCellToggle=b;
+"use client";
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react"),g=require("../../GridClientWrapper.js"),f=require("@progress/kendo-react-common"),o=require("@progress/kendo-svg-icons"),m=require("@progress/kendo-react-intl"),r=require("../../messages/index.js"),p=require("@progress/kendo-react-data-tools");function I(t){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const a in t)if(a!=="default"){const n=Object.getOwnPropertyDescriptor(t,a);Object.defineProperty(e,a,n.get?n:{enumerable:!0,get:()=>t[a]})}}return e.default=t,Object.freeze(e)}const c=I(s),b=t=>{const e=c.useContext(g.GridContext),a=m.useLocalization(),n=t.expanded?r.groupCollapse:r.groupExpand,u=a.toLanguageString(n,r.messages[n]),l=e.dir==="rtl";return c.createElement("a",{onClick:i=>{var d;i.preventDefault(),e!=null&&e.itemChange&&e.itemChange({dataItem:t.dataItem,dataIndex:t.dataIndex,syntheticEvent:i,field:void 0,value:!t.expanded}),(d=e==null?void 0:e.dispatchGroupExpand)==null||d.call(e,{type:p.GROUP_EXPAND_ACTION.TOGGLE,group:t.group})},href:"#",tabIndex:-1,"aria-label":u},c.createElement(f.IconWrap,{name:t.expanded?"caret-alt-down":l?"caret-alt-left":"caret-alt-right",icon:t.expanded?o.caretAltDownIcon:l?o.caretAltLeftIcon:o.caretAltRightIcon}))};exports.GridGroupCellToggle=b;

package/cells/client/GridGroupCellToggle.mjs

@@ -14,7 +14,7 @@ import { useLocalization as u } from "@progress/kendo-react-intl";
 import { groupCollapse as g, groupExpand as I, messages as h } from "../../messages/index.mjs";
 import { GROUP_EXPAND_ACTION as x } from "@progress/kendo-react-data-tools";
 const b = (t) => {
-  const e = a.useContext(m), l = u(), n = t.expanded ? g : I, i = l.toLanguageString(n, h[n]), o = e.dir === "rtl";
+  const e = a.useContext(m), l = u(), o = t.expanded ? g : I, i = l.toLanguageString(o, h[o]), n = e.dir === "rtl";
   return (
     // eslint-disable-next-line jsx-a11y/anchor-is-valid
     /* @__PURE__ */ a.createElement(
@@ -40,8 +40,8 @@ const b = (t) => {
       /* @__PURE__ */ a.createElement(
         d,
         {
-          name: t.expanded ? "caret-alt-down" : o ? "caret-alt-left" : "caret-alt-right",
-          icon: t.expanded ? s : o ? f : p
+          name: t.expanded ? "caret-alt-down" : n ? "caret-alt-left" : "caret-alt-right",
+          icon: t.expanded ? s : n ? f : p
         }
       )
     )

package/cells/client/GridHierarchyCellContainer.js

@@ -5,4 +5,5 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react"),m=require("@progress/kendo-react-data-tools"),f=require("../../GridClientWrapper.js"),C=require("@progress/kendo-react-common");function g(t){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const n in t)if(n!=="default"){const a=Object.getOwnPropertyDescriptor(t,n);Object.defineProperty(e,n,a.get?a:{enumerable:!0,get:()=>t[n]})}}return e.default=t,Object.freeze(e)}const r=g(s),y=t=>{const{cellProps:e}=t,n=r.useContext(f.GridContext),a=m.useTableKeyboardNavigation(e.id),l=t.expanded,d=r.useCallback(o=>{o.isDefaultPrevented()||o.keyCode===C.Keys.enter&&(n!=null&&n.itemChange)&&(o.preventDefault(),n.itemChange({dataItem:e.dataItem,dataIndex:e.dataIndex,syntheticEvent:o,field:e.field,value:!l}))},[e.dataItem,e.dataIndex,e.field,n,l]),u=e.rowType!=="groupHeader"&&e.rowType!=="groupFooter"?{onKeyDown:d}:{},i={...a,...u},c={onContextMenu:n.onContextMenu,onChange:n.itemChange,selectionChange:o=>{n.selectionChange({event:o,dataItem:e.dataItem,dataIndex:e.rowDataIndex,columnIndex:e.columnIndex})}};if(t.isCustom)return n.isClient||t.isClient?r.cloneElement(t.children,{tdProps:{...t.tdProps,...i},...c}):r.cloneElement(t.children,{...i});if(e.render){const o=e.rowType!=="groupHeader"?r.createElement("td",{...t.tdProps,...i},t.content):null;return e.render.call(void 0,o,{...e,...c})}return t.children&&r.cloneElement(t.children,{...i})};exports.GridHierarchyCellContainer=y;
+"use client";
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react"),m=require("@progress/kendo-react-data-tools"),f=require("../../GridClientWrapper.js"),C=require("@progress/kendo-react-common");function g(t){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const n in t)if(n!=="default"){const a=Object.getOwnPropertyDescriptor(t,n);Object.defineProperty(e,n,a.get?a:{enumerable:!0,get:()=>t[n]})}}return e.default=t,Object.freeze(e)}const r=g(s),y=t=>{const{cellProps:e}=t,n=r.useContext(f.GridContext),a=m.useTableKeyboardNavigation(e.id),l=t.expanded,c=r.useCallback(o=>{o.isDefaultPrevented()||o.keyCode===C.Keys.enter&&(n!=null&&n.itemChange)&&(o.preventDefault(),n.itemChange({dataItem:e.dataItem,dataIndex:e.dataIndex,syntheticEvent:o,field:e.field,value:!l}))},[e.dataItem,e.dataIndex,e.field,n,l]),u=e.rowType!=="groupHeader"&&e.rowType!=="groupFooter"?{onKeyDown:c}:{},i={...a,...u},d={onContextMenu:n.onContextMenu,onChange:n.itemChange,selectionChange:o=>{n.selectionChange({event:o,dataItem:e.dataItem,dataIndex:e.rowDataIndex,columnIndex:e.columnIndex})}};if(t.isCustom)return n.isClient||t.isClient?r.cloneElement(t.children,{tdProps:{...t.tdProps,...i},...d}):r.cloneElement(t.children,{...i});if(e.render){const o=e.rowType!=="groupHeader"?r.createElement("td",{...t.tdProps,...i},t.content):null;return e.render.call(void 0,o,{...e,...d})}return t.children&&r.cloneElement(t.children,{...i})};exports.GridHierarchyCellContainer=y;

package/cells/client/GridHierarchyCellToggle.js

@@ -5,4 +5,5 @@
  * 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"),u=require("../../GridClientWrapper.js"),m=require("@progress/kendo-react-common"),l=require("@progress/kendo-svg-icons"),g=require("@progress/kendo-react-intl"),c=require("../../messages/index.js"),f=require("@progress/kendo-react-data-tools");function I(t){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const n in t)if(n!=="default"){const a=Object.getOwnPropertyDescriptor(t,n);Object.defineProperty(e,n,a.get?a:{enumerable:!0,get:()=>t[n]})}}return e.default=t,Object.freeze(e)}const o=I(d),p=t=>{const e=o.useContext(u.GridContext),n=g.useLocalization(),a=t.expanded,r=a?c.detailCollapse:c.detailExpand,s=n.toLanguageString(r,c.messages[r]);return o.createElement("a",{onClick:i=>{i.preventDefault(),e!=null&&e.itemChange&&e.itemChange({dataItem:t.dataItem,dataIndex:t.dataIndex,syntheticEvent:i,field:t.field,value:!a,_expand:!0}),e==null||e.dispatchDetailExpand({type:f.DETAIL_EXPAND_ACTION.TOGGLE,id:t.dataItem[e.dataItemKey]})},"aria-label":s,href:"#",tabIndex:-1},o.createElement(m.IconWrap,{name:a?"minus":"plus",icon:a?l.minusIcon:l.plusIcon}))};exports.GridHierarchyCellToggle=p;
+"use client";
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react"),u=require("../../GridClientWrapper.js"),m=require("@progress/kendo-react-common"),l=require("@progress/kendo-svg-icons"),g=require("@progress/kendo-react-intl"),c=require("../../messages/index.js"),f=require("@progress/kendo-react-data-tools");function I(t){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const n in t)if(n!=="default"){const a=Object.getOwnPropertyDescriptor(t,n);Object.defineProperty(e,n,a.get?a:{enumerable:!0,get:()=>t[n]})}}return e.default=t,Object.freeze(e)}const o=I(s),b=t=>{const e=o.useContext(u.GridContext),n=g.useLocalization(),a=t.expanded,i=a?c.detailCollapse:c.detailExpand,d=n.toLanguageString(i,c.messages[i]);return o.createElement("a",{onClick:r=>{r.preventDefault(),e!=null&&e.itemChange&&e.itemChange({dataItem:t.dataItem,dataIndex:t.dataIndex,syntheticEvent:r,field:t.field,value:!a,_expand:!0}),t.dataItem[e.dataItemKey]!==void 0&&(e==null||e.dispatchDetailExpand({type:f.DETAIL_EXPAND_ACTION.TOGGLE,id:t.dataItem[e.dataItemKey]}))},"aria-label":d,href:"#",tabIndex:-1},o.createElement(m.IconWrap,{name:a?"minus":"plus",icon:a?l.minusIcon:l.plusIcon}))};exports.GridHierarchyCellToggle=b;

package/cells/client/GridHierarchyCellToggle.mjs

@@ -7,37 +7,37 @@
  */
 "use client";
 import * as n from "react";
-import { GridContext as r } from "../../GridClientWrapper.mjs";
-import { IconWrap as d } from "@progress/kendo-react-common";
-import { minusIcon as s, plusIcon as c } from "@progress/kendo-svg-icons";
-import { useLocalization as f } from "@progress/kendo-react-intl";
-import { messages as p, detailCollapse as u, detailExpand as I } from "../../messages/index.mjs";
+import { GridContext as l } from "../../GridClientWrapper.mjs";
+import { IconWrap as r } from "@progress/kendo-react-common";
+import { minusIcon as c, plusIcon as s } from "@progress/kendo-svg-icons";
+import { useLocalization as I } from "@progress/kendo-react-intl";
+import { messages as f, detailCollapse as u, detailExpand as p } from "../../messages/index.mjs";
 import { DETAIL_EXPAND_ACTION as x } from "@progress/kendo-react-data-tools";
-const G = (a) => {
-  const e = n.useContext(r), m = f(), t = a.expanded, i = t ? u : I, l = m.toLanguageString(i, p[i]);
+const D = (a) => {
+  const e = n.useContext(l), o = I(), t = a.expanded, i = t ? u : p, d = o.toLanguageString(i, f[i]);
   return /* @__PURE__ */ n.createElement(
     "a",
     {
-      onClick: (o) => {
-        o.preventDefault(), e != null && e.itemChange && e.itemChange({
+      onClick: (m) => {
+        m.preventDefault(), e != null && e.itemChange && e.itemChange({
           dataItem: a.dataItem,
           dataIndex: a.dataIndex,
-          syntheticEvent: o,
+          syntheticEvent: m,
           field: a.field,
           value: !t,
           _expand: !0
-        }), e == null || e.dispatchDetailExpand({
+        }), a.dataItem[e.dataItemKey] !== void 0 && (e == null || e.dispatchDetailExpand({
           type: x.TOGGLE,
           id: a.dataItem[e.dataItemKey]
-        });
+        }));
       },
-      "aria-label": l,
+      "aria-label": d,
       href: "#",
       tabIndex: -1
     },
-    /* @__PURE__ */ n.createElement(d, { name: t ? "minus" : "plus", icon: t ? s : c })
+    /* @__PURE__ */ n.createElement(r, { name: t ? "minus" : "plus", icon: t ? c : s })
   );
 };
 export {
-  G as GridHierarchyCellToggle
+  D as GridHierarchyCellToggle
 };

package/cells/client/GridRowReorderContainer.js

@@ -5,4 +5,5 @@
  * 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"),b=require("@progress/kendo-react-intl"),w=require("@progress/kendo-react-data-tools"),C=require("../../GridClientWrapper.js"),e=require("../../messages/index.js"),m=r=>{const{cellProps:n,rowReorderable:a,children:o}=r,{id:i,dataItem:s}=n,c=b.useLocalization(),l=t.useContext(C.GridContext),d=w.useTableKeyboardNavigation(i),u=a,R=c.toLanguageString(e.gridRowReorderAriaLabel,e.messages[e.gridRowReorderAriaLabel]),g=()=>u?l.activeDragRowDataItemRef.current=s:null;return o&&t.cloneElement(o,{"aria-label":R,...d,onMouseDown:g})};exports.GridRowReorderCellContainer=m;
+"use client";
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),m=require("@progress/kendo-react-intl"),w=require("@progress/kendo-react-data-tools"),f=require("../../GridClientWrapper.js"),n=require("../../messages/index.js"),q=a=>{const{cellProps:o,rowReorderable:i,children:r}=a,{id:l,dataItem:c}=o,s=m.useLocalization(),e=t.useContext(f.GridContext),d=w.useTableKeyboardNavigation(l),u=i,R=s.toLanguageString(n.gridRowReorderAriaLabel,n.messages[n.gridRowReorderAriaLabel]),g=()=>u?e.activeDragRowDataItemRef.current=c:null,b=t.useCallback(C=>{e!=null&&e.onContextMenu&&e.onContextMenu.call(void 0,C,o.dataItem,o.field)},[e,o.dataItem,o.field]);return r&&t.cloneElement(r,{"aria-label":R,...d,onMouseDown:g,onContextMenu:b})};exports.GridRowReorderCellContainer=q;

package/cells/client/GridRowReorderContainer.mjs

@@ -6,17 +6,23 @@
  *-------------------------------------------------------------------------------------------
  */
 "use client";
-import e from "react";
-import { useLocalization as R } from "@progress/kendo-react-intl";
-import { useTableKeyboardNavigation as f } from "@progress/kendo-react-data-tools";
-import { GridContext as p } from "../../GridClientWrapper.mjs";
-import { gridRowReorderAriaLabel as t, messages as b } from "../../messages/index.mjs";
+import t from "react";
+import { useLocalization as b } from "@progress/kendo-react-intl";
+import { useTableKeyboardNavigation as p } from "@progress/kendo-react-data-tools";
+import { GridContext as C } from "../../GridClientWrapper.mjs";
+import { gridRowReorderAriaLabel as a, messages as w } from "../../messages/index.mjs";
 const L = (r) => {
-  const { cellProps: n, rowReorderable: a, children: o } = r, { id: i, dataItem: s } = n, c = R(), l = e.useContext(p), m = f(i), d = a, u = c.toLanguageString(t, b[t]), g = () => d ? l.activeDragRowDataItemRef.current = s : null;
-  return o && e.cloneElement(o, {
+  const { cellProps: e, rowReorderable: i, children: n } = r, { id: l, dataItem: s } = e, c = b(), o = t.useContext(C), m = p(l), d = i, u = c.toLanguageString(a, w[a]), f = () => d ? o.activeDragRowDataItemRef.current = s : null, R = t.useCallback(
+    (g) => {
+      o != null && o.onContextMenu && o.onContextMenu.call(void 0, g, e.dataItem, e.field);
+    },
+    [o, e.dataItem, e.field]
+  );
+  return n && t.cloneElement(n, {
     "aria-label": u,
     ...m,
-    onMouseDown: g
+    onMouseDown: f,
+    onContextMenu: R
   });
 };
 export {

package/cells/client/GridSelectionCellContainer.js

@@ -5,4 +5,5 @@
  * 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"),m=require("@progress/kendo-react-data-tools"),f=require("../../GridClientWrapper.js");function g(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const n in e)if(n!=="default"){const r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:()=>e[n]})}}return t.default=e,Object.freeze(t)}const o=g(C),P=e=>{var a;const{cellProps:t}=e,n=o.useContext(f.GridContext),r=m.useTableKeyboardNavigation(t.id),d={onContextMenu:o.useCallback(l=>{n!=null&&n.onContextMenu&&n.onContextMenu.call(void 0,l,t.dataItem,t.field)},[n,t.dataItem,t.field])},s=n.getCellPositionStyle(t.columnPosition),u={style:{...(a=e.tdProps)==null?void 0:a.style,...s}},i={...r,...d,...u},c={onContextMenu:n.onContextMenu,onChange:n.itemChange,selectionChange:l=>{n.selectionChange({event:l,dataItem:t.dataItem,dataIndex:t.rowDataIndex,columnIndex:t.columnIndex})}};if(e.isCustom)return n.isClient||e.isClient?o.cloneElement(e.children,{tdProps:{...e.tdProps,...i},...c}):o.cloneElement(e.children,{...i});if(t.render){const l=t.rowType!=="groupHeader"?o.createElement("td",{...e.tdProps,...i},e.content):null;return t.render.call(void 0,l,{...t,...c})}return e.children&&o.cloneElement(e.children,{...i})};exports.GridSelectionCellContainer=P;
+"use client";
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const C=require("react"),m=require("@progress/kendo-react-data-tools"),f=require("../../GridClientWrapper.js");function g(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const n in e)if(n!=="default"){const r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:()=>e[n]})}}return t.default=e,Object.freeze(t)}const o=g(C),P=e=>{var a;const{cellProps:t}=e,n=o.useContext(f.GridContext),r=m.useTableKeyboardNavigation(t.id),d={onContextMenu:o.useCallback(l=>{n!=null&&n.onContextMenu&&n.onContextMenu.call(void 0,l,t.dataItem,t.field)},[n,t.dataItem,t.field])},s=n.getCellPositionStyle(t.columnPosition),u={style:{...(a=e.tdProps)==null?void 0:a.style,...s}},i={...r,...d,...u},c={onContextMenu:n.onContextMenu,onChange:n.itemChange,selectionChange:l=>{n.selectionChange({event:l,dataItem:t.dataItem,dataIndex:t.rowDataIndex,columnIndex:t.columnIndex})}};if(e.isCustom)return n.isClient||e.isClient?o.cloneElement(e.children,{tdProps:{...e.tdProps,...i},...c}):o.cloneElement(e.children,{...i});if(t.render){const l=t.rowType!=="groupHeader"?o.createElement("td",{...e.tdProps,...i},e.content):null;return t.render.call(void 0,l,{...t,...c})}return e.children&&o.cloneElement(e.children,{...i})};exports.GridSelectionCellContainer=P;

package/cells/client/GridSelectionCellInput.js

@@ -5,4 +5,5 @@
  * 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"),b=require("../../GridClientWrapper.js"),r=require("@progress/kendo-react-common"),I=require("@progress/kendo-react-intl"),o=require("../../messages/index.js");function g(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const n in e)if(n!=="default"){const a=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,a.get?a:{enumerable:!0,get:()=>e[n]})}}return t.default=e,Object.freeze(t)}const c=g(m),k=e=>{var i;const t=c.useContext(b.GridContext),n=r.useId(),a=I.useLocalization(),l=(i=e.isSelected)!=null?i:r.getNestedValue(e.field,e.dataItem),d=typeof l=="boolean"&&l,u=c.useCallback(s=>{t==null||t.selectionChange({event:s,dataItem:e.dataItem,dataIndex:e.rowDataIndex,columnIndex:e.columnIndex})},[t,e.columnIndex,e.rowDataIndex,e.dataItem]);return c.createElement("span",{className:"k-checkbox-wrap"},c.createElement("input",{id:n,tabIndex:-1,type:"checkbox",className:"k-checkbox k-checkbox-md k-rounded-md","aria-label":a.toLanguageString(o.selectRow,o.messages[o.selectRow]),"aria-checked":d,checked:d,onChange:u}))};exports.GridSelectionCellInput=k;
+"use client";
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m=require("react"),b=require("../../GridClientWrapper.js"),i=require("@progress/kendo-react-common"),I=require("@progress/kendo-react-intl"),o=require("../../messages/index.js");function g(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const n in e)if(n!=="default"){const a=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,a.get?a:{enumerable:!0,get:()=>e[n]})}}return t.default=e,Object.freeze(t)}const c=g(m),k=e=>{var r;const t=c.useContext(b.GridContext),n=i.useId(),a=I.useLocalization(),l=(r=e.isSelected)!=null?r:i.getNestedValue(e.field,e.dataItem),d=typeof l=="boolean"&&l,u=c.useCallback(s=>{t==null||t.selectionChange({event:s,dataItem:e.dataItem,dataIndex:e.rowDataIndex,columnIndex:e.columnIndex})},[t,e.columnIndex,e.rowDataIndex,e.dataItem]);return c.createElement("span",{className:"k-checkbox-wrap"},c.createElement("input",{id:n,tabIndex:-1,type:"checkbox",className:"k-checkbox k-checkbox-md k-rounded-md","aria-label":a.toLanguageString(o.selectRow,o.messages[o.selectRow]),"aria-checked":d,checked:d,onChange:u}))};exports.GridSelectionCellInput=k;

package/cells/client/GridSelectionCellInput.mjs

@@ -7,13 +7,13 @@
  */
 "use client";
 import * as a from "react";
-import { GridContext as u } from "../../GridClientWrapper.mjs";
-import { useId as r, getNestedValue as I } from "@progress/kendo-react-common";
+import { GridContext as r } from "../../GridClientWrapper.mjs";
+import { useId as u, getNestedValue as I } from "@progress/kendo-react-common";
 import { useLocalization as x } from "@progress/kendo-react-intl";
 import { selectRow as d, messages as k } from "../../messages/index.mjs";
 const C = (e) => {
   var o;
-  const t = a.useContext(u), l = r(), m = x(), n = (o = e.isSelected) != null ? o : I(e.field, e.dataItem), c = typeof n == "boolean" && n, i = a.useCallback(
+  const t = a.useContext(r), l = u(), m = x(), n = (o = e.isSelected) != null ? o : I(e.field, e.dataItem), c = typeof n == "boolean" && n, i = a.useCallback(
     (s) => {
       t == null || t.selectionChange({
         event: s,

package/columnMenu/GridColumnMenuCheckboxFilter.js

@@ -5,4 +5,5 @@
  * 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 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;
+"use client";
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const J=require("react"),K=require("./GridColumnMenuItem.js"),U=require("./GridColumnMenuItemGroup.js"),X=require("./GridColumnMenuItemContent.js"),b=require("@progress/kendo-react-inputs"),Y=require("@progress/kendo-react-intl"),r=require("../messages/index.js"),D=require("@progress/kendo-data-query"),G=require("@progress/kendo-react-common"),v=require("@progress/kendo-react-buttons"),L=require("../utils/index.js"),F=require("@progress/kendo-svg-icons");function Z(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=Z(J),p=(e,s)=>e.length!==s.length?!1:e.every((m,f)=>m===s[f]),ee={uniqueData:!0},te=e=>{const{uniqueData:s=ee.uniqueData}=e,m=()=>{const t=e.column.field;return S().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=>L.getNestedValue(c,o));return n?i.filter((o,u)=>i.indexOf(o)===u):i},S=()=>e.filter?G.clone(e.filter):{filters:[],logic:"and"},a=l.useRef(m()),[I,P]=l.useState(e.expanded||!1),[B,q]=l.useState(""),[h,C]=l.useState(f(e.data,s)||[]),[R,w]=l.useState(f(e.data,!1)||[]),[d,V]=l.useState(S());l.useEffect(()=>{const t=e.column.field||"",n=e.data.map(c=>L.getNestedValue(t,c));p(n,R)||(C(n),w(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||P(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}]};q(t.target.value),C(f(D.filterBy(e.data||[],c),s))},A=()=>{const t=e.searchBoxFilterOperator?e.searchBoxFilterOperator:"startswith",n={logic:"and",filters:[{field:e.column.field,operator:t,value:"",ignoreCase:!0}]};q(""),C(f(D.filterBy(e.data||[],n),s))},T=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()},z=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(H=>H.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=Y.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=g.toLanguageString(r.filterClearButton,r.messages[r.filterClearButton]),$=e.searchBox?l.createElement(e.searchBox,{value:B,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:F.searchIcon}),l.createElement(b.Input,{className:"k-input-inner",type:"text",placeholder:g.toLanguageString(r.searchPlaceholder,r.messages[r.searchPlaceholder]),value:B,onChange:t=>N(t.nativeEvent)}),l.createElement(v.Button,{type:"button",rounded:null,className:"k-input-button",onClick:A,icon:"x","aria-label":W,svgIcon:F.xIcon})),O=k.filter((t,n)=>k.indexOf(t)===n);return l.createElement(U.GridColumnMenuItemGroup,null,l.createElement(K.GridColumnMenuItem,{title:g.toLanguageString(r.filterTitle,r.messages[r.filterTitle]),iconClass:"k-i-filter",svgIcon:F.filterIcon,onClick:j}),l.createElement(X.GridColumnMenuItemContent,{show:!!Q},l.createElement("form",{className:"k-filter-menu",onSubmit:z,onReset:T},l.createElement("div",{className:"k-filter-menu-container"},$,l.createElement("ul",{className:"k-reset k-multicheck-wrap"},l.createElement("li",{className:"k-item k-check-all-wrap"},l.createElement(b.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(b.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(v.Button,{themeColor:"primary",type:"submit"},g.toLanguageString(r.filterSubmitButton,r.messages[r.filterSubmitButton])),l.createElement(v.Button,{className:"k-button",type:"reset"},g.toLanguageString(r.filterClearButton,r.messages[r.filterClearButton])))))))};exports.GridColumnMenuCheckboxFilter=te;

package/columnMenu/GridColumnMenuCheckboxFilter.mjs

@@ -7,48 +7,48 @@
  */
 "use client";
 import * as l from "react";
-import { GridColumnMenuItem as Z } from "./GridColumnMenuItem.mjs";
-import { GridColumnMenuItemGroup as _ } from "./GridColumnMenuItemGroup.mjs";
-import { GridColumnMenuItemContent as $ } from "./GridColumnMenuItemContent.mjs";
-import { Input as p, Checkbox as M } from "@progress/kendo-react-inputs";
-import { useLocalization as ee } from "@progress/kendo-react-intl";
-import { searchPlaceholder as O, messages as m, filterTitle as q, filterCheckAll as L, filterSelectedItems as w, filterSubmitButton as V, filterClearButton as G } from "../messages/index.mjs";
+import { GridColumnMenuItem as _ } from "./GridColumnMenuItem.mjs";
+import { GridColumnMenuItemGroup as $ } from "./GridColumnMenuItemGroup.mjs";
+import { GridColumnMenuItemContent as p } from "./GridColumnMenuItemContent.mjs";
+import { Input as ee, Checkbox as M } from "@progress/kendo-react-inputs";
+import { useLocalization as te } from "@progress/kendo-react-intl";
+import { filterClearButton as h, messages as f, searchPlaceholder as O, filterTitle as q, filterCheckAll as w, filterSelectedItems as V, filterSubmitButton as G } from "../messages/index.mjs";
 import { filterBy as P } from "@progress/kendo-data-query";
-import { IconWrap as te, clone as ne } from "@progress/kendo-react-common";
-import { Button as F } from "@progress/kendo-react-buttons";
-import { getNestedValue as R } from "../utils/index.mjs";
-import { searchIcon as le, xIcon as re, filterIcon as ae } from "@progress/kendo-svg-icons";
-const ie = (e, u) => e.length !== u.length ? !1 : e.every((h, f) => h === u[f]), ce = {
+import { IconWrap as ne, clone as le } from "@progress/kendo-react-common";
+import { Button as v } from "@progress/kendo-react-buttons";
+import { getNestedValue as A } from "../utils/index.mjs";
+import { searchIcon as re, xIcon as ae, filterIcon as ie } from "@progress/kendo-svg-icons";
+const ce = (e, d) => e.length !== d.length ? !1 : e.every((g, m) => g === d[m]), oe = {
   uniqueData: !0
-}, Ee = (e) => {
-  const { uniqueData: u = ce.uniqueData } = e, h = () => {
+}, Fe = (e) => {
+  const { uniqueData: d = oe.uniqueData } = e, g = () => {
     const t = e.column.field;
-    return v().filters.findIndex(
+    return S().filters.findIndex(
       (a) => a.filters && a.filters.length > 0 && a.filters[0].field === t
     );
-  }, f = (t, n) => {
-    const i = e.column.field || "", a = t.map((c) => R(i, c));
+  }, m = (t, n) => {
+    const i = e.column.field || "", a = t.map((c) => A(i, c));
     return n ? a.filter((c, o) => a.indexOf(c) === o) : a;
-  }, v = () => e.filter ? ne(e.filter) : { filters: [], logic: "and" }, r = l.useRef(h()), [S, z] = l.useState(e.expanded || !1), [I, b] = l.useState(""), [g, x] = l.useState(f(e.data, u) || []), [A, j] = l.useState(f(e.data, !1) || []), [s, T] = l.useState(v());
+  }, S = () => e.filter ? le(e.filter) : { filters: [], logic: "and" }, r = l.useRef(g()), [I, R] = l.useState(e.expanded || !1), [b, B] = l.useState(""), [x, C] = l.useState(m(e.data, d) || []), [z, j] = l.useState(m(e.data, !1) || []), [s, T] = l.useState(S());
   l.useEffect(() => {
-    const t = e.column.field || "", n = e.data.map((i) => R(t, i));
-    ie(n, A) || (x(n), j(n));
+    const t = e.column.field || "", n = e.data.map((i) => A(t, i));
+    ce(n, z) || (C(n), j(n));
   }, [e.column, e.data]);
   const N = () => e.expanded !== void 0, W = () => {
-    const t = N(), n = !(t ? e.expanded : S);
-    e.onExpandChange && e.onExpandChange(n), t || z(n);
-  }, B = (t) => {
+    const t = N(), n = !(t ? e.expanded : I);
+    e.onExpandChange && e.onExpandChange(n), t || R(n);
+  }, D = (t) => {
     const n = e.searchBoxFilterOperator ? e.searchBoxFilterOperator : "startswith", i = {
       logic: "and",
       filters: [{ field: e.column.field, operator: n, value: t.target.value, ignoreCase: !0 }]
     };
-    b(t.target.value), x(f(P(e.data || [], i), u));
+    B(t.target.value), C(m(P(e.data || [], i), d));
   }, H = () => {
     const t = e.searchBoxFilterOperator ? e.searchBoxFilterOperator : "startswith", n = {
       logic: "and",
       filters: [{ field: e.column.field, operator: t, value: "", ignoreCase: !0 }]
     };
-    b(""), x(f(P(e.data || [], n), u));
+    B(""), C(m(P(e.data || [], n), d));
   }, J = (t) => {
     if (t.preventDefault(), !e.onFilterChange)
       return;
@@ -59,18 +59,18 @@ const ie = (e, u) => e.length !== u.length ? !1 : e.every((h, f) => h === u[f]),
       return;
     const n = s || null;
     e.onFilterChange(n, t), e.onCloseMenu && e.onCloseMenu();
-  }, D = (t, n) => {
+  }, y = (t, n) => {
     const i = e.column.field || "", a = { ...s }, c = [...s.filters];
     let o = [];
     if (r.current !== -1 && a.filters[r.current].filters && n !== "all" && (o = a.filters[r.current].filters), t.value && n === "all")
-      g.forEach((E) => {
-        o.push({ field: i, operator: "eq", value: E });
+      x.forEach((F) => {
+        o.push({ field: i, operator: "eq", value: F });
       });
     else if (t.value)
       o.push({ field: i, operator: "eq", value: n });
     else if (s) {
-      const E = o.findIndex((Y) => Y.value === n);
-      o.splice(E, 1);
+      const F = o.findIndex((Z) => Z.value === n);
+      o.splice(F, 1);
     }
     a.logic = "and", r.current !== -1 ? c[r.current] = {
       logic: "or",
@@ -83,65 +83,66 @@ const ie = (e, u) => e.length !== u.length ? !1 : e.every((h, f) => h === u[f]),
     let t = !1;
     if (s) {
       const n = [...s.filters];
-      return r.current === -1 ? !1 : (t = g.every((i) => r.current !== -1 && n[r.current].filters ? n[r.current].filters.findIndex(
+      return r.current === -1 ? !1 : (t = x.every((i) => r.current !== -1 && n[r.current].filters ? n[r.current].filters.findIndex(
         (c) => c.value === i
       ) >= 0 : !1), t);
     }
     return t;
-  }, d = ee(), { column: C } = e;
-  if (!C || !C.field)
+  }, u = te(), { column: k } = e;
+  if (!k || !k.field)
     return /* @__PURE__ */ l.createElement("div", null);
-  const U = N() ? e.expanded : S, k = [];
+  const U = N() ? e.expanded : I, E = [];
   if (s) {
     const t = [...s.filters];
-    r.current = t.findIndex((n) => n.filters && n.filters.length > 0 ? n.filters[0].field === C.field : !1), r.current !== -1 && t[r.current].filters.length > 0 && t[r.current].filters.forEach((n) => {
-      n.field === e.column.field && k.push(n.value);
+    r.current = t.findIndex((n) => n.filters && n.filters.length > 0 ? n.filters[0].field === k.field : !1), r.current !== -1 && t[r.current].filters.length > 0 && t[r.current].filters.forEach((n) => {
+      n.field === e.column.field && E.push(n.value);
     });
   }
-  const X = e.searchBox ? /* @__PURE__ */ l.createElement(e.searchBox, { value: I, onChange: B }) : /* @__PURE__ */ l.createElement("div", { className: "k-searchbox k-textbox k-input k-input-md k-input-solid" }, /* @__PURE__ */ l.createElement(te, { className: "k-input-icon", name: "search", icon: le }), /* @__PURE__ */ l.createElement(
-    p,
+  const X = u.toLanguageString(h, f[h]), Y = e.searchBox ? /* @__PURE__ */ l.createElement(e.searchBox, { value: b, onChange: D }) : /* @__PURE__ */ l.createElement("div", { className: "k-searchbox k-textbox k-input k-input-md k-input-solid" }, /* @__PURE__ */ l.createElement(ne, { className: "k-input-icon", name: "search", icon: re }), /* @__PURE__ */ l.createElement(
+    ee,
     {
       className: "k-input-inner",
       type: "text",
-      placeholder: d.toLanguageString(O, m[O]),
-      value: I,
-      onChange: (t) => B(t.nativeEvent)
+      placeholder: u.toLanguageString(O, f[O]),
+      value: b,
+      onChange: (t) => D(t.nativeEvent)
     }
   ), /* @__PURE__ */ l.createElement(
-    F,
+    v,
     {
       type: "button",
       rounded: null,
       className: "k-input-button",
       onClick: H,
       icon: "x",
-      svgIcon: re
+      "aria-label": X,
+      svgIcon: ae
     }
-  )), y = k.filter((t, n) => k.indexOf(t) === n);
-  return /* @__PURE__ */ l.createElement(_, null, /* @__PURE__ */ l.createElement(
-    Z,
+  )), L = E.filter((t, n) => E.indexOf(t) === n);
+  return /* @__PURE__ */ l.createElement($, null, /* @__PURE__ */ l.createElement(
+    _,
     {
-      title: d.toLanguageString(q, m[q]),
+      title: u.toLanguageString(q, f[q]),
       iconClass: "k-i-filter",
-      svgIcon: ae,
+      svgIcon: ie,
       onClick: W
     }
-  ), /* @__PURE__ */ l.createElement($, { show: !!U }, /* @__PURE__ */ l.createElement("form", { className: "k-filter-menu", onSubmit: K, onReset: J }, /* @__PURE__ */ l.createElement("div", { className: "k-filter-menu-container" }, X, /* @__PURE__ */ l.createElement("ul", { className: "k-reset k-multicheck-wrap" }, /* @__PURE__ */ l.createElement("li", { className: "k-item k-check-all-wrap" }, /* @__PURE__ */ l.createElement(
+  ), /* @__PURE__ */ l.createElement(p, { show: !!U }, /* @__PURE__ */ l.createElement("form", { className: "k-filter-menu", onSubmit: K, onReset: J }, /* @__PURE__ */ l.createElement("div", { className: "k-filter-menu-container" }, Y, /* @__PURE__ */ l.createElement("ul", { className: "k-reset k-multicheck-wrap" }, /* @__PURE__ */ l.createElement("li", { className: "k-item k-check-all-wrap" }, /* @__PURE__ */ l.createElement(
     M,
     {
-      label: d.toLanguageString(L, m[L]),
-      onChange: (t) => D(t, "all"),
+      label: u.toLanguageString(w, f[w]),
+      onChange: (t) => y(t, "all"),
       checked: Q()
     }
-  )), g.map((t, n) => /* @__PURE__ */ l.createElement("li", { className: "k-item", key: n }, /* @__PURE__ */ l.createElement(
+  )), x.map((t, n) => /* @__PURE__ */ l.createElement("li", { className: "k-item", key: n }, /* @__PURE__ */ l.createElement(
     M,
     {
       label: String(t),
-      onChange: (i) => D(i, t),
-      checked: y.includes(t)
+      onChange: (i) => y(i, t),
+      checked: L.includes(t)
     }
-  )))), /* @__PURE__ */ l.createElement("div", { className: "k-filter-selected-items" }, y.length + " " + d.toLanguageString(w, m[w])), /* @__PURE__ */ l.createElement("div", { className: "k-actions k-hstack k-justify-content-stretch" }, /* @__PURE__ */ l.createElement(F, { themeColor: "primary", type: "submit" }, d.toLanguageString(V, m[V])), /* @__PURE__ */ l.createElement(F, { className: "k-button", type: "reset" }, d.toLanguageString(G, m[G])))))));
+  )))), /* @__PURE__ */ l.createElement("div", { className: "k-filter-selected-items" }, L.length + " " + u.toLanguageString(V, f[V])), /* @__PURE__ */ l.createElement("div", { className: "k-actions k-hstack k-justify-content-stretch" }, /* @__PURE__ */ l.createElement(v, { themeColor: "primary", type: "submit" }, u.toLanguageString(G, f[G])), /* @__PURE__ */ l.createElement(v, { className: "k-button", type: "reset" }, u.toLanguageString(h, f[h])))))));
 };
 export {
-  Ee as GridColumnMenuCheckboxFilter
+  Fe as GridColumnMenuCheckboxFilter
 };

package/columnMenu/GridColumnMenuColumnsChooser.js

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