@progress/kendo-react-grid 9.4.0-develop.9 → 9.4.1-develop.1

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;

package/columnMenu/GridColumnMenuColumnsChooser.mjs

@@ -0,0 +1,82 @@
+/**
+ * @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";
+import * as t from "react";
+import { TextBox as M, InputPrefix as I, Checkbox as p } from "@progress/kendo-react-inputs";
+import { IconWrap as R } from "@progress/kendo-react-common";
+import { searchIcon as j } from "@progress/kendo-svg-icons";
+import { Button as g } from "@progress/kendo-react-buttons";
+import { useLocalization as z } from "@progress/kendo-react-intl";
+import { filterSelectAll as E, messages as k, filterApplyButton as S, filterResetButton as b } from "../messages/index.mjs";
+const F = (N) => {
+  const { columnsState: l, onCloseMenu: c, onColumnsStateChange: h } = N, u = z(), [i, y] = t.useState(""), C = l.reduce((e, n) => ({ ...e, [n.id || ""]: !n.hidden }), {}), [o, d] = t.useState(C), x = t.useMemo(
+    () => (l == null ? void 0 : l.filter((e) => {
+      var n;
+      return (n = e.title || e.field) == null ? void 0 : n.toLowerCase().includes(i.toLowerCase());
+    })) || [],
+    [l, i]
+  ), s = t.useMemo(
+    () => Object.values(o).filter((e) => e).length,
+    [o]
+  ), m = t.useMemo(() => s === (l == null ? void 0 : l.length), [l, s]), v = t.useCallback(
+    (e) => {
+      const a = ((r) => (r == null ? void 0 : r.map((f) => ({
+        ...f,
+        hidden: !o[f.id || ""]
+      }))) || [])(l);
+      h && h(a), c == null || c.call(void 0);
+    },
+    [o, l, c]
+  ), L = () => {
+    d(C);
+  }, w = t.useCallback(() => {
+    const e = { ...o };
+    Object.keys(e).forEach(
+      (n, a) => e[n] = m && a === 0 ? !0 : !m
+    ), d(e);
+  }, [o, m]), B = t.useCallback(
+    (e, n) => {
+      const a = { ...o };
+      a[n || ""] = e, d(a);
+    },
+    [o]
+  ), A = (e) => {
+    y(String(e.target.value));
+  };
+  return /* @__PURE__ */ t.createElement("form", { className: "k-filter-menu" }, /* @__PURE__ */ t.createElement("div", { className: "k-filter-menu-container" }, /* @__PURE__ */ t.createElement(
+    M,
+    {
+      className: "k-searchbox",
+      value: i,
+      onChange: A,
+      prefix: () => /* @__PURE__ */ t.createElement(I, null, /* @__PURE__ */ t.createElement(R, { name: "search", icon: j }))
+    }
+  ), /* @__PURE__ */ t.createElement("ul", { className: "k-reset k-multicheck-wrap" }, !i && /* @__PURE__ */ t.createElement("li", { className: "k-item k-check-all-wrap" }, /* @__PURE__ */ t.createElement(
+    p,
+    {
+      checked: m,
+      onChange: w,
+      label: u.toLanguageString(E, k[E])
+    }
+  )), x.map((e, n) => /* @__PURE__ */ t.createElement("li", { key: e.id, className: "k-item" }, /* @__PURE__ */ t.createElement(
+    p,
+    {
+      disabled: o[e.id || ""] && s === 1,
+      checked: o[e.id || ""],
+      onChange: (a) => {
+        var r;
+        return B(!!((r = a.target.element) != null && r.checked), e.id);
+      },
+      label: e.title || e.field
+    }
+  )))), /* @__PURE__ */ t.createElement("div", { className: "k-filter-selected-items" }, s, " selected items"), /* @__PURE__ */ t.createElement("div", { className: "k-actions k-actions-start k-actions-horizontal" }, /* @__PURE__ */ t.createElement(g, { type: "button", themeColor: "primary", onClick: v }, u.toLanguageString(S, k[S])), /* @__PURE__ */ t.createElement(g, { type: "button", onClick: L }, u.toLanguageString(b, k[b])))));
+};
+F.displayName = "GridColumnMenuColumnsChooser";
+export {
+  F as GridColumnMenuColumnsChooser
+};

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,

