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

package/cells/groupcell/GridGroupCellToggle.js

@@ -6,4 +6,4 @@
  *-------------------------------------------------------------------------------------------
  */
 "use client";
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react"),g=require("../../utils/GridContext.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,u=a.toLanguageString(n,c.messages[n]),l=e.dir==="rtl";return r.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},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 strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const f=require("react"),m=require("../../utils/GridContext.js"),h=require("@progress/kendo-react-common"),a=require("@progress/kendo-svg-icons"),p=require("@progress/kendo-react-intl"),c=require("../../messages/index.js"),v=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 o=Object.getOwnPropertyDescriptor(t,n);Object.defineProperty(e,n,o.get?o:{enumerable:!0,get:()=>t[n]})}}return e.default=t,Object.freeze(e)}const r=I(f),b=t=>{const e=r.useContext(m.GridContext),n=p.useLocalization(),o=t.expanded?c.groupCollapse:c.groupExpand,d=n.toLanguageString(o,c.messages[o]),i=e.dir==="rtl",u=i?"chevron-left":"chevron-right",g=i?a.chevronLeftIcon:a.chevronRightIcon;return r.createElement("a",{onClick:l=>{var s;l.preventDefault(),e!=null&&e.itemChange&&e.itemChange({dataItem:t.dataItem,dataIndex:t.dataIndex,syntheticEvent:l,field:void 0,value:!t.expanded}),(s=e==null?void 0:e.dispatchGroupExpand)==null||s.call(e,{type:v.GROUP_EXPAND_ACTION.TOGGLE,group:t.group})},href:"#",tabIndex:-1,"aria-label":d},r.createElement(h.IconWrap,{name:t.expanded?"chevron-down":u,icon:t.expanded?a.chevronDownIcon:g}))};exports.GridGroupCellToggle=b;

package/cells/groupcell/GridGroupCellToggle.mjs

@@ -6,47 +6,47 @@
  *-------------------------------------------------------------------------------------------
  */
 "use client";
