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

package/columnMenu/GridColumnMenuFilter.mjs

@@ -6,182 +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: i.column.field, operator: t, value: c(t) ? null : void 0 }
+          {
+            field: e.column.field,
+            operator: l,
+            value: h(l) ? 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,91 +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,29 +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
 };

package/columnMenu/GridColumnMenuItemContent.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 s=require("react"),c=require("@progress/kendo-react-animation"),i=require("@progress/kendo-react-common");function l(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 o=l(s);class a extends o.Component{render(){return o.createElement("div",{id:this.props.id,className:i.classNames("k-columnmenu-item-content",this.props.className),style:this.props.style,tabIndex:0},o.createElement(c.Reveal,{style:{position:"relative",display:"block"}},this.props.show?this.props.children:null))}}exports.GridColumnMenuItemContent=a;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react"),i=require("@progress/kendo-react-animation"),s=require("@progress/kendo-react-common");function u(e){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const o=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,o.get?o:{enumerable:!0,get:()=>e[t]})}}return n.default=e,Object.freeze(n)}const c=u(l),m=e=>{const{children:n,id:t,className:o,style:r,show:a}=e;return c.createElement("div",{id:t,className:s.classNames("k-columnmenu-item-content",o),style:r,tabIndex:0},c.createElement(i.Reveal,{style:{position:"relative",display:"block"}},a?n:null))};exports.GridColumnMenuItemContent=m;