@progress/kendo-react-grid 9.0.0-develop.9 → 9.0.1-develop.1

package/columnMenu/GridColumnMenuFilter.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const B=require("react"),y=require("@progress/kendo-data-query"),L=require("./GridColumnMenuItem.js"),P=require("./GridColumnMenuItemGroup.js"),U=require("./GridColumnMenuItemContent.js"),b=require("@progress/kendo-react-intl"),a=require("../filterCommon.js"),f=require("../messages/index.js"),T=require("./GridColumnMenuFilterUI.js"),E=require("@progress/kendo-react-buttons"),j=require("@progress/kendo-svg-icons");function R(c){const i=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(c){for(const l in c)if(l!=="default"){const e=Object.getOwnPropertyDescriptor(c,l);Object.defineProperty(i,l,e.get?e:{enumerable:!0,get:()=>c[l]})}}return i.default=c,Object.freeze(i)}const u=R(B),g=c=>c||{filters:[],logic:"and"},h=(c,i)=>g(i).filters.filter(t=>y.isCompositeFilterDescriptor(t)?t.filters&&t.filters.length&&t.filters.length<=2&&!t.filters.find(r=>y.isCompositeFilterDescriptor(r)||r.field!==c):!1)[0]||null,F=class F extends u.Component{constructor(i){super(i),this.removeGroup=(e,t)=>{const r=[...t.filters],n=r.findIndex(o=>o===e);return n>-1&&r.splice(n,1),{...t,filters:r}},this.insertGroup=(e,t)=>({...t,filters:[e,...t.filters]}),this.isControlled=()=>this.props.expanded!==void 0,this.onFilterExpand=()=>{const e=this.isControlled(),t=!(e?this.props.expanded:this.state.expanded);this.props.onExpandChange&&this.props.onExpandChange(t),e||this.setState({expanded:t})},this.firstFilterChange=e=>{this.filterChange(0,e)},this.secondFilterChange=e=>{this.filterChange(1,e)},this.filterChange=(e,t)=>{const r=this.state.filterGroup.filters.map((n,o)=>o===e?{...n,value:t.value,operator:t.operator}:n);this.setState({filterGroup:{...this.state.filterGroup,filters:r}})},this.logicChange=e=>{this.setState({filterGroup:{...this.state.filterGroup,logic:e.target.value.operator}})},this.clear=e=>{if(e.preventDefault(),!this.props.onFilterChange)return;const t=this.props.column.field,r=g(this.props.filter),n=h(t,this.props.filter),o=r.filters.filter(s=>s!==n);o.length?this.props.onFilterChange({...r,filters:o},e):this.props.onFilterChange(null,e),this.props.onCloseMenu&&this.props.onCloseMenu()},this.currentFilterGroup=()=>({...this.state.filterGroup,filters:this.state.filterGroup.filters.filter(e=>e.value!==void 0&&e.value!==null&&e.value!==""||e.value===null&&e.operator)}),this.submit=e=>{if(e.preventDefault(),!this.props.onFilterChange)return;const t=this.props.column.field,r=g(this.props.filter),n=h(t,this.props.filter),o=this.currentFilterGroup();let s=null;if(n&&o.filters.length>0){const p=r.filters.map(d=>d===n?o:d);s={...r,filters:p}}else if(o.filters.length===0){const p=r.filters.filter(d=>d!==n);p.length&&(s={...r,filters:p})}else s={...r,filters:[...r.filters,o]};this.props.onFilterChange(s,e),this.props.onCloseMenu&&this.props.onCloseMenu()};let l;if(i.column&&i.column.field){const e=a.getFilterType(i.column.filter),t=a.getDefaultOperator(i.filterOperators,e);l=h(i.column.field,i.filter),l=l?{...l,filters:l.filters.map(r=>({...r}))}:{logic:"and",filters:[{field:i.column.field,operator:t,value:a.IsUnaryFilter(t)?null:void 0},{field:i.column.field,operator:t,value:a.IsUnaryFilter(t)?null:void 0}]},l.filters.filter(r=>r.field===i.column.field).length===1&&l.filters.splice(1,0,{field:i.column.field,operator:t})}this.state={expanded:i.expanded||!1,filterGroup:l}}render(){const{column:i,filterUI:l,hideSecondFilter:e,filterOperators:t}=this.props;if(!i||!i.field)return u.createElement("div",null);const r=a.getFilterType(i.filter),n=e!==void 0?e:a.defaultHideSecondFilter[r],o=b.provideLocalizationService(this),s=this.state.filterGroup.filters,p=a.operatorMap(t[r],o),d=a.operatorMap(a.booleanFilterValues,o),M={field:i.field,value:s[0].value,operator:s[0].operator,operators:p,booleanValues:d,onChange:this.firstFilterChange,filterType:r},O={field:i.field,value:s[1].value,operator:s[1].operator,operators:p,booleanValues:d,onChange:this.secondFilterChange,filterType:r},v=this.state.filterGroup.logic,G=a.operatorMap(a.filterLogicList,o),C={value:G.find(q=>q.operator===(v===null?"":v)),onChange:this.logicChange,data:G},I=l,S={firstFilterProps:M,secondFilterProps:O,logicData:C.data,logicValue:C.value,onLogicChange:C.onChange,hideSecondFilter:n},D=this.currentFilterGroup().filters.length!==0||a.IsUnaryFilter(s[0].operator)||a.IsUnaryFilter(s[1].operator),k=this.isControlled()?this.props.expanded:this.state.expanded,x=this.props.alwaysExpand;return u.createElement(P.GridColumnMenuItemGroup,null,!x&&u.createElement(L.GridColumnMenuItem,{title:o.toLanguageString(f.filterTitle,f.messages[f.filterTitle]),iconClass:"k-i-filter",svgIcon:j.filterIcon,onClick:this.onFilterExpand}),u.createElement(U.GridColumnMenuItemContent,{show:x||!!k},u.createElement("form",{className:"k-filter-menu",onSubmit:this.submit,onReset:this.clear},u.createElement("div",{className:"k-filter-menu-container"},I?u.createElement(I,{...S}):u.createElement(T.GridColumnMenuFilterUI,{...S}),u.createElement("div",{className:"k-actions k-actions-stretched"},u.createElement(E.Button,{themeColor:"primary",disabled:!D},o.toLanguageString(f.filterSubmitButton,f.messages[f.filterSubmitButton])),u.createElement(E.Button,{type:"reset"},o.toLanguageString(f.filterClearButton,f.messages[f.filterClearButton])))))))}};F.active=(i,l)=>!!h(i,l);let m=F;b.registerForLocalization(m);exports.GridColumnMenuFilter=m;exports.filterGroupByField=h;exports.rootFilterOrDefault=g;
+"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;

