@progress/kendo-react-grid 9.4.0-develop.27 → 9.4.0-develop.29

package/GridComponent.mjs

@@ -8,7 +8,7 @@
 import * as l from "react";
 import { validatePackage as wt, uGrid as Et, getter as H, classNames as f, canUseDOM as It } from "@progress/kendo-react-common";
 import { process as St } from "@progress/kendo-data-query";
-import { combineFilters as vt, getDetailExpandableOptions as Rt, getGroupExpandableOptions as xt, getSelectionOptions as Gt, tableKeyboardNavigationTools as p, Pager as kt, tableKeyboardNavigationBodyAttributes as Nt, tableKeyboardNavigationScopeAttributes as Ke, tableColumnsVirtualization as Ft } from "@progress/kendo-react-data-tools";
+import { combineFilters as vt, getDetailExpandableOptions as Rt, getGroupExpandableOptions as xt, getSelectionOptions as Gt, tableKeyboardNavigationTools as ee, Pager as kt, tableKeyboardNavigationBodyAttributes as Nt, tableKeyboardNavigationScopeAttributes as Ke, tableColumnsVirtualization as Ft } from "@progress/kendo-react-data-tools";
 import { GridSelectionCell as Dt } from "./cells/GridSelectionCell.mjs";
 import { GridHierarchyCell as Tt } from "./cells/GridHierarchyCell.mjs";
 import { GridEditCell as Ht } from "./cells/GridEditCell.mjs";
@@ -17,7 +17,7 @@ import { HeaderRow as At } from "./header/HeaderRow.mjs";
 import { FilterRow as Bt } from "./header/FilterRow.mjs";
 import { GroupPanel as Pt } from "./header/GroupPanel.mjs";
 import { Footer as Vt } from "./footer/Footer.mjs";
-import { isRowReorderEnabled as Lt, getRowSpanOptions as Ae, getColumnWidth as ee, isSorted as Be, flatData as Ot, autoGenerateColumns as _t, mapColumns as zt, clientColumn as Mt, getNestedValue as Pe, getColSpan as Ve, resolveCells as Wt, isClientReference as jt, sanitizeColumns as $t, readColumns as Ut } from "./utils/index.mjs";
+import { isRowReorderEnabled as Lt, getRowSpanOptions as Ae, getColumnWidth as te, isSorted as Be, flatData as Ot, autoGenerateColumns as _t, mapColumns as zt, clientColumn as Mt, getNestedValue as Pe, getColSpan as Ve, resolveCells as Wt, isClientReference as jt, sanitizeColumns as $t, readColumns as Ut } from "./utils/index.mjs";
 import { GridCell as Jt } from "./cells/GridCell.mjs";
 import { GridGroupCell as Le } from "./cells/GridGroupCell.mjs";
 import { GridRow as Qt } from "./rows/GridRow.mjs";
@@ -51,8 +51,8 @@ import { GridReorderableRowsContainer as fl } from "./components/GridDraggableRo
 import { GridRowReorderCell as gl } from "./cells/GridRowReorderCell.mjs";
 import { GridHeaderRowReorderCell as bl } from "./header/client/GridHeaderRowReorderCell.mjs";
 import { GridLoader as Qe } from "./components/GridLoader.mjs";