-import * as a from "react";
-import { GridContext as m } from "../../utils/GridContext.mjs";
-import { IconWrap as d } from "@progress/kendo-react-common";
-import { caretAltDownIcon as s, caretAltLeftIcon as f, caretAltRightIcon as p } from "@progress/kendo-svg-icons";
-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(), o = t.expanded ? g : I, i = l.toLanguageString(o, h[o]), n = e.dir === "rtl";
+import * as t from "react";
+import { GridContext as d } from "../../utils/GridContext.mjs";
+import { IconWrap as f } from "@progress/kendo-react-common";
+import { chevronDownIcon as h, chevronLeftIcon as p, chevronRightIcon as u } from "@progress/kendo-svg-icons";
+import { useLocalization as g } from "@progress/kendo-react-intl";
+import { groupCollapse as I, groupExpand as v, messages as x } from "../../messages/index.mjs";
+import { GROUP_EXPAND_ACTION as E } from "@progress/kendo-react-data-tools";
+const D = (o) => {
+  const e = t.useContext(d), c = g(), n = o.expanded ? I : v, m = c.toLanguageString(n, x[n]), a = e.dir === "rtl", l = a ? "chevron-left" : "chevron-right", s = a ? p : u;
   return (
     // eslint-disable-next-line jsx-a11y/anchor-is-valid
-    /* @__PURE__ */ a.createElement(
+    /* @__PURE__ */ t.createElement(
       "a",
       {
         onClick: (r) => {
-          var c;
+          var i;
           r.preventDefault(), e != null && e.itemChange && e.itemChange({
-            dataItem: t.dataItem,
-            dataIndex: t.dataIndex,
+            dataItem: o.dataItem,
+            dataIndex: o.dataIndex,
             syntheticEvent: r,
             field: void 0,
-            value: !t.expanded
-          }), (c = e == null ? void 0 : e.dispatchGroupExpand) == null || c.call(e, {
-            type: x.TOGGLE,
-            group: t.group
+            value: !o.expanded
+          }), (i = e == null ? void 0 : e.dispatchGroupExpand) == null || i.call(e, {
+            type: E.TOGGLE,
+            group: o.group
           });
         },
         href: "#",
         tabIndex: -1,
-        "aria-label": i
+        "aria-label": m
       },
-      /* @__PURE__ */ a.createElement(
-        d,
+      /* @__PURE__ */ t.createElement(
+        f,
         {
-          name: t.expanded ? "caret-alt-down" : n ? "caret-alt-left" : "caret-alt-right",
-          icon: t.expanded ? s : n ? f : p
+          name: o.expanded ? "chevron-down" : l,
+          icon: o.expanded ? h : s
         }
       )
     )
   );
 };
 export {
-  b as GridGroupCellToggle
+  D as GridGroupCellToggle
 };

package/cells/pincell/GridPinDropdownButton.js

@@ -6,4 +6,4 @@
  *-------------------------------------------------------------------------------------------
  */
 "use client";
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const w=require("react"),v=require("@progress/kendo-react-common"),q=require("@progress/kendo-react-popup"),B=require("@progress/kendo-react-intl"),r=require("@progress/kendo-svg-icons"),o=require("../../messages/index.js"),x=require("../../utils/GridContext.js"),y=require("@progress/kendo-react-layout");function C(i){const c=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(i){for(const e in i)if(e!=="default"){const a=Object.getOwnPropertyDescriptor(i,e);Object.defineProperty(c,e,a.get?a:{enumerable:!0,get:()=>i[e]})}}return c.default=i,Object.freeze(c)}const n=C(w),D=i=>{const{dataItem:c}=i,e=n.useContext(x.GridContext),a=B.useLocalization(),b="#",u=e!=null&&e.getRowPinPosition?e.getRowPinPosition(c):"none",s=u!=="none",[I,l]=n.useState(!1),g=n.useRef(null),k=n.useCallback(t=>{t.preventDefault(),l(d=>!d)},[]),O=n.useCallback(t=>{!t.isAnchorClicked&&l(!1)},[]),p=a.toLanguageString(o.gridPinToTop,o.messages[o.gridPinToTop]),f=a.toLanguageString(o.gridPinToBottom,o.messages[o.gridPinToBottom]),m=a.toLanguageString(o.gridUnpin,o.messages[o.gridUnpin]),S=n.useMemo(()=>{const t=[];return s&&t.push({text:m,svgIcon:r.unpinOutlineIcon,data:{action:"unpin"}}),u!=="top"&&t.push({text:p,svgIcon:r.pinOutlineTopIcon,data:{action:"pinTop"}}),u!=="bottom"&&t.push({text:f,svgIcon:r.pinOutlineBottomIcon,data:{action:"pinBottom"}}),t},[s,m,u,p,f]),R=n.useCallback(t=>{var P,h,T;const d=(h=(P=t.item)==null?void 0:P.data)==null?void 0:h.action;(T=e==null?void 0:e.onRowPin)==null||T.call(e,d,c),l(!1)},[e,c]);return n.createElement(n.Fragment,null,n.createElement("a",{className:"k-pin-cell",ref:g,href:b,tabIndex:-1,onClick:k,"aria-label":s?m:p},n.createElement(v.IconWrap,{name:s?"unpin":"pin",icon:s?r.unpinOutlineIcon:r.pinOutlineIcon})),n.createElement(q.Popup,{anchor:g.current,show:I,anchorAlign:{vertical:"bottom",horizontal:"right"},popupClass:"k-menu-popup",onMouseDownOutside:O},n.createElement(y.Menu,{vertical:!0,items:S,onSelect:R})))};exports.GridPinDropdownButton=D;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const v=require("react"),q=require("@progress/kendo-react-common"),B=require("@progress/kendo-react-popup"),O=require("@progress/kendo-react-intl"),r=require("@progress/kendo-svg-icons"),o=require("../../messages/index.js"),x=require("../../utils/GridContext.js"),y=require("@progress/kendo-react-layout");function C(i){const c=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(i){for(const e in i)if(e!=="default"){const a=Object.getOwnPropertyDescriptor(i,e);Object.defineProperty(c,e,a.get?a:{enumerable:!0,get:()=>i[e]})}}return c.default=i,Object.freeze(c)}const n=C(v),D=i=>{const{dataItem:c}=i,e=n.useContext(x.GridContext),a=O.useLocalization(),b="#",u=e!=null&&e.getRowPinPosition?e.getRowPinPosition(c):"none",s=u!=="none",[I,l]=n.useState(!1),g=n.useRef(null),k=n.useCallback(t=>{t.preventDefault(),l(d=>!d)},[]),S=n.useCallback(t=>{!t.isAnchorClicked&&l(!1)},[]),p=a.toLanguageString(o.gridPinToTop,o.messages[o.gridPinToTop]),f=a.toLanguageString(o.gridPinToBottom,o.messages[o.gridPinToBottom]),m=a.toLanguageString(o.gridUnpin,o.messages[o.gridUnpin]),R=n.useMemo(()=>{const t=[];return s&&t.push({text:m,svgIcon:r.unpinIcon,data:{action:"unpin"}}),u!=="top"&&t.push({text:p,svgIcon:r.pinTopIcon,data:{action:"pinTop"}}),u!=="bottom"&&t.push({text:f,svgIcon:r.pinBottomIcon,data:{action:"pinBottom"}}),t},[s,m,u,p,f]),w=n.useCallback(t=>{var P,h,T;const d=(h=(P=t.item)==null?void 0:P.data)==null?void 0:h.action;(T=e==null?void 0:e.onRowPin)==null||T.call(e,d,c),l(!1)},[e,c]);return n.createElement(n.Fragment,null,n.createElement("a",{className:"k-pin-cell",ref:g,href:b,tabIndex:-1,onClick:k,"aria-label":s?m:p},n.createElement(q.IconWrap,{name:s?"unpin":"pin",icon:s?r.unpinIcon:r.pinIcon})),n.createElement(B.Popup,{anchor:g.current,show:I,anchorAlign:{vertical:"bottom",horizontal:"right"},popupClass:"k-menu-popup",onMouseDownOutside:S},n.createElement(y.Menu,{vertical:!0,items:R,onSelect:w})))};exports.GridPinDropdownButton=D;

package/cells/pincell/GridPinDropdownButton.mjs

@@ -8,20 +8,20 @@
 "use client";
 import * as o from "react";
 import { IconWrap as E } from "@progress/kendo-react-common";
-import { Popup as O } from "@progress/kendo-react-popup";
-import { useLocalization as C } from "@progress/kendo-react-intl";
-import { unpinOutlineIcon as P, pinOutlineTopIcon as L, pinOutlineBottomIcon as M, pinOutlineIcon as z } from "@progress/kendo-svg-icons";
-import { gridPinToTop as T, messages as u, gridPinToBottom as I, gridUnpin as w } from "../../messages/index.mjs";
-import { GridContext as D } from "../../utils/GridContext.mjs";
-import { Menu as A } from "@progress/kendo-react-layout";
+import { Popup as C } from "@progress/kendo-react-popup";
+import { useLocalization as L } from "@progress/kendo-react-intl";
+import { unpinIcon as P, pinTopIcon as M, pinBottomIcon as z, pinIcon as D } from "@progress/kendo-svg-icons";
+import { gridPinToTop as T, messages as m, gridPinToBottom as I, gridUnpin as w } from "../../messages/index.mjs";
+import { GridContext as A } from "../../utils/GridContext.mjs";
+import { Menu as G } from "@progress/kendo-react-layout";
 const q = (b) => {
-  const { dataItem: a } = b, n = o.useContext(D), s = C(), k = "#", i = n != null && n.getRowPinPosition ? n.getRowPinPosition(a) : "none", e = i !== "none", [S, c] = o.useState(!1), m = o.useRef(null), v = o.useCallback((t) => {
+  const { dataItem: a } = b, n = o.useContext(A), s = L(), k = "#", i = n != null && n.getRowPinPosition ? n.getRowPinPosition(a) : "none", e = i !== "none", [S, c] = o.useState(!1), u = o.useRef(null), v = o.useCallback((t) => {
     t.preventDefault(), c((l) => !l);
   }, []), R = o.useCallback((t) => {
     !t.isAnchorClicked && c(!1);
-  }, []), r = s.toLanguageString(T, u[T]), f = s.toLanguageString(I, u[I]), p = s.toLanguageString(w, u[w]), x = o.useMemo(() => {
+  }, []), r = s.toLanguageString(T, m[T]), f = s.toLanguageString(I, m[I]), p = s.toLanguageString(w, m[w]), x = o.useMemo(() => {
     const t = [];
-    return e && t.push({ text: p, svgIcon: P, data: { action: "unpin" } }), i !== "top" && t.push({ text: r, svgIcon: L, data: { action: "pinTop" } }), i !== "bottom" && t.push({ text: f, svgIcon: M, data: { action: "pinBottom" } }), t;
+    return e && t.push({ text: p, svgIcon: P, data: { action: "unpin" } }), i !== "top" && t.push({ text: r, svgIcon: M, data: { action: "pinTop" } }), i !== "bottom" && t.push({ text: f, svgIcon: z, data: { action: "pinBottom" } }), t;
   }, [e, p, i, r, f]), B = o.useCallback(
     (t) => {
       var g, h, d;
@@ -34,23 +34,23 @@ const q = (b) => {
     "a",
     {
       className: "k-pin-cell",
-      ref: m,
+      ref: u,
       href: k,
       tabIndex: -1,
       onClick: v,
       "aria-label": e ? p : r
     },
-    /* @__PURE__ */ o.createElement(E, { name: e ? "unpin" : "pin", icon: e ? P : z })
+    /* @__PURE__ */ o.createElement(E, { name: e ? "unpin" : "pin", icon: e ? P : D })
   ), /* @__PURE__ */ o.createElement(
-    O,
+    C,
     {
-      anchor: m.current,
+      anchor: u.current,
       show: S,
       anchorAlign: { vertical: "bottom", horizontal: "right" },
       popupClass: "k-menu-popup",
       onMouseDownOutside: R
     },
-    /* @__PURE__ */ o.createElement(A, { vertical: !0, items: x, onSelect: B })
+    /* @__PURE__ */ o.createElement(G, { vertical: !0, items: x, onSelect: B })
   ));
 };
 export {

package/columnMenu/GridColumnMenuFilter.js

@@ -6,4 +6,4 @@
  *-------------------------------------------------------------------------------------------
  */
 "use client";
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const le=require("react"),w=require("@progress/kendo-data-query"),re=require("./GridColumnMenuItem.js"),ne=require("./GridColumnMenuItemGroup.js"),ie=require("./GridColumnMenuItemContent.js"),oe=require("@progress/kendo-react-intl"),i=require("../filterCommon.js"),u=require("../messages/index.js"),ae=require("./GridColumnMenuFilterUI.js"),R=require("@progress/kendo-react-buttons"),ue=require("@progress/kendo-svg-icons"),se=require("../utils/GridContext.js"),ce=require("./adaptiveContent/GridAdaptiveFilterMenu.js");function de(e){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const c in e)if(c!=="default"){const g=Object.getOwnPropertyDescriptor(e,c);Object.defineProperty(o,c,g.get?g:{enumerable:!0,get:()=>e[c]})}}return o.default=e,Object.freeze(o)}const l=de(le),E=e=>e||{filters:[],logic:"and"},h=(e,o)=>E(o).filters.filter(C=>w.isCompositeFilterDescriptor(C)?C.filters&&C.filters.length&&!C.filters.find(M=>w.isCompositeFilterDescriptor(M)||M.field!==e):!1)[0]||null,fe=(e,o)=>!!h(e,o),me=e=>{const o=l.useContext(se.GridContext),c=l.useCallback(()=>{let t;if(e.column&&e.column.field){const n=i.getFilterType(e.column.filter),r=i.getDefaultOperator(e.filterOperators,n);t=h(e.column.field,e.filter),t=t?{...t,filters:t.filters.map(a=>({...a}))}:{logic:"and",filters:[{field:e.column.field,operator:r,value:i.IsUnaryFilter(r)?null:void 0},{field:e.column.field,operator:r,value:i.IsUnaryFilter(r)?null:void 0}]},t.filters.filter(a=>a.field===e.column.field).length===1&&t.filters.splice(1,0,{field:e.column.field,operator:r})}return t},[e.column]),[g,C]=l.useState(e.expanded||!1),[M,b]=l.useState(!1),[d,q]=l.useState(c()),O=()=>e.expanded!==void 0,z=()=>{const t=O(),n=!(t?e.expanded:g);e.onExpandChange&&e.onExpandChange(n),b(!M),!t&&!o.mobileMode&&C(n)},H=t=>{T(0,t)},$=t=>{T(1,t)},T=(t,n)=>{const r=d.filters.map((a,s)=>s===t?{...a,value:n.value,operator:n.operator}:a);q({...d,filters:r})},Q=t=>{let n=t.target.value;t.target.tagName==="SPAN"&&(n=t.target.parentElement.value),q({...d,logic:n})},D=t=>{if(t.preventDefault(),!e.onFilterChange)return;const n=e.column.field,r=E(e.filter),a=h(n,e.filter),s=r.filters.filter(v=>v!==a);s.length?e.onFilterChange({...r,filters:s},t):e.onFilterChange(null,t),e.onCloseMenu&&e.onCloseMenu()},B=()=>({...d,filters:d.filters.filter(t=>t.value!==void 0&&t.value!==null&&t.value!==""||t.value===null&&t.operator)}),y=t=>{if(t.preventDefault(),!e.onFilterChange)return;const n=e.column.field,r=E(e.filter),a=h(n,e.filter),s=B();let v=null;if(a&&s.filters.length>0){const G=r.filters.map(x=>x===a?s:x);v={...r,filters:G}}else if(s.filters.length===0){const G=r.filters.filter(x=>x!==a);G.length&&(v={...r,filters:G})}else v={...r,filters:[...r.filters,s]};e.onFilterChange(v,t),e.onCloseMenu&&e.onCloseMenu()},{column:f,filterUI:J,hideSecondFilter:P,filterOperators:K}=e,m=oe.useLocalization();if(!f||!f.field)return l.createElement("div",null);const p=i.getFilterType(f.filter),W=P!==void 0?P:i.defaultHideSecondFilter[p],F=d.filters,L=i.operatorMap(K[p],m),U=i.operatorMap(i.booleanFilterValues,m),X={field:f.field,value:F[0].value,operator:F[0].operator,operators:L,booleanValues:U,onChange:H,filterType:p},Y={field:f.field,value:F[1].value,operator:F[1].operator,operators:L,booleanValues:U,onChange:$,filterType:p},A=d.logic,N=i.operatorMap(i.filterLogicList,m),S={value:N.find(t=>t.operator===(A===null?"":A)),onChange:Q,data:N},I=J,k={firstFilterProps:X,secondFilterProps:Y,logicData:S.data,logicValue:S.value,onLogicChange:S.onChange,hideSecondFilter:W},V=B().filters.length!==0||i.IsUnaryFilter(F[0].operator)||i.IsUnaryFilter(F[1].operator),_=O()?e.expanded:g,j=e.alwaysExpand&&!o.mobileMode,Z=()=>{b(!1)},ee=()=>{b(!1),e.onCloseMenu&&e.onCloseMenu()},te=`${m.toLanguageString(u.adaptiveColumnMenuFilterTitle,u.messages[u.adaptiveColumnMenuFilterTitle])} ${f.title||f.field}`;return l.createElement(ne.GridColumnMenuItemGroup,null,!j&&l.createElement("div",{className:"k-expander"},l.createElement(re.GridColumnMenuItem,{title:m.toLanguageString(u.filterTitle,u.messages[u.filterTitle]),iconClass:"k-i-filter",svgIcon:ue.filterIcon,expandable:!0,expanded:!!_,onClick:z})),o.mobileMode&&M?l.createElement(ce.GridAdaptiveFilterMenu,{FilterUI:I,filterUIProps:k,onBackView:Z,adaptiveTitle:te,handleClose:ee,submit:y,clear:D,isFilterValid:V}):l.createElement(ie.GridColumnMenuItemContent,{show:(j||!!_)&&!o.mobileMode},l.createElement("form",{className:"k-filter-menu",onSubmit:y,onReset:D},l.createElement("div",{className:"k-filter-menu-container"},I?l.createElement(I,{...k}):l.createElement(ae.GridColumnMenuFilterUI,{...k}),l.createElement("div",{className:"k-actions k-actions-stretched"},l.createElement(R.Button,{type:"button",themeColor:"primary",disabled:!V,onClick:y},m.toLanguageString(u.filterSubmitButton,u.messages[u.filterSubmitButton])),l.createElement(R.Button,{type:"reset"},m.toLanguageString(u.filterClearButton,u.messages[u.filterClearButton])))))))};exports.GridColumnMenuFilter=me;exports.filterGroupByField=h;exports.isColumnMenuFilterActive=fe;exports.rootFilterOrDefault=E;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const le=require("react"),w=require("@progress/kendo-data-query"),re=require("./GridColumnMenuItem.js"),ne=require("./GridColumnMenuItemGroup.js"),ie=require("./GridColumnMenuItemContent.js"),oe=require("@progress/kendo-react-intl"),i=require("../filterCommon.js"),u=require("../messages/index.js"),ae=require("./GridColumnMenuFilterUI.js"),R=require("@progress/kendo-react-buttons"),ue=require("@progress/kendo-svg-icons"),se=require("../utils/GridContext.js"),ce=require("./adaptiveContent/GridAdaptiveFilterMenu.js");function de(e){const a=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const c in e)if(c!=="default"){const g=Object.getOwnPropertyDescriptor(e,c);Object.defineProperty(a,c,g.get?g:{enumerable:!0,get:()=>e[c]})}}return a.default=e,Object.freeze(a)}const l=de(le),b=e=>e||{filters:[],logic:"and"},h=(e,a)=>b(a).filters.filter(C=>w.isCompositeFilterDescriptor(C)?C.filters&&C.filters.length&&!C.filters.find(M=>w.isCompositeFilterDescriptor(M)||M.field!==e):!1)[0]||null,fe=(e,a)=>!!h(e,a),me=e=>{const a=l.useContext(se.GridContext),c=l.useCallback(()=>{let t;if(e.column&&e.column.field){const n=i.getFilterType(e.column.filter),r=i.getDefaultOperator(e.filterOperators,n);t=h(e.column.field,e.filter),t=t?{...t,filters:t.filters.map(o=>({...o}))}:{logic:"and",filters:[{field:e.column.field,operator:r,value:i.IsUnaryFilter(r)?null:void 0},{field:e.column.field,operator:r,value:i.IsUnaryFilter(r)?null:void 0}]},t.filters.filter(o=>o.field===e.column.field).length===1&&t.filters.splice(1,0,{field:e.column.field,operator:r})}return t},[e.column]),[g,C]=l.useState(e.expanded||!1),[M,p]=l.useState(!1),[d,q]=l.useState(c()),O=()=>e.expanded!==void 0,z=()=>{const t=O(),n=!(t?e.expanded:g);e.onExpandChange&&e.onExpandChange(n),p(!M),!t&&!a.mobileMode&&C(n)},H=t=>{T(0,t)},$=t=>{T(1,t)},T=(t,n)=>{const r=d.filters.map((o,s)=>s===t?{...o,value:n.value,operator:n.operator}:o);q({...d,filters:r})},Q=t=>{let n=t.target.value;t.target.tagName==="SPAN"&&(n=t.target.parentElement.value),q({...d,logic:n})},D=t=>{if(t.preventDefault(),!e.onFilterChange)return;const n=e.column.field,r=b(e.filter),o=h(n,e.filter);if(!o){e.onCloseMenu&&e.onCloseMenu();return}const s=r.filters.filter(v=>v!==o);s.length?e.onFilterChange({...r,filters:s},t):e.onFilterChange(null,t),e.onCloseMenu&&e.onCloseMenu()},B=()=>({...d,filters:d.filters.filter(t=>t.value!==void 0&&t.value!==null&&t.value!==""||t.value===null&&i.IsUnaryFilter(t.operator))}),y=t=>{if(t.preventDefault(),!e.onFilterChange)return;const n=e.column.field,r=b(e.filter),o=h(n,e.filter),s=B();let v=null;if(o&&s.filters.length>0){const x=r.filters.map(E=>E===o?s:E);v={...r,filters:x}}else if(s.filters.length===0){const x=r.filters.filter(E=>E!==o);x.length&&(v={...r,filters:x})}else v={...r,filters:[...r.filters,s]};e.onFilterChange(v,t),e.onCloseMenu&&e.onCloseMenu()},{column:f,filterUI:J,hideSecondFilter:P,filterOperators:K}=e,m=oe.useLocalization();if(!f||!f.field)return l.createElement("div",null);const G=i.getFilterType(f.filter),W=P!==void 0?P:i.defaultHideSecondFilter[G],F=d.filters,U=i.operatorMap(K[G],m),L=i.operatorMap(i.booleanFilterValues,m),X={field:f.field,value:F[0].value,operator:F[0].operator,operators:U,booleanValues:L,onChange:H,filterType:G},Y={field:f.field,value:F[1].value,operator:F[1].operator,operators:U,booleanValues:L,onChange:$,filterType:G},A=d.logic,N=i.operatorMap(i.filterLogicList,m),S={value:N.find(t=>t.operator===(A===null?"":A)),onChange:Q,data:N},I=J,k={firstFilterProps:X,secondFilterProps:Y,logicData:S.data,logicValue:S.value,onLogicChange:S.onChange,hideSecondFilter:W},V=B().filters.length!==0||i.IsUnaryFilter(F[0].operator)||i.IsUnaryFilter(F[1].operator),_=O()?e.expanded:g,j=e.alwaysExpand&&!a.mobileMode,Z=()=>{p(!1)},ee=()=>{p(!1),e.onCloseMenu&&e.onCloseMenu()},te=`${m.toLanguageString(u.adaptiveColumnMenuFilterTitle,u.messages[u.adaptiveColumnMenuFilterTitle])} ${f.title||f.field}`;return l.createElement(ne.GridColumnMenuItemGroup,null,!j&&l.createElement("div",{className:"k-expander"},l.createElement(re.GridColumnMenuItem,{title:m.toLanguageString(u.filterTitle,u.messages[u.filterTitle]),iconClass:"k-i-filter",svgIcon:ue.filterIcon,expandable:!0,expanded:!!_,onClick:z})),a.mobileMode&&M?l.createElement(ce.GridAdaptiveFilterMenu,{FilterUI:I,filterUIProps:k,onBackView:Z,adaptiveTitle:te,handleClose:ee,submit:y,clear:D,isFilterValid:V}):l.createElement(ie.GridColumnMenuItemContent,{show:(j||!!_)&&!a.mobileMode},l.createElement("form",{className:"k-filter-menu",onSubmit:y,onReset:D},l.createElement("div",{className:"k-filter-menu-container"},I?l.createElement(I,{...k}):l.createElement(ae.GridColumnMenuFilterUI,{...k}),l.createElement("div",{className:"k-actions k-actions-stretched"},l.createElement(R.Button,{type:"button",themeColor:"primary",disabled:!V,onClick:y},m.toLanguageString(u.filterSubmitButton,u.messages[u.filterSubmitButton])),l.createElement(R.Button,{type:"reset"},m.toLanguageString(u.filterClearButton,u.messages[u.filterClearButton])))))))};exports.GridColumnMenuFilter=me;exports.filterGroupByField=h;exports.isColumnMenuFilterActive=fe;exports.rootFilterOrDefault=b;

package/columnMenu/GridColumnMenuFilter.mjs

@@ -12,82 +12,87 @@ import { GridColumnMenuItem as ce } from "./GridColumnMenuItem.mjs";
 import { GridColumnMenuItemGroup as se } from "./GridColumnMenuItemGroup.mjs";
 import { GridColumnMenuItemContent as ue } from "./GridColumnMenuItemContent.mjs";
 import { useLocalization as fe } from "@progress/kendo-react-intl";
-import { getFilterType as $, getDefaultOperator as de, IsUnaryFilter as v, operatorMap as y, defaultHideSecondFilter as me, filterLogicList as ge, booleanFilterValues as Ce } from "../filterCommon.mjs";
+import { getFilterType as $, getDefaultOperator as de, IsUnaryFilter as C, operatorMap as y, defaultHideSecondFilter as me, filterLogicList as ge, booleanFilterValues as Ce } from "../filterCommon.mjs";
 import { adaptiveColumnMenuFilterTitle as j, messages as E, filterTitle as q, filterSubmitButton as J, filterClearButton as K } from "../messages/index.mjs";
 import { GridColumnMenuFilterUI as Fe } from "./GridColumnMenuFilterUI.mjs";
 import { Button as Q } from "@progress/kendo-react-buttons";
 import { filterIcon as he } from "@progress/kendo-svg-icons";
 import { GridContext as ve } from "../utils/GridContext.mjs";
 import { GridAdaptiveFilterMenu as Ee } from "./adaptiveContent/GridAdaptiveFilterMenu.mjs";
-const I = (e) => e || { filters: [], logic: "and" }, p = (e, a) => I(a).filters.filter((f) => R(f) ? f.filters && f.filters.length && !f.filters.find((g) => R(g) || g.field !== e) : !1)[0] || null, Ne = (e, a) => !!p(e, a), Oe = (e) => {
+const I = (e) => e || { filters: [], logic: "and" }, x = (e, a) => I(a).filters.filter((f) => R(f) ? f.filters && f.filters.length && !f.filters.find((g) => R(g) || g.field !== e) : !1)[0] || null, Ne = (e, a) => !!x(e, a), Oe = (e) => {
   const a = l.useContext(ve), L = l.useCallback(() => {
     let t;
     if (e.column && e.column.field) {
-      const i = $(e.column.filter), r = de(e.filterOperators, i);
-      t = p(e.column.field, e.filter), t = t ? {
+      const n = $(e.column.filter), r = de(e.filterOperators, n);
+      t = x(e.column.field, e.filter), t = t ? {
         ...t,
-        filters: t.filters.map((n) => ({ ...n }))
+        filters: t.filters.map((i) => ({ ...i }))
       } : {
         logic: "and",
         filters: [
           {
             field: e.column.field,
             operator: r,
-            value: v(r) ? null : void 0
+            value: C(r) ? null : void 0
           },
           {
             field: e.column.field,
             operator: r,
-            value: v(r) ? null : void 0
+            value: C(r) ? null : void 0
           }
         ]
-      }, t.filters.filter((n) => n.field === e.column.field).length === 1 && t.filters.splice(1, 0, { field: e.column.field, operator: r });
+      }, t.filters.filter((i) => i.field === e.column.field).length === 1 && t.filters.splice(1, 0, { field: e.column.field, operator: r });
     }
     return t;
-  }, [e.column]), [x, f] = l.useState(e.expanded || !1), [g, M] = l.useState(!1), [c, T] = l.useState(L()), D = () => e.expanded !== void 0, W = () => {
-    const t = D(), i = !(t ? e.expanded : x);
-    e.onExpandChange && e.onExpandChange(i), M(!g), !t && !a.mobileMode && f(i);
+  }, [e.column]), [M, f] = l.useState(e.expanded || !1), [g, p] = l.useState(!1), [c, T] = l.useState(L()), D = () => e.expanded !== void 0, W = () => {
+    const t = D(), n = !(t ? e.expanded : M);
+    e.onExpandChange && e.onExpandChange(n), p(!g), !t && !a.mobileMode && f(n);
   }, X = (t) => {
     P(0, t);
   }, Y = (t) => {
     P(1, t);
-  }, P = (t, i) => {
-    const r = c.filters.map((n, o) => o === t ? {
-      ...n,
-      value: i.value,
-      operator: i.operator
-    } : n);
+  }, P = (t, n) => {
+    const r = c.filters.map((i, o) => o === t ? {
+      ...i,
+      value: n.value,
+      operator: n.operator
+    } : i);
     T({
       ...c,
       filters: r
     });
   }, Z = (t) => {
-    let i = t.target.value;
-    t.target.tagName === "SPAN" && (i = t.target.parentElement.value), T({ ...c, logic: i });
+    let n = t.target.value;
+    t.target.tagName === "SPAN" && (n = t.target.parentElement.value), T({ ...c, logic: n });
   }, N = (t) => {
     if (t.preventDefault(), !e.onFilterChange)
       return;
-    const i = e.column.field, r = I(e.filter), n = p(i, e.filter), o = r.filters.filter((m) => m !== n);
+    const n = e.column.field, r = I(e.filter), i = x(n, e.filter);
+    if (!i) {
+      e.onCloseMenu && e.onCloseMenu();
+      return;
+    }
+    const o = r.filters.filter((m) => m !== i);
     o.length ? e.onFilterChange({ ...r, filters: o }, t) : e.onFilterChange(null, t), e.onCloseMenu && e.onCloseMenu();
   }, O = () => ({
     ...c,
-    filters: c.filters.filter((t) => t.value !== void 0 && t.value !== null && t.value !== "" || t.value === null && t.operator)
+    filters: c.filters.filter((t) => t.value !== void 0 && t.value !== null && t.value !== "" || t.value === null && C(t.operator))
   }), G = (t) => {
     if (t.preventDefault(), !e.onFilterChange)
       return;
-    const i = e.column.field, r = I(e.filter), n = p(i, e.filter), o = O();
+    const n = e.column.field, r = I(e.filter), i = x(n, e.filter), o = O();
     let m = null;
-    if (n && o.filters.length > 0) {
-      const F = r.filters.map((h) => h === n ? o : h);
+    if (i && o.filters.length > 0) {
+      const h = r.filters.map((v) => v === i ? o : v);
       m = {
         ...r,
-        filters: F
+        filters: h
       };
     } else if (o.filters.length === 0) {
-      const F = r.filters.filter((h) => h !== n);
-      F.length && (m = {
+      const h = r.filters.filter((v) => v !== i);
+      h.length && (m = {
         ...r,
-        filters: F
+        filters: h
       });
     } else
       m = {
@@ -98,37 +103,37 @@ const I = (e) => e || { filters: [], logic: "and" }, p = (e, a) => I(a).filters.
   }, { column: s, filterUI: ee, hideSecondFilter: V, filterOperators: te } = e, u = fe();
   if (!s || !s.field)
     return /* @__PURE__ */ l.createElement("div", null);
-  const C = $(s.filter), le = V !== void 0 ? V : me[C], d = c.filters, A = y(te[C], u), B = y(Ce, u), re = {
+  const F = $(s.filter), le = V !== void 0 ? V : me[F], d = c.filters, A = y(te[F], u), B = y(Ce, u), re = {
     field: s.field,
     value: d[0].value,
     operator: d[0].operator,
     operators: A,
     booleanValues: B,
     onChange: X,
-    filterType: C
-  }, ie = {
+    filterType: F
+  }, ne = {
     field: s.field,
     value: d[1].value,
     operator: d[1].operator,
     operators: A,
     booleanValues: B,
     onChange: Y,
-    filterType: C
+    filterType: F
   }, U = c.logic, w = y(ge, u), S = {
     value: w.find((t) => t.operator === (U === null ? "" : U)),
     onChange: Z,
     data: w
   }, b = ee, k = {
     firstFilterProps: re,
-    secondFilterProps: ie,
+    secondFilterProps: ne,
     logicData: S.data,
     logicValue: S.value,
     onLogicChange: S.onChange,
     hideSecondFilter: le
-  }, _ = O().filters.length !== 0 || v(d[0].operator) || v(d[1].operator), z = D() ? e.expanded : x, H = e.alwaysExpand && !a.mobileMode, ne = () => {
-    M(!1);
+  }, _ = O().filters.length !== 0 || C(d[0].operator) || C(d[1].operator), z = D() ? e.expanded : M, H = e.alwaysExpand && !a.mobileMode, ie = () => {
+    p(!1);
   }, oe = () => {
-    M(!1), e.onCloseMenu && e.onCloseMenu();
+    p(!1), e.onCloseMenu && e.onCloseMenu();
   }, ae = `${u.toLanguageString(
     j,
     E[j]
@@ -148,7 +153,7 @@ const I = (e) => e || { filters: [], logic: "and" }, p = (e, a) => I(a).filters.
     {
       FilterUI: b,
       filterUIProps: k,
-      onBackView: ne,
+      onBackView: ie,
       adaptiveTitle: ae,
       handleClose: oe,
       submit: G,
@@ -159,7 +164,7 @@ const I = (e) => e || { filters: [], logic: "and" }, p = (e, a) => I(a).filters.
 };
 export {
   Oe as GridColumnMenuFilter,
-  p as filterGroupByField,
+  x as filterGroupByField,
   Ne as isColumnMenuFilterActive,
   I as rootFilterOrDefault
 };

package/contextMenu/GridContextMenu.js

@@ -6,4 +6,4 @@
  *-------------------------------------------------------------------------------------------
  */
 "use client";
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const S=require("react"),e=require("@progress/kendo-svg-icons"),v=require("@progress/kendo-react-intl"),M=require("@progress/kendo-react-layout"),t=require("./enums.js");function R(n){const i=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(n){for(const c in n)if(c!=="default"){const r=Object.getOwnPropertyDescriptor(n,c);Object.defineProperty(i,c,r.get?r:{enumerable:!0,get:()=>n[c]})}}return i.default=n,Object.freeze(i)}const s=R(S),x={[t.GridContextMenuItemNames.create]:{name:"create",text:"Add",icon:"plus",svgIcon:e.plusIcon,data:{action:"AddCommand"}},[t.GridContextMenuItemNames.edit]:{name:"edit",text:"Edit",icon:"pencil",svgIcon:e.pencilIcon,data:{action:"EditCommand"}},[t.GridContextMenuItemNames.delete]:{name:"delete",text:"Delete",icon:"trash",svgIcon:e.trashIcon,data:{action:"DeleteCommand"}},[t.GridContextMenuItemNames.select]:{name:"select",text:"Select",icon:"table-body",svgIcon:e.tableBodyIcon,items:[{name:"selectRow",text:"Row",icon:"table-row-groups",svgIcon:e.tableRowGroupsIcon,data:{action:"SelectRowCommand"}},{name:"selectAllRows",text:"All rows",icon:"grid",svgIcon:e.gridIcon,data:{action:"SelectAllRowsCommand"}},{name:"clearSelection",text:"Clear selection",icon:"table-unmerge",svgIcon:e.tableUnmergeIcon,data:{action:"ClearSelectionCommand"}}]},[t.GridContextMenuItemNames.pinRow]:{name:"pinRow",text:"Pin row",icon:"pin-outline",svgIcon:e.pinOutlineIcon,items:[{name:"pinTop",text:"Pin to Top",icon:"pin-outline-top",svgIcon:e.pinOutlineTopIcon,data:{action:"PinTopCommand"}},{name:"pinBottom",text:"Pin to Bottom",icon:"pin-outline-bottom",svgIcon:e.pinOutlineBottomIcon,data:{action:"PinBottomCommand"}},{name:"unpin",text:"Unpin",icon:"unpin-outline",svgIcon:e.unpinOutlineIcon,data:{action:"UnpinCommand"}}]},[t.GridContextMenuItemNames.pinTop]:{name:"pinTop",text:"Pin to Top",icon:"pin-outline-top",svgIcon:e.pinOutlineTopIcon,data:{action:"PinTopCommand"}},[t.GridContextMenuItemNames.pinBottom]:{name:"pinBottom",text:"Pin to Bottom",icon:"pin-outline-bottom",svgIcon:e.pinOutlineBottomIcon,data:{action:"PinBottomCommand"}},[t.GridContextMenuItemNames.unpin]:{name:"unpin",text:"Unpin",icon:"unpin-outline",svgIcon:e.unpinOutlineIcon,data:{action:"UnpinCommand"}},[t.GridContextMenuItemNames.copySelection]:{name:"copySelection",text:"Copy selection",icon:"page-header-section",svgIcon:e.pageHeaderSectionIcon,data:{action:"CopySelectionCommand"},options:"withHeaders"},[t.GridContextMenuItemNames.copySelectionNoHeaders]:{name:"copySelectionNoHeaders",text:"Copy selection (No Headers)",icon:"file-txt",svgIcon:e.fileTxtIcon,data:{action:"CopySelectionCommand"}},[t.GridContextMenuItemNames.paste]:{name:"paste",text:"Paste (use CTRL/⌘ + V)",icon:"clipboard",svgIcon:e.clipboardIcon,data:{action:"PasteCommand"}},[t.GridContextMenuItemNames.reorderRow]:{name:"reorderRow",text:"Reorder row",icon:"caret-alt-expand",svgIcon:e.caretAltExpandIcon,items:[{name:"reorderRowUp",text:"Up",icon:"caret-alt-up",svgIcon:e.caretAltUpIcon,data:{action:"ReorderRowCommand"}},{name:"reorderRowDown",text:"Down",icon:"caret-alt-down",svgIcon:e.caretAltDownIcon,data:{action:"ReorderRowCommand"}},{name:"reorderRowTop",text:"Top",icon:"caret-alt-to-top",svgIcon:e.caretAltToTopIcon,data:{action:"ReorderRowCommand"}},{name:"reorderRowBottom",text:"Bottom",icon:"caret-alt-to-bottom",svgIcon:e.caretAltToBottomIcon,data:{action:"ReorderRowCommand"}}]},[t.GridContextMenuItemNames.exportPDF]:{name:"exportPDF",text:"Export to PDF",icon:"file-pdf",svgIcon:e.filePdfIcon,data:{action:"ExportPDFCommand"}},[t.GridContextMenuItemNames.exportExcel]:{name:"exportExcel",text:"Export to Excel",icon:"file-excel",svgIcon:e.fileExcelIcon,items:[{name:"exportToExcelAll",text:"All",data:{action:"ExportExcelCommand"}},{name:"exportToExcelSelection",text:"Selection",data:{action:"ExportExcelCommand"},options:"selection,withHeaders"},{name:"exportToExcelSelectionNoHeaders",text:"Selection (No Headers)",data:{action:"ExportExcelCommand"},options:"selection"}]},[t.GridContextMenuItemNames.separator]:{name:"separator",separator:!0},[t.GridContextMenuItemNames.sortAsc]:{name:"sortAsc",text:"Sort Ascending",icon:"sort-asc-small",svgIcon:e.sortAscSmallIcon,data:{action:"SortCommand"}},[t.GridContextMenuItemNames.sortDesc]:{name:"sortDesc",text:"Sort Descending",icon:"sort-desc-small",svgIcon:e.sortDescSmallIcon,data:{action:"SortCommand"}}},f=n=>{const{show:i,offset:c,dataItem:r,field:d,items:m,onClose:I,onSelect:p}=n,u=v.useLocalization(),C=s.useCallback(a=>{p.call(void 0,{event:a,dataItem:r,field:d})},[p,r,d]),l=s.useCallback(a=>{const o=a;return o.text&&o.name&&(o.text=u.toLanguageString(`contextMenu.${o.name}`,o.text||"")),o.items&&Array.isArray(o.items)&&(o.items=o.items.map(w=>l(w))),o},[u]),g=s.useMemo(()=>m&&m.map(a=>{const o=typeof a=="string"?x[a]:a;return l(o)}),[m,l]);return s.createElement(M.ContextMenu,{show:i,offset:c,items:g,onClose:I,onSelect:C})};exports.GridContextMenu=f;exports.contextMenuItemsMap=x;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const w=require("react"),e=require("@progress/kendo-svg-icons"),S=require("@progress/kendo-react-intl"),M=require("@progress/kendo-react-layout"),t=require("./enums.js");function R(n){const i=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(n){for(const c in n)if(c!=="default"){const r=Object.getOwnPropertyDescriptor(n,c);Object.defineProperty(i,c,r.get?r:{enumerable:!0,get:()=>n[c]})}}return i.default=n,Object.freeze(i)}const s=R(w),I={[t.GridContextMenuItemNames.create]:{name:"create",text:"Add",icon:"plus",svgIcon:e.plusIcon,data:{action:"AddCommand"}},[t.GridContextMenuItemNames.edit]:{name:"edit",text:"Edit",icon:"pencil",svgIcon:e.pencilIcon,data:{action:"EditCommand"}},[t.GridContextMenuItemNames.delete]:{name:"delete",text:"Delete",icon:"trash",svgIcon:e.trashIcon,data:{action:"DeleteCommand"}},[t.GridContextMenuItemNames.select]:{name:"select",text:"Select",icon:"table-body",svgIcon:e.tableBodyIcon,items:[{name:"selectRow",text:"Row",icon:"table-row-groups",svgIcon:e.tableRowGroupsIcon,data:{action:"SelectRowCommand"}},{name:"selectAllRows",text:"All rows",icon:"grid",svgIcon:e.gridIcon,data:{action:"SelectAllRowsCommand"}},{name:"clearSelection",text:"Clear selection",icon:"table-unmerge",svgIcon:e.tableUnmergeIcon,data:{action:"ClearSelectionCommand"}}]},[t.GridContextMenuItemNames.pinRow]:{name:"pinRow",text:"Pin row",icon:"pin",svgIcon:e.pinIcon,items:[{name:"pinTop",text:"Pin to Top",icon:"pin-top",svgIcon:e.pinTopIcon,data:{action:"PinTopCommand"}},{name:"pinBottom",text:"Pin to Bottom",icon:"pin-bottom",svgIcon:e.pinBottomIcon,data:{action:"PinBottomCommand"}},{name:"unpin",text:"Unpin",icon:"unpin",svgIcon:e.unpinIcon,data:{action:"UnpinCommand"}}]},[t.GridContextMenuItemNames.pinTop]:{name:"pinTop",text:"Pin to Top",icon:"pin-top",svgIcon:e.pinTopIcon,data:{action:"PinTopCommand"}},[t.GridContextMenuItemNames.pinBottom]:{name:"pinBottom",text:"Pin to Bottom",icon:"pin-bottom",svgIcon:e.pinBottomIcon,data:{action:"PinBottomCommand"}},[t.GridContextMenuItemNames.unpin]:{name:"unpin",text:"Unpin",icon:"unpin",svgIcon:e.unpinIcon,data:{action:"UnpinCommand"}},[t.GridContextMenuItemNames.copySelection]:{name:"copySelection",text:"Copy selection",icon:"page-header-section",svgIcon:e.pageHeaderSectionIcon,data:{action:"CopySelectionCommand"},options:"withHeaders"},[t.GridContextMenuItemNames.copySelectionNoHeaders]:{name:"copySelectionNoHeaders",text:"Copy selection (No Headers)",icon:"file-txt",svgIcon:e.fileTxtIcon,data:{action:"CopySelectionCommand"}},[t.GridContextMenuItemNames.paste]:{name:"paste",text:"Paste (use CTRL/⌘ + V)",icon:"clipboard",svgIcon:e.clipboardIcon,data:{action:"PasteCommand"}},[t.GridContextMenuItemNames.reorderRow]:{name:"reorderRow",text:"Reorder row",icon:"caret-alt-expand",svgIcon:e.caretAltExpandIcon,items:[{name:"reorderRowUp",text:"Up",icon:"chevron-up",svgIcon:e.chevronUpIcon,data:{action:"ReorderRowCommand"}},{name:"reorderRowDown",text:"Down",icon:"chevron-down",svgIcon:e.chevronDownIcon,data:{action:"ReorderRowCommand"}},{name:"reorderRowTop",text:"Top",icon:"chevron-double-up",svgIcon:e.chevronDoubleUpIcon,data:{action:"ReorderRowCommand"}},{name:"reorderRowBottom",text:"Bottom",icon:"chevron-double-down",svgIcon:e.chevronDoubleDownIcon,data:{action:"ReorderRowCommand"}}]},[t.GridContextMenuItemNames.exportPDF]:{name:"exportPDF",text:"Export to PDF",icon:"file-pdf",svgIcon:e.filePdfIcon,data:{action:"ExportPDFCommand"}},[t.GridContextMenuItemNames.exportExcel]:{name:"exportExcel",text:"Export to Excel",icon:"file-excel",svgIcon:e.fileExcelIcon,items:[{name:"exportToExcelAll",text:"All",data:{action:"ExportExcelCommand"}},{name:"exportToExcelSelection",text:"Selection",data:{action:"ExportExcelCommand"},options:"selection,withHeaders"},{name:"exportToExcelSelectionNoHeaders",text:"Selection (No Headers)",data:{action:"ExportExcelCommand"},options:"selection"}]},[t.GridContextMenuItemNames.separator]:{name:"separator",separator:!0},[t.GridContextMenuItemNames.sortAsc]:{name:"sortAsc",text:"Sort Ascending",icon:"sort-asc-small",svgIcon:e.sortAscSmallIcon,data:{action:"SortCommand"}},[t.GridContextMenuItemNames.sortDesc]:{name:"sortDesc",text:"Sort Descending",icon:"sort-desc-small",svgIcon:e.sortDescSmallIcon,data:{action:"SortCommand"}}},b=n=>{const{show:i,offset:c,dataItem:r,field:l,items:m,onClose:u,onSelect:p}=n,x=S.useLocalization(),C=s.useCallback(a=>{p.call(void 0,{event:a,dataItem:r,field:l})},[p,r,l]),d=s.useCallback(a=>{const o=a;return o.text&&o.name&&(o.text=x.toLanguageString(`contextMenu.${o.name}`,o.text||"")),o.items&&Array.isArray(o.items)&&(o.items=o.items.map(v=>d(v))),o},[x]),g=s.useMemo(()=>m&&m.map(a=>{const o=typeof a=="string"?I[a]:a;return d(o)}),[m,d]);return s.createElement(M.ContextMenu,{show:i,offset:c,items:g,onClose:u,onSelect:C})};exports.GridContextMenu=b;exports.contextMenuItemsMap=I;

package/contextMenu/GridContextMenu.mjs

@@ -7,30 +7,30 @@
  */
 "use client";
 import * as a from "react";
-import { sortDescSmallIcon as S, sortAscSmallIcon as R, fileExcelIcon as f, filePdfIcon as E, caretAltUpIcon as A, caretAltDownIcon as T, caretAltToTopIcon as P, caretAltToBottomIcon as b, caretAltExpandIcon as y, clipboardIcon as D, fileTxtIcon as B, pageHeaderSectionIcon as H, unpinOutlineIcon as s, pinOutlineBottomIcon as d, pinOutlineTopIcon as p, pinOutlineIcon as U, tableRowGroupsIcon as h, gridIcon as M, tableUnmergeIcon as N, tableBodyIcon as F, trashIcon as O, pencilIcon as z, plusIcon as G } from "@progress/kendo-svg-icons";
-import { useLocalization as L } from "@progress/kendo-react-intl";
-import { ContextMenu as k } from "@progress/kendo-react-layout";
+import { sortDescSmallIcon as S, sortAscSmallIcon as R, fileExcelIcon as f, filePdfIcon as E, chevronUpIcon as b, chevronDownIcon as D, chevronDoubleUpIcon as P, chevronDoubleDownIcon as h, caretAltExpandIcon as T, clipboardIcon as A, fileTxtIcon as y, pageHeaderSectionIcon as B, unpinIcon as d, pinBottomIcon as l, pinTopIcon as p, pinIcon as U, tableRowGroupsIcon as H, gridIcon as M, tableUnmergeIcon as N, tableBodyIcon as F, trashIcon as z, pencilIcon as G, plusIcon as L } from "@progress/kendo-svg-icons";
+import { useLocalization as k } from "@progress/kendo-react-intl";
+import { ContextMenu as V } from "@progress/kendo-react-layout";
 import { GridContextMenuItemNames as o } from "./enums.mjs";
-const V = {
+const $ = {
   [o.create]: {
     name: "create",
     text: "Add",
     icon: "plus",
-    svgIcon: G,
+    svgIcon: L,
     data: { action: "AddCommand" }
   },
   [o.edit]: {
     name: "edit",
     text: "Edit",
     icon: "pencil",
-    svgIcon: z,
+    svgIcon: G,
     data: { action: "EditCommand" }
   },
   [o.delete]: {
     name: "delete",
     text: "Delete",
     icon: "trash",
-    svgIcon: O,
+    svgIcon: z,
     data: { action: "DeleteCommand" }
   },
   [o.select]: {
@@ -43,7 +43,7 @@ const V = {
         name: "selectRow",
         text: "Row",
         icon: "table-row-groups",
-        svgIcon: h,
+        svgIcon: H,
         data: { action: "SelectRowCommand" }
       },
       {
@@ -65,28 +65,28 @@ const V = {
   [o.pinRow]: {
     name: "pinRow",
     text: "Pin row",
-    icon: "pin-outline",
+    icon: "pin",
     svgIcon: U,
     items: [
       {
         name: "pinTop",
         text: "Pin to Top",
-        icon: "pin-outline-top",
+        icon: "pin-top",
         svgIcon: p,
         data: { action: "PinTopCommand" }
       },
       {
         name: "pinBottom",
         text: "Pin to Bottom",
-        icon: "pin-outline-bottom",
-        svgIcon: d,
+        icon: "pin-bottom",
+        svgIcon: l,
         data: { action: "PinBottomCommand" }
       },
       {
         name: "unpin",
         text: "Unpin",
-        icon: "unpin-outline",
-        svgIcon: s,
+        icon: "unpin",
+        svgIcon: d,
         data: { action: "UnpinCommand" }
       }
     ]
@@ -94,29 +94,29 @@ const V = {
   [o.pinTop]: {
     name: "pinTop",
     text: "Pin to Top",
-    icon: "pin-outline-top",
+    icon: "pin-top",
     svgIcon: p,
     data: { action: "PinTopCommand" }
   },
   [o.pinBottom]: {
     name: "pinBottom",
     text: "Pin to Bottom",
-    icon: "pin-outline-bottom",
-    svgIcon: d,
+    icon: "pin-bottom",
+    svgIcon: l,
     data: { action: "PinBottomCommand" }
   },
   [o.unpin]: {
     name: "unpin",
     text: "Unpin",
-    icon: "unpin-outline",
-    svgIcon: s,
+    icon: "unpin",
+    svgIcon: d,
     data: { action: "UnpinCommand" }
   },
   [o.copySelection]: {
     name: "copySelection",
     text: "Copy selection",
     icon: "page-header-section",
-    svgIcon: H,
+    svgIcon: B,
     data: { action: "CopySelectionCommand" },
     options: "withHeaders"
   },
@@ -124,48 +124,48 @@ const V = {
     name: "copySelectionNoHeaders",
     text: "Copy selection (No Headers)",
     icon: "file-txt",
-    svgIcon: B,
+    svgIcon: y,
     data: { action: "CopySelectionCommand" }
   },
   [o.paste]: {
     name: "paste",
     text: "Paste (use CTRL/⌘ + V)",
     icon: "clipboard",
-    svgIcon: D,
+    svgIcon: A,
     data: { action: "PasteCommand" }
   },
   [o.reorderRow]: {
     name: "reorderRow",
     text: "Reorder row",
     icon: "caret-alt-expand",
-    svgIcon: y,
+    svgIcon: T,
     items: [
       {
         name: "reorderRowUp",
         text: "Up",
-        icon: "caret-alt-up",
-        svgIcon: A,
+        icon: "chevron-up",
+        svgIcon: b,
         data: { action: "ReorderRowCommand" }
       },
       {
         name: "reorderRowDown",
         text: "Down",
-        icon: "caret-alt-down",
-        svgIcon: T,
+        icon: "chevron-down",
+        svgIcon: D,
         data: { action: "ReorderRowCommand" }
       },
       {
         name: "reorderRowTop",
         text: "Top",
-        icon: "caret-alt-to-top",
+        icon: "chevron-double-up",
         svgIcon: P,
         data: { action: "ReorderRowCommand" }
       },
       {
         name: "reorderRowBottom",
         text: "Bottom",
-        icon: "caret-alt-to-bottom",
-        svgIcon: b,
+        icon: "chevron-double-down",
+        svgIcon: h,
         data: { action: "ReorderRowCommand" }
       }
     ]
@@ -213,29 +213,29 @@ const V = {
     svgIcon: S,
     data: { action: "SortCommand" }
   }
-}, K = (x) => {
-  const { show: I, offset: u, dataItem: i, field: m, items: n, onClose: g, onSelect: r } = x, l = L(), C = a.useCallback(
-    (e) => {
+}, O = (x) => {
+  const { show: I, offset: g, dataItem: i, field: m, items: n, onClose: C, onSelect: r } = x, s = k(), u = a.useCallback(
+    (t) => {
       r.call(void 0, {
-        event: e,
+        event: t,
         dataItem: i,
         field: m
       });
     },
     [r, i, m]
   ), c = a.useCallback(
-    (e) => {
-      const t = e;
-      return t.text && t.name && (t.text = l.toLanguageString(`contextMenu.${t.name}`, t.text || "")), t.items && Array.isArray(t.items) && (t.items = t.items.map((v) => c(v))), t;
+    (t) => {
+      const e = t;
+      return e.text && e.name && (e.text = s.toLanguageString(`contextMenu.${e.name}`, e.text || "")), e.items && Array.isArray(e.items) && (e.items = e.items.map((w) => c(w))), e;
     },
-    [l]
-  ), w = a.useMemo(() => n && n.map((e) => {
-    const t = typeof e == "string" ? V[e] : e;
-    return c(t);
+    [s]
+  ), v = a.useMemo(() => n && n.map((t) => {
+    const e = typeof t == "string" ? $[t] : t;
+    return c(e);
   }), [n, c]);
-  return /* @__PURE__ */ a.createElement(k, { show: I, offset: u, items: w, onClose: g, onSelect: C });
+  return /* @__PURE__ */ a.createElement(V, { show: I, offset: g, items: v, onClose: C, onSelect: u });
 };
 export {
-  K as GridContextMenu,
-  V as contextMenuItemsMap
+  O as GridContextMenu,
+  $ as contextMenuItemsMap
 };