package/columnMenu/GridColumnMenuFilter.mjs

@@ -6,172 +6,139 @@
  *-------------------------------------------------------------------------------------------
  */
 "use client";
-import * as a from "react";
-import { isCompositeFilterDescriptor as y } from "@progress/kendo-data-query";
-import { GridColumnMenuItem as T } from "./GridColumnMenuItem.mjs";
-import { GridColumnMenuItemGroup as w } from "./GridColumnMenuItemGroup.mjs";
-import { GridColumnMenuItemContent as z } from "./GridColumnMenuItemContent.mjs";
-import { provideLocalizationService as N, registerForLocalization as H } from "@progress/kendo-react-intl";
-import { getFilterType as L, getDefaultOperator as R, IsUnaryFilter as c, operatorMap as m, booleanFilterValues as j, filterLogicList as q, defaultHideSecondFilter as A } from "../filterCommon.mjs";
-import { filterTitle as b, messages as g, filterSubmitButton as D, filterClearButton as M } from "../messages/index.mjs";
-import { GridColumnMenuFilterUI as J } from "./GridColumnMenuFilterUI.mjs";
-import { Button as k } from "@progress/kendo-react-buttons";
-import { filterIcon as K } from "@progress/kendo-svg-icons";
-const C = (h) => h || { filters: [], logic: "and" }, u = (h, i) => C(i).filters.filter((t) => y(t) ? t.filters && t.filters.length && t.filters.length <= 2 && !t.filters.find((r) => y(r) || r.field !== h) : !1)[0] || null, v = class v extends a.Component {
-  constructor(i) {
-    super(i), this.removeGroup = (e, t) => {
-      const r = [...t.filters], s = r.findIndex((l) => l === e);
-      return s > -1 && r.splice(s, 1), {
+import * as r from "react";
+import { isCompositeFilterDescriptor as T } from "@progress/kendo-data-query";
+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 { 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 f = r.useCallback(() => {
+    let t;
+    if (e.column && e.column.field) {
+      const o = w(e.column.filter), l = ne(e.filterOperators, o);
+      t = v(e.column.field, e.filter), t = t ? {
         ...t,
-        filters: r
-      };
-    }, this.insertGroup = (e, t) => ({
-      ...t,
-      filters: [e, ...t.filters]
-    }), this.isControlled = () => this.props.expanded !== void 0, this.onFilterExpand = () => {
-      const e = this.isControlled(), t = !(e ? this.props.expanded : this.state.expanded);
-      this.props.onExpandChange && this.props.onExpandChange(t), e || this.setState({
-        expanded: t
-      });
-    }, this.firstFilterChange = (e) => {
-      this.filterChange(0, e);
-    }, this.secondFilterChange = (e) => {
-      this.filterChange(1, e);
-    }, this.filterChange = (e, t) => {
-      const r = this.state.filterGroup.filters.map((s, l) => l === e ? {
-        ...s,
-        value: t.value,
-        operator: t.operator
-      } : s);
-      this.setState({
-        filterGroup: {
-          ...this.state.filterGroup,
-          filters: r
-        }
-      });
-    }, this.logicChange = (e) => {
-      this.setState({
-        filterGroup: {
-          ...this.state.filterGroup,
-          logic: e.target.value.operator
-        }
-      });
-    }, this.clear = (e) => {
-      if (e.preventDefault(), !this.props.onFilterChange)
-        return;
-      const t = this.props.column.field, r = C(this.props.filter), s = u(t, this.props.filter), l = r.filters.filter((n) => n !== s);
-      l.length ? this.props.onFilterChange({ ...r, filters: l }, e) : this.props.onFilterChange(null, e), this.props.onCloseMenu && this.props.onCloseMenu();
-    }, this.currentFilterGroup = () => ({
-      ...this.state.filterGroup,
-      filters: this.state.filterGroup.filters.filter((e) => e.value !== void 0 && e.value !== null && e.value !== "" || e.value === null && e.operator)
-    }), this.submit = (e) => {
-      if (e.preventDefault(), !this.props.onFilterChange)
-        return;
-      const t = this.props.column.field, r = C(this.props.filter), s = u(t, this.props.filter), l = this.currentFilterGroup();
-      let n = null;
-      if (s && l.filters.length > 0) {
-        const f = r.filters.map((p) => p === s ? l : p);
-        n = {
-          ...r,
-          filters: f
-        };
-      } else if (l.filters.length === 0) {
-        const f = r.filters.filter((p) => p !== s);
-        f.length && (n = {
-          ...r,
-          filters: f
-        });
-      } else
-        n = {
-          ...r,
-          filters: [...r.filters, l]
-        };
-      this.props.onFilterChange(n, e), this.props.onCloseMenu && this.props.onCloseMenu();
-    };
-    let o;
-    if (i.column && i.column.field) {
-      const e = L(i.column.filter), t = R(i.filterOperators, e);
-      o = u(i.column.field, i.filter), o = o ? {
-        ...o,
-        filters: o.filters.map((r) => ({ ...r }))
+        filters: t.filters.map((n) => ({ ...n }))
       } : {
         logic: "and",
         filters: [
           {
-            field: i.column.field,
-            operator: t,
-            value: c(t) ? null : void 0
+            field: e.column.field,
+            operator: l,
+            value: h(l) ? null : void 0
           },
           {
-            field: i.column.field,
-            operator: t,
-            value: c(t) ? null : void 0
+            field: e.column.field,
+            operator: l,
+            value: h(l) ? null : void 0
           }
         ]
-      }, o.filters.filter((r) => r.field === i.column.field).length === 1 && o.filters.splice(1, 0, { field: i.column.field, operator: t });
+      }, t.filters.filter((n) => n.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);
+  }, 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);
+    d({
+      ...i,
+      filters: l
+    });
+  }, q = (t) => {
+    d({
+      ...i,
+      logic: t.target.value.operator
+    });
+  }, 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);
+    a.length ? e.onFilterChange({ ...l, filters: a }, t) : e.onFilterChange(null, t), e.onCloseMenu && e.onCloseMenu();
+  }, L = () => ({
+    ...i,
+    filters: i.filters.filter((t) => t.value !== void 0 && t.value !== null && t.value !== "" || t.value === null && t.operator)
+  }), K = (t) => {
+    if (t.preventDefault(), !e.onFilterChange)
+      return;
+    const o = e.column.field, l = S(e.filter), n = v(o, e.filter), a = L();
+    let u = null;
+    if (n && a.filters.length > 0) {
+      const F = l.filters.map((C) => C === n ? a : C);
+      u = {
+        ...l,
+        filters: F
+      };
+    } else if (a.filters.length === 0) {
+      const F = l.filters.filter((C) => C !== n);
+      F.length && (u = {
+        ...l,
+        filters: F
+      });
+    } else
+      u = {
+        ...l,
+        filters: [...l.filters, a]
+      };
+    e.onFilterChange(u, t), e.onCloseMenu && e.onCloseMenu();
+  }, { 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 = {
+    field: m.field,
+    value: s[0].value,
+    operator: s[0].operator,
+    operators: k,
+    booleanValues: D,
+    onChange: A,
+    filterType: g
+  }, Z = {
+    field: m.field,
+    value: s[1].value,
+    operator: s[1].operator,
+    operators: k,
+    booleanValues: D,
+    onChange: j,
+    filterType: g
+  }, O = i.logic, P = x(ae, c), G = {
+    value: P.find((t) => t.operator === (O === null ? "" : O)),
+    onChange: q,
+    data: P
+  }, U = Q, V = {
+    firstFilterProps: Y,
+    secondFilterProps: Z,
+    logicData: G.data,
+    logicValue: G.value,
+    onLogicChange: G.onChange,
+    hideSecondFilter: X
+  }, $ = L().filters.length !== 0 || h(s[0].operator) || h(s[1].operator), ee = I() ? e.expanded : E, B = e.alwaysExpand;
+  return /* @__PURE__ */ r.createElement(le, null, !B && /* @__PURE__ */ r.createElement(
+    te,
+    {
+      title: c.toLanguageString(N, p[N]),
+      iconClass: "k-i-filter",
+      svgIcon: ue,
+      onClick: R
     }
-    this.state = {
-      expanded: i.expanded || !1,
-      filterGroup: o
-    };
-  }
-  /**
-   * @hidden
-   */
-  render() {
-    const { column: i, filterUI: o, hideSecondFilter: e, filterOperators: t } = this.props;
-    if (!i || !i.field)
-      return /* @__PURE__ */ a.createElement("div", null);
-    const r = L(i.filter), s = e !== void 0 ? e : A[r], l = N(this), n = this.state.filterGroup.filters, f = m(t[r], l), p = m(j, l), O = {
-      field: i.field,
-      value: n[0].value,
-      operator: n[0].operator,
-      operators: f,
-      booleanValues: p,
-      onChange: this.firstFilterChange,
-      filterType: r
-    }, P = {
-      field: i.field,
-      value: n[1].value,
-      operator: n[1].operator,
-      operators: f,
-      booleanValues: p,
-      onChange: this.secondFilterChange,
-      filterType: r
-    }, G = this.state.filterGroup.logic, x = m(q, l), d = {
-      value: x.find((B) => B.operator === (G === null ? "" : G)),
-      onChange: this.logicChange,
-      data: x
-    }, E = o, S = {
-      firstFilterProps: O,
-      secondFilterProps: P,
-      logicData: d.data,
-      logicValue: d.value,
-      onLogicChange: d.onChange,
-      hideSecondFilter: s
-    }, U = this.currentFilterGroup().filters.length !== 0 || c(n[0].operator) || c(n[1].operator), V = this.isControlled() ? this.props.expanded : this.state.expanded, I = this.props.alwaysExpand;
-    return /* @__PURE__ */ a.createElement(w, null, !I && /* @__PURE__ */ a.createElement(
-      T,
-      {
-        title: l.toLanguageString(b, g[b]),
-        iconClass: "k-i-filter",
-        svgIcon: K,
-        onClick: this.onFilterExpand
-      }
-    ), /* @__PURE__ */ a.createElement(z, { show: I || !!V }, /* @__PURE__ */ a.createElement("form", { className: "k-filter-menu", onSubmit: this.submit, onReset: this.clear }, /* @__PURE__ */ a.createElement("div", { className: "k-filter-menu-container" }, E ? /* @__PURE__ */ a.createElement(E, { ...S }) : /* @__PURE__ */ a.createElement(J, { ...S }), /* @__PURE__ */ a.createElement("div", { className: "k-actions k-actions-stretched" }, /* @__PURE__ */ a.createElement(k, { themeColor: "primary", disabled: !U }, l.toLanguageString(
-      D,
-      g[D]
-    )), /* @__PURE__ */ a.createElement(k, { type: "reset" }, l.toLanguageString(
-      M,
-      g[M]
-    )))))));
-  }
+  ), /* @__PURE__ */ r.createElement(re, { show: B || !!ee }, /* @__PURE__ */ r.createElement("form", { className: "k-filter-menu", onSubmit: K, onReset: J }, /* @__PURE__ */ r.createElement("div", { className: "k-filter-menu-container" }, U ? /* @__PURE__ */ r.createElement(U, { ...V }) : /* @__PURE__ */ r.createElement(se, { ...V }), /* @__PURE__ */ r.createElement("div", { className: "k-actions k-actions-stretched" }, /* @__PURE__ */ r.createElement(H, { themeColor: "primary", disabled: !$ }, c.toLanguageString(_, p[_])), /* @__PURE__ */ r.createElement(H, { type: "reset" }, c.toLanguageString(z, p[z])))))));
 };
-v.active = (i, o) => !!u(i, o);
-let F = v;
-H(F);
 export {
-  F as GridColumnMenuFilter,
-  u as filterGroupByField,
-  C as rootFilterOrDefault
+  pe as GridColumnMenuFilter,
+  v as filterGroupByField,
+  xe as isColumnMenuFilterActive,
+  S as rootFilterOrDefault
 };

package/columnMenu/GridColumnMenuFilterCell.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const h=require("react"),p=require("@progress/kendo-react-dropdowns"),l=require("@progress/kendo-react-inputs"),u=require("@progress/kendo-react-dateinputs"),s=require("../filterCommon.js");function c(a){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(a){for(const e in a)if(e!=="default"){const o=Object.getOwnPropertyDescriptor(a,e);Object.defineProperty(t,e,o.get?o:{enumerable:!0,get:()=>a[e]})}}return t.default=a,Object.freeze(t)}const r=c(h);class d extends r.Component{constructor(t){super(t),this.renderOperatorEditor=()=>{if(this.props.filterType==="boolean")return;const e=this.props.operators.find(o=>o.operator===this.props.operator)||null;return r.createElement(p.DropDownList,{value:e,onChange:this.operatorChange,data:this.props.operators,textField:"text"})},this.inputChange=this.inputChange.bind(this),this.operatorChange=this.operatorChange.bind(this),this.boolDropdownChange=this.boolDropdownChange.bind(this)}render(){return r.createElement(r.Fragment,null,this.renderOperatorEditor(),this.filterComponent(this.props.filterType,this.props.value,this.props.booleanValues))}inputChange(t,e){s.cellInputChange(t,e,this.props)}operatorChange(t){s.cellOperatorChange(t,this.props.value,this.props.onChange)}boolDropdownChange(t){s.cellBoolDropdownChange(t,this.props.onChange)}filterComponent(t,e,o){switch(t){case"numeric":return r.createElement(l.NumericTextBox,{value:e,onChange:n=>{this.inputChange(n.value,n.syntheticEvent)},rangeOnEnter:!1});case"date":return r.createElement(u.DatePicker,{value:e,onChange:n=>{this.inputChange(n.value,n.syntheticEvent)}});case"boolean":{const n=i=>i==null;return r.createElement(p.DropDownList,{onChange:this.boolDropdownChange,value:o.find(i=>i.operator===(n(e)?"":e)),data:o,textField:"text"})}default:return r.createElement(l.Input,{value:e||"",onChange:n=>{this.inputChange(n.target.value,n.syntheticEvent)}})}}}exports.GridColumnMenuFilterCell=d;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const f=require("react"),d=require("@progress/kendo-react-dropdowns"),g=require("@progress/kendo-react-inputs"),h=require("@progress/kendo-react-dateinputs"),i=require("../filterCommon.js");function b(e){const l=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const o in e)if(o!=="default"){const c=Object.getOwnPropertyDescriptor(e,o);Object.defineProperty(l,o,c.get?c:{enumerable:!0,get:()=>e[o]})}}return l.default=e,Object.freeze(l)}const a=b(f),D=e=>{const l=()=>{if(e.filterType==="boolean")return;const n=e.operators.find(r=>r.operator===e.operator)||null;return a.createElement(d.DropDownList,{value:n,onChange:c,data:e.operators,textField:"text"})},o=(n,r)=>{i.cellInputChange(n,r,e)},c=n=>{i.cellOperatorChange(n,e.value,e.onChange)},m=n=>{i.cellBoolDropdownChange(n,e.onChange)},C=(n,r,s)=>{switch(n){case"numeric":return a.createElement(g.NumericTextBox,{value:r,onChange:t=>{o(t.value,t.syntheticEvent)},rangeOnEnter:!1});case"date":return a.createElement(h.DatePicker,{value:r,onChange:t=>{o(t.value,t.syntheticEvent)}});case"boolean":{const t=u=>u==null;return a.createElement(d.DropDownList,{onChange:m,value:s.find(u=>u.operator===(t(r)?"":r)),data:s,textField:"text"})}default:return a.createElement(g.Input,{value:r||"",onChange:t=>{o(t.target.value,t.syntheticEvent)}})}};return a.createElement(a.Fragment,null,l(),C(e.filterType,e.value,e.booleanValues))};exports.GridColumnMenuFilterCell=D;