-const hl = l.forwardRef((e, te) => {
-  var Ie, Se, ve, Re, xe, Ge, ke;
+const hl = l.forwardRef((e, le) => {
+  var Se, ve, Re, xe, Ge, ke, Ne;
   const R = e.id + "-role-element-id", x = e.navigatable ? R : "";
   wt(qt);
   const Xe = (t, r, d, o, i, a, c) => {
@@ -102,7 +102,7 @@ const hl = l.forwardRef((e, te) => {
         prevId: 0,
         idPrefix: x
       }
-    )), m.current = pe(m.current), tt(m.current, r), G = zt(m.current, !0), ae.current = m.current.map(Mt);
+    )), m.current = pe(m.current), tt(m.current, r), G = zt(m.current, !0), re.current = m.current.map(Mt);
   }, tt = (t, r) => {
     var i;
     t.filter((a) => e.selectedField && a.field === e.selectedField || a.columnType === "checkbox").forEach((a) => {
@@ -147,12 +147,12 @@ const hl = l.forwardRef((e, te) => {
         locked: e.lockGroups
       }), o++;
     t.slice(o).forEach((a) => {
-      a.parentIndex >= 0 && (a.parentIndex += o), a.rowSpannable = a.rowSpannable !== void 0 ? Ae(a.rowSpannable) : ne;
+      a.parentIndex >= 0 && (a.parentIndex += o), a.rowSpannable = a.rowSpannable !== void 0 ? Ae(a.rowSpannable) : ie;
     });
-  }, le = () => C.length === e.total, lt = () => {
-    const { rowHeight: t, detailRowHeight: r, detail: d, expandField: o } = e, i = le(), a = t !== void 0 && t > 0, c = r !== void 0 && r > 0;
+  }, ae = () => C.length === e.total, lt = () => {
+    const { rowHeight: t, detailRowHeight: r, detail: d, expandField: o } = e, i = ae(), a = t !== void 0 && t > 0, c = r !== void 0 && r > 0;
     return !a || K && !i || !!(d && o) && (!c || !i) ? ml : j;
-  }, $ = () => e.isClient ? m : ae, at = (t, r, d, o, i, a) => {
+  }, $ = () => e.isClient ? m : re, at = (t, r, d, o, i, a) => {
     let c = Ve(t, r);
     if (e.columnVirtualization && t.colSpan === 1)
       return { colSpan: a, colsToSkip: i };
@@ -160,7 +160,7 @@ const hl = l.forwardRef((e, te) => {
     return e.columnVirtualization && (s = b.length - 1 === o, h = b.length - o), c > 1 && !s ? i = c - 1 : c = 1, h <= c && !s && (c = h), { colSpan: c, colsToSkip: i };
   };
   let U, g = [], O;
-  const m = e.columnsRef || { current: [] }, ae = { current: [] };
+  const m = e.columnsRef || { current: [] }, re = { current: [] };
   let G = [[]];
   const rt = e.scrollLeftRef || { current: 0 }, _ = e.localization || new dl(), nt = e.intl || new cl("en"), k = e.unstyled, u = k && k.uGrid ? k.uGrid : Et, N = Lt(e.rowReorderable), F = e.autoProcessData === !0 ? {
     group: !0,
@@ -170,7 +170,7 @@ const hl = l.forwardRef((e, te) => {
     page: !0
   } : e.autoProcessData;
   let C, v;
-  if (Array.isArray(e.data) ? (C = e.data, v = (Ie = e.total) != null ? Ie : C.length) : (C = ((Se = e.data) == null ? void 0 : Se.data) || [], v = (xe = (Re = e.total) != null ? Re : (ve = e.data) == null ? void 0 : ve.total) != null ? xe : C.length), F) {
+  if (Array.isArray(e.data) ? (C = e.data, v = (Se = e.total) != null ? Se : C.length) : (C = ((ve = e.data) == null ? void 0 : ve.data) || [], v = (Ge = (xe = e.total) != null ? xe : (Re = e.data) == null ? void 0 : Re.total) != null ? Ge : C.length), F) {
     const { data: t, total: r } = St(C, {
       group: F.group ? e.group : void 0,
       sort: F.sort ? e.sort : void 0,
@@ -183,7 +183,7 @@ const hl = l.forwardRef((e, te) => {
         skip: e.skip
       } : {}
     });
-    C = t, v = (Ge = e.total) != null ? Ge : r;
+    C = t, v = (ke = e.total) != null ? ke : r;
   }
   const { size: E = "medium" } = e, it = typeof e.groupable == "object" && e.groupable.footer || "none", D = e.scrollable === "virtual", K = e.groupable === !0 || typeof e.groupable == "object" && e.groupable.enabled !== !1, A = Rt(!!e.detail), ot = xt(
     typeof e.groupable == "object" && e.groupable.enabled !== !1 ? e.groupable.expandable : e.groupable
@@ -198,15 +198,15 @@ const hl = l.forwardRef((e, te) => {
   );
   g = ct;
   const J = lt();
-  J === j && le() && (O = g.slice(
+  J === j && ae() && (O = g.slice(
     e.skip || 0,
     (e.skip || 0) + ((e.take !== void 0 ? e.take : e.pageSize) || 0)
   ));
-  const re = Gt(e.selectable || !!e.selectedField), ne = Ae(e.rowSpannable), st = re && re.drag ? "none" : void 0, z = l.Children.toArray(e.children);
+  const ne = Gt(e.selectable || !!e.selectedField), ie = Ae(e.rowSpannable), st = ne && ne.drag ? "none" : void 0, z = l.Children.toArray(e.children);
   et(z, dt);
-  const ie = z.map((t) => t && t.type && t.type.displayName === "KendoReactGridToolbar" ? l.cloneElement(t, { ...t.props, ariaControls: R }) : null), M = z.filter((t) => t && t.type && t.type.displayName === "KendoReactGridNoRecords"), oe = z.filter(
+  const oe = z.map((t) => t && t.type && t.type.displayName === "KendoReactGridToolbar" ? l.cloneElement(t, { ...t.props, ariaControls: R }) : null), M = z.filter((t) => t && t.type && t.type.displayName === "KendoReactGridNoRecords"), de = z.filter(
     (t) => t && t.type && t.type.displayName === "KendoReactGridStatusBar"
-  ), b = m.current.filter((t) => t.children.length === 0), de = K && /* @__PURE__ */ l.createElement(Pt, { columns: $().current, group: e.group || [], ariaControls: R }), ce = /* @__PURE__ */ l.createElement(
+  ), b = m.current.filter((t) => t.children.length === 0), ce = K && /* @__PURE__ */ l.createElement(Pt, { columns: $().current, group: e.group || [], ariaControls: R }), se = /* @__PURE__ */ l.createElement(
     Kt,
     {
       size: E,
@@ -251,7 +251,7 @@ const hl = l.forwardRef((e, te) => {
           localization: _
         }
       ) || void 0,
-      cols: b.map((t, r) => /* @__PURE__ */ l.createElement("col", { key: r.toString(), width: ee(t) }))
+      cols: b.map((t, r) => /* @__PURE__ */ l.createElement("col", { key: r.toString(), width: te(t) }))
     }
   ), mt = rt.current || 0, ut = parseFloat(((e.style || {}).width || "").toString()), ft = (t, r, d, o, i) => {
     let a = !1;
@@ -287,14 +287,14 @@ const hl = l.forwardRef((e, te) => {
         );
         s = Y;
         const V = n.id ? n.id : y, ht = f(u.contentSticky({ locked: n.locked }), n.className), yt = n.left !== void 0 ? { left: n.left, right: n.right } : {};
-        let Ne = !1;
+        let Z = !1;
         if (n.editable && (e.editable || e.editField)) {
-          const S = e.editField ? Pe(e.editField, t.dataItem) : e.edit && e.dataItemKey ? e.edit[H(e.dataItemKey)(t.dataItem)] : void 0, q = typeof S == "boolean" ? S : Array.isArray(S) ? S.indexOf(n.field) > -1 : n.field !== void 0 && S === n.field;
-          q && n.columnType === "data" && (q === !0 || q === n.field) && (a = !0, Ne = !0);
+          const S = e.editField ? Pe(e.editField, t.dataItem) : e.edit && e.dataItemKey ? e.edit[H(e.dataItemKey)(t.dataItem)] : void 0, p = typeof S == "boolean" ? S : Array.isArray(S) ? S.indexOf(n.field) > -1 : n.field !== void 0 && S === n.field;
+          p && n.columnType === "data" && (p === !0 || p === n.field) && (a = !0, Z = !0);
         }
-        const Z = n.cell || Ne && Ht || Jt, Ct = e.expandField && e.detail && n.field === e.expandField || n._type === "expand", L = {
+        const q = n.cell || Z && Ht || Jt, Ct = e.expandField && e.detail && n.field === e.expandField || n._type === "expand", L = {
           locked: e.lockGroups,
-          id: p.generateNavigatableId(
+          id: ee.generateNavigatableId(
             `${r}-${String(y)}`,
             x,
             Ct || t.rowType === "groupHeader" || t.rowType === "groupFooter" || n.field === "value" ? "nodata" : "cell"
@@ -321,7 +321,7 @@ const hl = l.forwardRef((e, te) => {
           ariaColumnIndex: n.ariaColumnIndex,
           isSelected: (n == null ? void 0 : n._type) === "edit" ? c : Array.isArray(c) && c.indexOf(y) > -1,
           isSorted: !!Be(n.field, e.sort),
-          isInEdit: a,
+          isInEdit: Z,
           isAlt: o,
           unstyled: k,
           group: t.group,
@@ -333,38 +333,38 @@ const hl = l.forwardRef((e, te) => {
           ul,
           {
             key: V,
-            isClient: jt(Z),
+            isClient: jt(q),
             dataItem: L.dataItem,
             rowDataIndex: L.rowDataIndex,
             columnIndex: L.columnIndex
           },
-          /* @__PURE__ */ l.createElement(Z, { ...L })
-        ) : /* @__PURE__ */ l.createElement(Z, { key: V, ...L });
+          /* @__PURE__ */ l.createElement(q, { ...L })
+        ) : /* @__PURE__ */ l.createElement(q, { key: V, ...L });
       }),
       isInEdit: a,
       isSelected: typeof c == "boolean" && c
     };
   };
-  let se = 0;
+  let me = 0;
   if (D && U)
     for (let t = 0; t < U.topCacheCount + U.attendedSkip - (e.skip || 0); t++) {
       const r = g.shift();
       if (r)
-        g.push(r), se++, r.rowType === "groupHeader" && t--;
+        g.push(r), me++, r.rowType === "groupHeader" && t--;
       else
         break;
     }
-  const me = (t) => t >= g.length - se;
-  let ue = e.skip || 0;
-  const Q = [], fe = !g.length, ge = G.length + (e.filterable ? 1 : 0) + 1;
+  const ue = (t) => t >= g.length - me;
+  let fe = e.skip || 0;
+  const Q = [], ge = !g.length, be = G.length + (e.filterable ? 1 : 0) + 1;
   let B = 0;
   if (g.length) {
     let t = -1, r = 0;
-    const d = ne.enabled ? {} : void 0;
+    const d = ie.enabled ? {} : void 0;
     (O || g).forEach((o, i) => {
-      o.rowType === "data" && (ue++, t++);
-      const a = ue % 2 === 0, c = e.dataItemKey && H(e.dataItemKey)(o.dataItem), s = i + (e.skip || 0), h = c || "ai" + s, T = h + "_1", I = ft(o, h, t, a, d);
-      if (B = s + ge + r, Q.push(
+      o.rowType === "data" && (fe++, t++);
+      const a = fe % 2 === 0, c = e.dataItemKey && H(e.dataItemKey)(o.dataItem), s = i + (e.skip || 0), h = c || "ai" + s, T = h + "_1", I = ft(o, h, t, a, d);
+      if (B = s + be + r, Q.push(
         /* @__PURE__ */ l.createElement(
           Qt,
           {
@@ -374,7 +374,7 @@ const hl = l.forwardRef((e, te) => {
             isInEdit: I.isInEdit,
             rowType: o.rowType,
             isRowReorderable: N,
-            isHidden: me(i),
+            isHidden: ue(i),
             onClick: null,
             onDoubleClick: null,
             selectedField: e.selectedField,
@@ -390,14 +390,14 @@ const hl = l.forwardRef((e, te) => {
         )
       ), e.detail && o.rowType === "data" && o.expanded) {
         const n = b.length - (e.expandField || A.enabled ? 1 : 0) - (e.group ? e.group.length : 0) || 1;
-        r++, B = s + ge + r, Q.push(
+        r++, B = s + be + r, Q.push(
           /* @__PURE__ */ l.createElement(
             "tr",
             {
               key: T,
               className: f(u.detailTr({ isAlt: a })),
               style: {
-                visibility: me(i) ? "hidden" : "",
+                visibility: ue(i) ? "hidden" : "",
                 height: e.detailRowHeight
               },
               role: "row",
@@ -428,7 +428,7 @@ const hl = l.forwardRef((e, te) => {
               el,
               {
                 unstyled: k,
-                id: p.generateNavigatableId(`${T}-dhcell`, x)
+                id: ee.generateNavigatableId(`${T}-dhcell`, x)
               }
             ),
             /* @__PURE__ */ l.createElement(
@@ -439,7 +439,7 @@ const hl = l.forwardRef((e, te) => {
                 colSpan: n,
                 ariaColIndex: 2 + (e.group ? e.group.length : 0),
                 detail: e.detail,
-                id: p.generateNavigatableId(`${T}-dcell`, x)
+                id: ee.generateNavigatableId(`${T}-dcell`, x)
               }
             )
           )
@@ -447,13 +447,13 @@ const hl = l.forwardRef((e, te) => {
       }
     });
   }
-  const be = {
+  const he = {
     size: E,
     total: v,
     skip: e.skip || 0,
     take: (e.take !== void 0 ? e.take : e.pageSize) || 10,
     ...Zt(e.pageable || {})
-  }, he = /* @__PURE__ */ l.createElement(rl, null, e.pager ? /* @__PURE__ */ l.createElement(e.pager, { ...be }) : /* @__PURE__ */ l.createElement(kt, { className: f(u.pager({})), ...be })), gt = (t, r) => /* @__PURE__ */ l.createElement("col", { key: r.toString(), width: ee(t) }), bt = (ke = e.cells) != null && ke.footerCell || m.current.some((t) => {
+  }, ye = /* @__PURE__ */ l.createElement(rl, null, e.pager ? /* @__PURE__ */ l.createElement(e.pager, { ...he }) : /* @__PURE__ */ l.createElement(kt, { className: f(u.pager({})), ...he })), gt = (t, r) => /* @__PURE__ */ l.createElement("col", { key: r.toString(), width: te(t) }), bt = (Ne = e.cells) != null && Ne.footerCell || m.current.some((t) => {
     var r;
     return !!(t.footerCell || (r = t.cells) != null && r.footerCell);
   }) ? /* @__PURE__ */ l.createElement(
@@ -472,14 +472,14 @@ const hl = l.forwardRef((e, te) => {
       ),
       cols: b.map(gt)
     }
-  ) : null, ye = /* @__PURE__ */ l.createElement(ll, null, b.map((t, r) => /* @__PURE__ */ l.createElement(
+  ) : null, Ce = /* @__PURE__ */ l.createElement(ll, null, b.map((t, r) => /* @__PURE__ */ l.createElement(
     "col",
     {
       key: r.toString(),
       className: Be(t.field, e.sort) ? f(u.sorted({})) : void 0,
-      width: ee(t)
+      width: te(t)
     }
-  ))), Ce = e.reorderable || K, { detail: yl, cells: Cl, rows: wl, ...we } = e, Ee = /* @__PURE__ */ l.createElement(
+  ))), we = e.reorderable || K, { detail: yl, cells: Cl, rows: wl, ...Ee } = e, Ie = /* @__PURE__ */ l.createElement(
     "tbody",
     {
       role: "rowgroup",
@@ -488,7 +488,7 @@ const hl = l.forwardRef((e, te) => {
     },
     Q
   );
-  let X = Ee;
+  let X = Ie;
   if (N && (X = /* @__PURE__ */ l.createElement(
     fl,
     {
@@ -496,13 +496,13 @@ const hl = l.forwardRef((e, te) => {
       columns: m.current,
       rowReorderSettings: e.rowReorderable
     },
-    Ee
+    Ie
   )), e.scrollable === "none")
     return /* @__PURE__ */ l.createElement(
       Me,
       {
-        gridRef: te,
-        gridProps: we,
+        gridRef: le,
+        gridProps: Ee,
         columnsRef: $(),
         columnsMapRef: G,
         dataRef: g,
@@ -521,31 +521,31 @@ const hl = l.forwardRef((e, te) => {
           "aria-label": e.ariaLabel,
           ...Ke
         },
-        ie,
-        de,
+        oe,
+        ce,
         /* @__PURE__ */ l.createElement(
           al,
           {
             selectable: e.selectable,
             className: f(u.table({ size: E }))
           },
-          ye,
-          ce,
+          Ce,
+          se,
           /* @__PURE__ */ l.createElement($e, { rowReorderable: N }, X)
         ),
-        fe && /* @__PURE__ */ l.createElement(ze, null, M.length ? M : /* @__PURE__ */ l.createElement(Oe, null)),
-        Ce && /* @__PURE__ */ l.createElement(l.Fragment, null, /* @__PURE__ */ l.createElement(We, null), /* @__PURE__ */ l.createElement(je, null))
+        ge && /* @__PURE__ */ l.createElement(ze, null, M.length ? M : /* @__PURE__ */ l.createElement(Oe, null)),
+        we && /* @__PURE__ */ l.createElement(l.Fragment, null, /* @__PURE__ */ l.createElement(We, null), /* @__PURE__ */ l.createElement(je, null))
       )),
-      oe,
-      e.pageable && he,
+      de,
+      e.pageable && ye,
       /* @__PURE__ */ l.createElement(Qe, { loader: e.loader, showLoader: e.showLoader })
     );
   let W = e.style || {};
   return D && (W.height || (W = Object.assign({}, W, { height: "450px" }))), /* @__PURE__ */ l.createElement(
     Me,
     {
-      gridRef: te,
-      gridProps: we,
+      gridRef: le,
+      gridProps: Ee,
       columnsRef: $(),
       columnsMapRef: G,
       dataRef: g,
@@ -570,8 +570,8 @@ const hl = l.forwardRef((e, te) => {
         "aria-label": e.ariaLabel,
         ...Ke
       },
-      ie,
-      de,
+      oe,
+      ce,
       /* @__PURE__ */ l.createElement(
         "div",
         {
@@ -582,7 +582,7 @@ const hl = l.forwardRef((e, te) => {
           id: R,
           "aria-label": _.toLanguageString(Je, sl[Je])
         },
-        ce,
+        se,
         /* @__PURE__ */ l.createElement("div", { className: f(u.container({})), role: "presentation" }, /* @__PURE__ */ l.createElement(il, null, /* @__PURE__ */ l.createElement("div", { className: f(u.content({})), role: "presentation" }, /* @__PURE__ */ l.createElement("div", { className: f(u.tableWrap({})), role: "presentation" }, /* @__PURE__ */ l.createElement(
           nl,
           {
@@ -594,9 +594,9 @@ const hl = l.forwardRef((e, te) => {
             ),
             tableStyle: { userSelect: st }
           },
-          ye,
+          Ce,
           /* @__PURE__ */ l.createElement($e, { rowReorderable: N }, X)
-        ), fe && /* @__PURE__ */ l.createElement(ze, null, M.length ? M : /* @__PURE__ */ l.createElement(Oe, null))), D && /* @__PURE__ */ l.createElement(
+        ), ge && /* @__PURE__ */ l.createElement(ze, null, M.length ? M : /* @__PURE__ */ l.createElement(Oe, null))), D && /* @__PURE__ */ l.createElement(
           "div",
           {
             className: f(u.heightContainer({})),
@@ -605,11 +605,11 @@ const hl = l.forwardRef((e, te) => {
           /* @__PURE__ */ l.createElement(ol, { isVirtualScroll: D })
         )))),
         bt,
-        Ce && /* @__PURE__ */ l.createElement(l.Fragment, null, /* @__PURE__ */ l.createElement(We, null), /* @__PURE__ */ l.createElement(je, null)),
+        we && /* @__PURE__ */ l.createElement(l.Fragment, null, /* @__PURE__ */ l.createElement(We, null), /* @__PURE__ */ l.createElement(je, null)),
         /* @__PURE__ */ l.createElement(tl, null)
       ),
-      oe,
-      e.pageable && he,
+      de,
+      e.pageable && ye,
       /* @__PURE__ */ l.createElement(Qe, { loader: e.loader, showLoader: e.showLoader })
     ))
   );

package/columnMenu/GridColumnMenuFilter.js

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

package/columnMenu/GridColumnMenuFilter.mjs

@@ -12,19 +12,19 @@ import { GridColumnMenuItem as te } from "./GridColumnMenuItem.mjs";
 import { GridColumnMenuItemGroup as le } from "./GridColumnMenuItemGroup.mjs";
 import { GridColumnMenuItemContent as re } from "./GridColumnMenuItemContent.mjs";
 import { useLocalization as ie } from "@progress/kendo-react-intl";
-import { getFilterType as w, getDefaultOperator as ne, IsUnaryFilter as h, operatorMap as x, booleanFilterValues as oe, filterLogicList as ae, defaultHideSecondFilter as ce } from "../filterCommon.mjs";
+import { getFilterType as w, getDefaultOperator as oe, IsUnaryFilter as h, operatorMap as x, booleanFilterValues as ne, filterLogicList as ae, defaultHideSecondFilter as ce } from "../filterCommon.mjs";
 import { filterTitle as N, messages as p, filterSubmitButton as _, filterClearButton as z } from "../messages/index.mjs";
 import { GridColumnMenuFilterUI as se } from "./GridColumnMenuFilterUI.mjs";
 import { Button as H } from "@progress/kendo-react-buttons";
 import { filterIcon as ue } from "@progress/kendo-svg-icons";
-const S = (e) => e || { filters: [], logic: "and" }, v = (e, f) => S(f).filters.filter((i) => T(i) ? i.filters && i.filters.length && i.filters.length <= 2 && !i.filters.find((d) => T(d) || d.field !== e) : !1)[0] || null, xe = (e, f) => !!v(e, f), pe = (e) => {
+const S = (e) => e || { filters: [], logic: "and" }, v = (e, f) => S(f).filters.filter((i) => T(i) ? i.filters && i.filters.length && !i.filters.find((d) => T(d) || d.field !== e) : !1)[0] || null, xe = (e, f) => !!v(e, f), pe = (e) => {
   const f = r.useCallback(() => {
     let t;
     if (e.column && e.column.field) {
-      const o = w(e.column.filter), l = ne(e.filterOperators, o);
+      const n = w(e.column.filter), l = oe(e.filterOperators, n);
       t = v(e.column.field, e.filter), t = t ? {
         ...t,
-        filters: t.filters.map((n) => ({ ...n }))
+        filters: t.filters.map((o) => ({ ...o }))
       } : {
         logic: "and",
         filters: [
@@ -39,22 +39,22 @@ const S = (e) => e || { filters: [], logic: "and" }, v = (e, f) => S(f).filters.
             value: h(l) ? null : void 0
           }
         ]
-      }, t.filters.filter((n) => n.field === e.column.field).length === 1 && t.filters.splice(1, 0, { field: e.column.field, operator: l });
+      }, t.filters.filter((o) => o.field === e.column.field).length === 1 && t.filters.splice(1, 0, { field: e.column.field, operator: l });
     }
     return t;
   }, [e.column]), [E, M] = r.useState(e.expanded || !1), [i, d] = r.useState(f()), I = () => e.expanded !== void 0, R = () => {
-    const t = I(), o = !(t ? e.expanded : E);
-    e.onExpandChange && e.onExpandChange(o), t || M(o);
+    const t = I(), n = !(t ? e.expanded : E);
+    e.onExpandChange && e.onExpandChange(n), t || M(n);
   }, A = (t) => {
     y(0, t);
   }, j = (t) => {
     y(1, t);
-  }, y = (t, o) => {
-    const l = i.filters.map((n, a) => a === t ? {
-      ...n,
-      value: o.value,
-      operator: o.operator
-    } : n);
+  }, y = (t, n) => {
+    const l = i.filters.map((o, a) => a === t ? {
+      ...o,
+      value: n.value,
+      operator: n.operator
+    } : o);
     d({
       ...i,
       filters: l
@@ -67,7 +67,7 @@ const S = (e) => e || { filters: [], logic: "and" }, v = (e, f) => S(f).filters.
   }, J = (t) => {
     if (t.preventDefault(), !e.onFilterChange)
       return;
-    const o = e.column.field, l = S(e.filter), n = v(o, e.filter), a = l.filters.filter((u) => u !== n);
+    const n = e.column.field, l = S(e.filter), o = v(n, e.filter), a = l.filters.filter((u) => u !== o);
     a.length ? e.onFilterChange({ ...l, filters: a }, t) : e.onFilterChange(null, t), e.onCloseMenu && e.onCloseMenu();
   }, L = () => ({
     ...i,
@@ -75,16 +75,16 @@ const S = (e) => e || { filters: [], logic: "and" }, v = (e, f) => S(f).filters.
   }), K = (t) => {
     if (t.preventDefault(), !e.onFilterChange)
       return;
-    const o = e.column.field, l = S(e.filter), n = v(o, e.filter), a = L();
+    const n = e.column.field, l = S(e.filter), o = v(n, e.filter), a = L();
     let u = null;
-    if (n && a.filters.length > 0) {
-      const F = l.filters.map((C) => C === n ? a : C);
+    if (o && a.filters.length > 0) {
+      const F = l.filters.map((C) => C === o ? a : C);
       u = {
         ...l,
         filters: F
       };
     } else if (a.filters.length === 0) {
-      const F = l.filters.filter((C) => C !== n);
+      const F = l.filters.filter((C) => C !== o);
       F.length && (u = {
         ...l,
         filters: F
@@ -98,7 +98,7 @@ const S = (e) => e || { filters: [], logic: "and" }, v = (e, f) => S(f).filters.
   }, { column: m, filterUI: Q, hideSecondFilter: b, filterOperators: W } = e, c = ie();
   if (!m || !m.field)
     return /* @__PURE__ */ r.createElement("div", null);
-  const g = w(m.filter), X = b !== void 0 ? b : ce[g], s = i.filters, k = x(W[g], c), D = x(oe, c), Y = {
+  const g = w(m.filter), X = b !== void 0 ? b : ce[g], s = i.filters, k = x(W[g], c), D = x(ne, c), Y = {
     field: m.field,
     value: s[0].value,
     operator: s[0].operator,