package/columnMenu/GridColumnMenuSort.js

@@ -6,4 +6,4 @@
  *-------------------------------------------------------------------------------------------
  */
 "use client";
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const O=require("react"),g=require("./GridColumnMenuItem.js"),j=require("./GridColumnMenuItemGroup.js"),C=require("../interfaces/GridSortSettings.js"),y=require("@progress/kendo-react-intl"),c=require("../messages/index.js"),S=require("@progress/kendo-svg-icons");function R(e){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,r.get?r:{enumerable:!0,get:()=>e[t]})}}return n.default=e,Object.freeze(n)}const l=R(O),M="asc",I="desc",D=(e,n)=>n?n.findIndex(t=>t.field===e):-1,G=(e,n)=>!!(n&&e>-1&&n[e].dir===M),b=(e,n)=>!!(n&&e>-1&&n[e].dir===I),_=(e,n)=>{const t=D(e,n);return b(t,n)||G(t,n)},z=e=>{const n=o=>{r(o,M),e.onCloseMenu&&e.onCloseMenu()},t=o=>{r(o,I),e.onCloseMenu&&e.onCloseMenu()},r=(o,q)=>{if(o.preventDefault(),!e.onSortChange)return;const{allowUnsort:A,mode:v}=C.normalize(e.sortable||!1,!1),d=(e.sort||[]).filter(s=>s.field===e.column.field)[0],m=C.sortSeqMap[A][d&&d.dir||""][q],f=v==="single"?[]:(e.sort||[]).filter(s=>s.field!==e.column.field);m!==""&&e.column.field&&f.push({field:e.column.field,dir:m}),e.onSortChange(f,o)},{sort:i,column:k}=e,u=D(k.field,i),a=y.useLocalization();return l.createElement(j.GridColumnMenuItemGroup,null,l.createElement(g.GridColumnMenuItem,{title:a.toLanguageString(c.sortAscending,c.messages[c.sortAscending]),iconClass:"k-i-sort-asc-sm",svgIcon:S.sortAscSmallIcon,selected:G(u,i),onClick:n}),l.createElement(g.GridColumnMenuItem,{title:a.toLanguageString(c.sortDescending,c.messages[c.sortDescending]),iconClass:"k-i-sort-desc-sm",svgIcon:S.sortDescSmallIcon,selected:b(u,i),onClick:t}))};exports.GridColumnMenuSort=z;exports.isColumnMenuSortActive=_;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const O=require("react"),g=require("./GridColumnMenuItem.js"),j=require("./GridColumnMenuItemGroup.js"),C=require("../sortCommon.js"),y=require("@progress/kendo-react-intl"),c=require("../messages/index.js"),S=require("@progress/kendo-svg-icons");function R(e){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,r.get?r:{enumerable:!0,get:()=>e[t]})}}return n.default=e,Object.freeze(n)}const l=R(O),M="asc",I="desc",D=(e,n)=>n?n.findIndex(t=>t.field===e):-1,b=(e,n)=>!!(n&&e>-1&&n[e].dir===M),k=(e,n)=>!!(n&&e>-1&&n[e].dir===I),_=(e,n)=>{const t=D(e,n);return k(t,n)||b(t,n)},z=e=>{const n=o=>{r(o,M),e.onCloseMenu&&e.onCloseMenu()},t=o=>{r(o,I),e.onCloseMenu&&e.onCloseMenu()},r=(o,q)=>{if(o.preventDefault(),!e.onSortChange)return;const{allowUnsort:A,mode:v}=C.normalize(e.sortable||!1,!1),d=(e.sort||[]).filter(i=>i.field===e.column.field)[0],m=C.sortSeqMap[A][d&&d.dir||""][q],f=v==="single"?[]:(e.sort||[]).filter(i=>i.field!==e.column.field);m!==""&&e.column.field&&f.push({field:e.column.field,dir:m}),e.onSortChange(f,o)},{sort:s,column:G}=e,u=D(G.field,s),a=y.useLocalization();return l.createElement(j.GridColumnMenuItemGroup,null,l.createElement(g.GridColumnMenuItem,{title:a.toLanguageString(c.sortAscending,c.messages[c.sortAscending]),iconClass:"k-i-sort-asc-sm",svgIcon:S.sortAscSmallIcon,selected:b(u,s),onClick:n}),l.createElement(g.GridColumnMenuItem,{title:a.toLanguageString(c.sortDescending,c.messages[c.sortDescending]),iconClass:"k-i-sort-desc-sm",svgIcon:S.sortDescSmallIcon,selected:k(u,s),onClick:t}))};exports.GridColumnMenuSort=z;exports.isColumnMenuSortActive=_;