package/columnMenu/GridColumnMenuFilterCell.mjs

@@ -6,83 +6,72 @@
  *-------------------------------------------------------------------------------------------
  */
 "use client";
-import * as r from "react";
+import * as o from "react";
 import { DropDownList as i } from "@progress/kendo-react-dropdowns";
-import { Input as p, NumericTextBox as s } from "@progress/kendo-react-inputs";
-import { DatePicker as h } from "@progress/kendo-react-dateinputs";
-import { cellInputChange as l, cellOperatorChange as u, cellBoolDropdownChange as C } from "../filterCommon.mjs";
-class E extends r.Component {
-  constructor(t) {
-    super(t), this.renderOperatorEditor = () => {
-      if (this.props.filterType === "boolean")
-        return;
-      const n = this.props.operators.find((o) => o.operator === this.props.operator) || null;
-      return /* @__PURE__ */ r.createElement(i, { value: n, onChange: this.operatorChange, data: this.props.operators, textField: "text" });
-    }, this.inputChange = this.inputChange.bind(this), this.operatorChange = this.operatorChange.bind(this), this.boolDropdownChange = this.boolDropdownChange.bind(this);
-  }
-  /**
-   * @hidden
-   */
-  render() {
-    return /* @__PURE__ */ r.createElement(r.Fragment, null, this.renderOperatorEditor(), this.filterComponent(this.props.filterType, this.props.value, this.props.booleanValues));
-  }
-  inputChange(t, n) {
-    l(t, n, this.props);
-  }
-  operatorChange(t) {
-    u(t, this.props.value, this.props.onChange);
-  }
-  boolDropdownChange(t) {
-    C(t, this.props.onChange);
-  }
-  filterComponent(t, n, o) {
-    switch (t) {
+import { Input as C, NumericTextBox as d } from "@progress/kendo-react-inputs";
+import { DatePicker as f } from "@progress/kendo-react-dateinputs";
+import { cellOperatorChange as s, cellInputChange as E, cellBoolDropdownChange as v } from "../filterCommon.mjs";
+const w = (e) => {
+  const u = () => {
+    if (e.filterType === "boolean")
+      return;
+    const n = e.operators.find((r) => r.operator === e.operator) || null;
+    return /* @__PURE__ */ o.createElement(i, { value: n, onChange: m, data: e.operators, textField: "text" });
+  }, l = (n, r) => {
+    E(n, r, e);
+  }, m = (n) => {
+    s(n, e.value, e.onChange);
+  }, h = (n) => {
+    v(n, e.onChange);
+  }, g = (n, r, c) => {
+    switch (n) {
       case "numeric":
-        return /* @__PURE__ */ r.createElement(
-          s,
+        return /* @__PURE__ */ o.createElement(
+          d,
           {
-            value: n,
-            onChange: (e) => {
-              this.inputChange(e.value, e.syntheticEvent);
+            value: r,
+            onChange: (t) => {
+              l(t.value, t.syntheticEvent);
             },
             rangeOnEnter: !1
           }
         );
       case "date":
-        return /* @__PURE__ */ r.createElement(
-          h,
+        return /* @__PURE__ */ o.createElement(
+          f,
           {
-            value: n,
-            onChange: (e) => {
-              this.inputChange(e.value, e.syntheticEvent);
+            value: r,
+            onChange: (t) => {
+              l(t.value, t.syntheticEvent);
             }
           }
         );
       case "boolean": {
-        const e = (a) => a == null;
-        return /* @__PURE__ */ r.createElement(
+        const t = (a) => a == null;
+        return /* @__PURE__ */ o.createElement(
           i,
           {
-            onChange: this.boolDropdownChange,
-            value: o.find((a) => a.operator === (e(n) ? "" : n)),
-            data: o,
+            onChange: h,
+            value: c.find((a) => a.operator === (t(r) ? "" : r)),
+            data: c,
             textField: "text"
           }
         );
       }
       default:
-        return /* @__PURE__ */ r.createElement(
-          p,
+        return /* @__PURE__ */ o.createElement(
+          C,
           {
-            value: n || "",
-            onChange: (e) => {
-              this.inputChange(e.target.value, e.syntheticEvent);
+            value: r || "",
+            onChange: (t) => {
+              l(t.target.value, t.syntheticEvent);
             }
           }
         );
     }
-  }
-}
+  };
+  return /* @__PURE__ */ o.createElement(o.Fragment, null, u(), g(e.filterType, e.value, e.booleanValues));
+};
 export {
-  E as GridColumnMenuFilterCell
+  w as GridColumnMenuFilterCell
 };

package/columnMenu/GridColumnMenuFilterUI.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("react"),o=require("./GridColumnMenuFilterCell.js"),s=require("@progress/kendo-react-dropdowns");function d(t){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const n in t)if(n!=="default"){const l=Object.getOwnPropertyDescriptor(t,n);Object.defineProperty(r,n,l.get?l:{enumerable:!0,get:()=>t[n]})}}return r.default=t,Object.freeze(r)}const e=d(u);class m extends e.Component{render(){const{firstFilterProps:r,hideSecondFilter:n,secondFilterProps:l,logicData:i,logicValue:a,onLogicChange:c}=this.props;return e.createElement(e.Fragment,null,e.createElement(o.GridColumnMenuFilterCell,{...r}),!n&&e.createElement(e.Fragment,null,e.createElement(s.DropDownList,{data:i,value:a,onChange:c,className:"k-filter-and",textField:"text"}),e.createElement(o.GridColumnMenuFilterCell,{...l})))}}exports.GridColumnMenuFilterUI=m;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("react"),o=require("./GridColumnMenuFilterCell.js"),s=require("@progress/kendo-react-dropdowns");function d(e){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const n in e)if(n!=="default"){const l=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(r,n,l.get?l:{enumerable:!0,get:()=>e[n]})}}return r.default=e,Object.freeze(r)}const t=d(u),m=e=>{const{firstFilterProps:r,hideSecondFilter:n,secondFilterProps:l,logicData:i,logicValue:c,onLogicChange:a}=e;return t.createElement(t.Fragment,null,t.createElement(o.GridColumnMenuFilterCell,{...r}),!n&&t.createElement(t.Fragment,null,t.createElement(s.DropDownList,{data:i,value:c,onChange:a,className:"k-filter-and",textField:"text"}),t.createElement(o.GridColumnMenuFilterCell,{...l})))};exports.GridColumnMenuFilterUI=m;

package/columnMenu/GridColumnMenuFilterUI.mjs

@@ -8,22 +8,20 @@
 "use client";
 import * as e from "react";
 import { GridColumnMenuFilterCell as t } from "./GridColumnMenuFilterCell.mjs";
-import { DropDownList as m } from "@progress/kendo-react-dropdowns";
-class p extends e.Component {
-  render() {
-    const { firstFilterProps: r, hideSecondFilter: n, secondFilterProps: l, logicData: o, logicValue: a, onLogicChange: i } = this.props;
-    return /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(t, { ...r }), !n && /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(
-      m,
-      {
-        data: o,
-        value: a,
-        onChange: i,
-        className: "k-filter-and",
-        textField: "text"
-      }
-    ), /* @__PURE__ */ e.createElement(t, { ...l })));
-  }
-}
+import { DropDownList as c } from "@progress/kendo-react-dropdowns";
+const d = (r) => {
+  const { firstFilterProps: l, hideSecondFilter: n, secondFilterProps: o, logicData: a, logicValue: i, onLogicChange: m } = r;
+  return /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(t, { ...l }), !n && /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(
+    c,
+    {
+      data: a,
+      value: i,
+      onChange: m,
+      className: "k-filter-and",
+      textField: "text"
+    }
+  ), /* @__PURE__ */ e.createElement(t, { ...o })));
+};
 export {
-  p as GridColumnMenuFilterUI
+  d as GridColumnMenuFilterUI
 };

package/columnMenu/GridColumnMenuGroup.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("react"),c=require("@progress/kendo-react-intl"),g=require("./GridColumnMenuItemGroup.js"),f=require("./GridColumnMenuItem.js"),u=require("../messages/index.js"),p=require("@progress/kendo-svg-icons");function m(r){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(r){for(const e in r)if(e!=="default"){const n=Object.getOwnPropertyDescriptor(r,e);Object.defineProperty(o,e,n.get?n:{enumerable:!0,get:()=>r[e]})}}return o.default=r,Object.freeze(o)}const s=m(d);class l extends s.Component{constructor(){super(...arguments),this.onGroupClick=o=>{if(o.preventDefault(),this.props.onGroupChange){const{column:e}=this.props;if(!e.field)return;const n=(this.props.group||[]).slice(),t=n.findIndex(i=>i.field===e.field);t>-1?n.splice(t,1):n.push({field:e.field}),this.props.onGroupChange(n,o)}this.props.onCloseMenu&&this.props.onCloseMenu()}}render(){const{group:o,column:e}=this.props,n=c.provideLocalizationService(this),t=!!(o&&e.field&&o.find(a=>a.field===e.field)),i=t?u.ungroupColumn:u.groupColumn;return s.createElement(g.GridColumnMenuItemGroup,null,s.createElement(f.GridColumnMenuItem,{title:n.toLanguageString(i,u.messages[i]),iconClass:t?"k-i-ungroup":"k-i-group",svgIcon:t?p.ungroupIcon:p.groupIcon,onClick:this.onGroupClick}))}}c.registerForIntl(l);c.registerForLocalization(l);exports.GridColumnMenuGroup=l;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m=require("react"),C=require("@progress/kendo-react-intl"),G=require("./GridColumnMenuItemGroup.js"),p=require("./GridColumnMenuItem.js"),l=require("../messages/index.js"),a=require("@progress/kendo-svg-icons");function I(e){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const n in e)if(n!=="default"){const u=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(o,n,u.get?u:{enumerable:!0,get:()=>e[n]})}}return o.default=e,Object.freeze(o)}const d=I(m),M=e=>{const o=t=>{if(t.preventDefault(),e.onGroupChange){if(!e.column.field)return;const r=(e.group||[]).slice(),s=r.findIndex(g=>g.field===e.column.field);s>-1?r.splice(s,1):r.push({field:e.column.field}),e.onGroupChange(r,t)}e.onCloseMenu&&e.onCloseMenu()},{group:n,column:u}=e,f=C.useLocalization(),i=!!(n&&u.field&&n.find(t=>t.field===u.field)),c=i?l.ungroupColumn:l.groupColumn;return d.createElement(G.GridColumnMenuItemGroup,null,d.createElement(p.GridColumnMenuItem,{title:f.toLanguageString(c,l.messages[c]),iconClass:i?"k-i-ungroup":"k-i-group",svgIcon:i?a.ungroupIcon:a.groupIcon,onClick:o}))};exports.GridColumnMenuGroup=M;