package/columnMenu/GridColumnMenuSort.mjs

@@ -9,7 +9,7 @@
 import * as i from "react";
 import { GridColumnMenuItem as f } from "./GridColumnMenuItem.mjs";
 import { GridColumnMenuItemGroup as x } from "./GridColumnMenuItemGroup.mjs";
-import { normalize as z, sortSeqMap as L } from "../interfaces/GridSortSettings.mjs";
+import { normalize as z, sortSeqMap as L } from "../sortCommon.mjs";
 import { useLocalization as R } from "@progress/kendo-react-intl";
 import { sortAscending as C, messages as g, sortDescending as S } from "../messages/index.mjs";
 import { sortAscSmallIcon as w, sortDescSmallIcon as _ } from "@progress/kendo-svg-icons";

package/components/noRecords/GridNoRecords.js

@@ -6,4 +6,4 @@
  *-------------------------------------------------------------------------------------------
  */
 "use client";
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("@progress/kendo-react-intl"),e=require("../../messages/index.js"),o=r=>{const n=t.useLocalization();return r.children||n.toLanguageString(e.noRecords,e.messages[e.noRecords])};o.displayName="KendoReactGridNoRecords";exports.GridNoRecords=o;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react"),s=require("@progress/kendo-react-intl"),r=require("../../messages/index.js");function l(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const o in e)if(o!=="default"){const n=Object.getOwnPropertyDescriptor(e,o);Object.defineProperty(t,o,n.get?n:{enumerable:!0,get:()=>e[o]})}}return t.default=e,Object.freeze(t)}const c=l(i),a=e=>{const t=s.useLocalization();return c.createElement(c.Fragment,null,e.children||t.toLanguageString(r.noRecords,r.messages[r.noRecords]))};a.displayName="KendoReactGridNoRecords";exports.GridNoRecords=a;

package/components/noRecords/GridNoRecords.mjs

@@ -6,13 +6,14 @@
  *-------------------------------------------------------------------------------------------
  */
 "use client";
-import { useLocalization as i } from "@progress/kendo-react-intl";
-import { noRecords as o, messages as t } from "../../messages/index.mjs";
-const a = (r) => {
-  const e = i();
-  return r.children || e.toLanguageString(o, t[o]);
+import * as o from "react";
+import { useLocalization as a } from "@progress/kendo-react-intl";
+import { noRecords as e, messages as n } from "../../messages/index.mjs";
+const i = (r) => {
+  const t = a();
+  return /* @__PURE__ */ o.createElement(o.Fragment, null, r.children || t.toLanguageString(e, n[e]));
 };
-a.displayName = "KendoReactGridNoRecords";
+i.displayName = "KendoReactGridNoRecords";
 export {
-  a as GridNoRecords
+  i as GridNoRecords
 };