package/columnMenu/GridColumnMenuGroup.mjs

@@ -6,45 +6,34 @@
  *-------------------------------------------------------------------------------------------
  */
 "use client";
-import * as t from "react";
-import { provideLocalizationService as u, registerForIntl as l, registerForLocalization as c } from "@progress/kendo-react-intl";
-import { GridColumnMenuItemGroup as m } from "./GridColumnMenuItemGroup.mjs";
-import { GridColumnMenuItem as a } from "./GridColumnMenuItem.mjs";
-import { messages as f, groupColumn as g, ungroupColumn as d } from "../messages/index.mjs";
-import { groupIcon as C, ungroupIcon as h } from "@progress/kendo-svg-icons";
-class s extends t.Component {
-  constructor() {
-    super(...arguments), this.onGroupClick = (n) => {
-      if (n.preventDefault(), this.props.onGroupChange) {
-        const { column: o } = this.props;
-        if (!o.field)
-          return;
-        const e = (this.props.group || []).slice(), r = e.findIndex((i) => i.field === o.field);
-        r > -1 ? e.splice(r, 1) : e.push({
-          field: o.field
-        }), this.props.onGroupChange(e, n);
-      }
-      this.props.onCloseMenu && this.props.onCloseMenu();
-    };
-  }
-  /**
-   * @hidden
-   */
-  render() {
-    const { group: n, column: o } = this.props, e = u(this), r = !!(n && o.field && n.find((p) => p.field === o.field)), i = r ? d : g;
-    return /* @__PURE__ */ t.createElement(m, null, /* @__PURE__ */ t.createElement(
-      a,
-      {
-        title: e.toLanguageString(i, f[i]),
-        iconClass: r ? "k-i-ungroup" : "k-i-group",
-        svgIcon: r ? h : C,
-        onClick: this.onGroupClick
-      }
-    ));
-  }
-}
-l(s);
-c(s);
+import * as m from "react";
+import { useLocalization as a } from "@progress/kendo-react-intl";
+import { GridColumnMenuItemGroup as g } from "./GridColumnMenuItemGroup.mjs";
+import { GridColumnMenuItem as d } from "./GridColumnMenuItem.mjs";
+import { messages as C, groupColumn as p, ungroupColumn as G } from "../messages/index.mjs";
+import { groupIcon as I, ungroupIcon as M } from "@progress/kendo-svg-icons";
+const L = (o) => {
+  const c = (n) => {
+    if (n.preventDefault(), o.onGroupChange) {
+      if (!o.column.field)
+        return;
+      const e = (o.group || []).slice(), t = e.findIndex((s) => s.field === o.column.field);
+      t > -1 ? e.splice(t, 1) : e.push({
+        field: o.column.field
+      }), o.onGroupChange(e, n);
+    }
+    o.onCloseMenu && o.onCloseMenu();
+  }, { group: i, column: l } = o, f = a(), u = !!(i && l.field && i.find((n) => n.field === l.field)), r = u ? G : p;
+  return /* @__PURE__ */ m.createElement(g, null, /* @__PURE__ */ m.createElement(
+    d,
+    {
+      title: f.toLanguageString(r, C[r]),
+      iconClass: u ? "k-i-ungroup" : "k-i-group",
+      svgIcon: u ? M : I,
+      onClick: c
+    }
+  ));
+};
 export {
-  s as GridColumnMenuGroup
+  L as GridColumnMenuGroup
 };