@progress/kendo-react-grid 9.0.0-develop.2 → 9.0.0-develop.21

package/columnMenu/GridColumnMenuCheckboxFilter.mjs

@@ -6,194 +6,142 @@
  *-------------------------------------------------------------------------------------------
  */
 "use client";
-import * as s from "react";
-import { GridColumnMenuItem as S } from "./GridColumnMenuItem.mjs";
-import { GridColumnMenuItemGroup as B } from "./GridColumnMenuItemGroup.mjs";
-import { GridColumnMenuItemContent as N } from "./GridColumnMenuItemContent.mjs";
-import { Input as D, Checkbox as m } from "@progress/kendo-react-inputs";
-import { provideLocalizationService as b, registerForLocalization as y } from "@progress/kendo-react-intl";
-import { searchPlaceholder as x, messages as h, filterTitle as g, filterCheckAll as F, filterSelectedItems as C, filterSubmitButton as I, filterClearButton as k } from "../messages/index.mjs";
-import { filterBy as v } from "@progress/kendo-data-query";
-import { clone as q, IconWrap as L } from "@progress/kendo-react-common";
-import { Button as p } from "@progress/kendo-react-buttons";
-import { getNestedValue as E } from "../utils/index.mjs";
-import { searchIcon as O, xIcon as w, filterIcon as M } from "@progress/kendo-svg-icons";
-const P = (f, o) => f.length !== o.length ? !1 : f.every((e, t) => e === o[t]), u = class u extends s.Component {
-  constructor(o) {
-    super(o), this.defaultFilter = () => this.props.filter ? q(this.props.filter) : { filters: [], logic: "and" }, this.isControlled = () => this.props.expanded !== void 0, this.parseData = (e, t) => {
-      const n = this.props.column.field || "", r = e.map((a) => E(n, a));
-      return t ? r.filter((a, i) => r.indexOf(a) === i) : r;
-    }, this.getFilterIndex = () => {
-      const e = this.props.column.field;
-      return this.defaultFilter().filters.findIndex((r) => r.filters && r.filters.length > 0 && r.filters[0].field === e);
-    }, 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.handleSearchChange = (e) => {
-      const t = this.props.searchBoxFilterOperator ? this.props.searchBoxFilterOperator : "startswith", n = {
-        logic: "and",
-        filters: [
-          { field: this.props.column.field, operator: t, value: e.target.value, ignoreCase: !0 }
-        ]
-      };
-      this.setState({
-        value: e.target.value,
-        data: this.parseData(v(this.props.data || [], n), this.props.uniqueData)
-      });
-    }, this.handleClear = () => {
-      const e = this.props.searchBoxFilterOperator ? this.props.searchBoxFilterOperator : "startswith", t = {
-        logic: "and",
-        filters: [
-          { field: this.props.column.field, operator: e, value: "", ignoreCase: !0 }
-        ]
-      };
-      this.setState({
-        value: "",
-        data: this.parseData(v(this.props.data || [], t), this.props.uniqueData)
-      });
-    }, this.clear = (e) => {
-      if (e.preventDefault(), !this.props.onFilterChange)
-        return;
-      const t = this.state.currentFilter || null;
-      t !== null && t.filters.length > 0 ? (this.compositeFilterIndex >= 0 && t.filters.splice(this.compositeFilterIndex, 1), this.props.onFilterChange(t, e)) : this.props.onFilterChange(null, e), this.props.onCloseMenu && this.props.onCloseMenu();
-    }, this.submit = (e) => {
-      if (e.preventDefault(), !this.props.onFilterChange)
-        return;
-      const t = this.state.currentFilter || null;
-      this.props.onFilterChange(t, e), this.props.onCloseMenu && this.props.onCloseMenu();
-    }, this.handleCheckBoxChange = (e, t) => {
-      const n = this.props.column.field || "", r = { ...this.state.currentFilter }, a = [...this.state.currentFilter.filters];
-      let i = [];
-      if (this.compositeFilterIndex !== -1 && r.filters[this.compositeFilterIndex].filters && t !== "all" && (i = r.filters[this.compositeFilterIndex].filters), e.value && t === "all")
-        this.state.data.forEach((l) => {
-          i.push({ field: n, operator: "eq", value: l });
-        });
-      else if (e.value)
-        i.push({ field: n, operator: "eq", value: t });
-      else if (this.state.currentFilter) {
-        const l = i.findIndex((c) => c.value === t);
-        i.splice(l, 1);
-      }
-      r.logic = "and", this.compositeFilterIndex !== -1 ? a[this.compositeFilterIndex] = {
-        logic: "or",
-        filters: i
-      } : a.push({
-        logic: "or",
-        filters: i
-      }), (!e.value && t === "all" || i.length === 0) && a.splice(this.compositeFilterIndex, 1), r.filters = a, this.setState({ currentFilter: r });
-    }, this.isAllSelected = () => {
-      let e = !1;
-      if (this.state.currentFilter) {
-        const t = [...this.state.currentFilter.filters];
-        return this.compositeFilterIndex === -1 ? !1 : (e = this.state.data.every((n) => this.compositeFilterIndex !== -1 && t[this.compositeFilterIndex].filters ? t[this.compositeFilterIndex].filters.findIndex((a) => a.value === n) >= 0 : !1), e);
-      }
-      return e;
-    }, this.compositeFilterIndex = this.getFilterIndex(), this.state = {
-      expanded: o.expanded || !1,
-      value: "",
-      data: this.parseData(this.props.data, this.props.uniqueData) || [],
-      dataFromProps: this.parseData(this.props.data, !1) || [],
-      currentFilter: this.defaultFilter()
+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 { 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 = {
+  uniqueData: !0
+}, Ee = (e) => {
+  const { uniqueData: u = ce.uniqueData } = e, h = () => {
+    const t = e.column.field;
+    return v().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));
+    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());
+  l.useEffect(() => {
+    const t = e.column.field || "", n = e.data.map((i) => R(t, i));
+    ie(n, A) || (x(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 n = e.searchBoxFilterOperator ? e.searchBoxFilterOperator : "startswith", i = {
+      logic: "and",
+      filters: [{ field: e.column.field, operator: n, value: t.target.value, ignoreCase: !0 }]
     };
-  }
-  /**
-   * @hidden
-   */
-  componentDidUpdate() {
-    const o = this.props.column.field || "", e = this.props.data.map((t) => E(o, t));
-    P(e, this.state.dataFromProps) || this.setState({
-      data: e,
-      dataFromProps: e
-    });
-  }
-  /**
-   * @hidden
-   */
-  render() {
-    const { column: o } = this.props;
-    if (!o || !o.field)
-      return /* @__PURE__ */ s.createElement("div", null);
-    const e = b(this), t = this.isControlled() ? this.props.expanded : this.state.expanded, n = [];
-    if (this.state.currentFilter) {
-      const i = [...this.state.currentFilter.filters];
-      this.compositeFilterIndex = i.findIndex((l) => l.filters && l.filters.length > 0 ? l.filters[0].field === o.field : !1), this.compositeFilterIndex !== -1 && i[this.compositeFilterIndex].filters.length > 0 && i[this.compositeFilterIndex].filters.forEach((l) => {
-        l.field === this.props.column.field && n.push(l.value);
+    b(t.target.value), x(f(P(e.data || [], i), u));
+  }, 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));
+  }, J = (t) => {
+    if (t.preventDefault(), !e.onFilterChange)
+      return;
+    const n = s || null;
+    n !== null && n.filters.length > 0 ? (r.current >= 0 && n.filters.splice(r.current, 1), e.onFilterChange(n, t)) : e.onFilterChange(null, t), e.onCloseMenu && e.onCloseMenu();
+  }, K = (t) => {
+    if (t.preventDefault(), !e.onFilterChange)
+      return;
+    const n = s || null;
+    e.onFilterChange(n, t), e.onCloseMenu && e.onCloseMenu();
+  }, D = (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 });
       });
+    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);
+    }
+    a.logic = "and", r.current !== -1 ? c[r.current] = {
+      logic: "or",
+      filters: o
+    } : c.push({
+      logic: "or",
+      filters: o
+    }), (!t.value && n === "all" || o.length === 0) && c.splice(r.current, 1), a.filters = c, T(a);
+  }, Q = () => {
+    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(
+        (c) => c.value === i
+      ) >= 0 : !1), t);
     }
-    const r = this.props.searchBox ? /* @__PURE__ */ s.createElement(this.props.searchBox, { value: this.state.value, onChange: this.handleSearchChange }) : /* @__PURE__ */ s.createElement("div", { className: "k-searchbox k-textbox k-input k-input-md k-input-solid" }, /* @__PURE__ */ s.createElement(L, { className: "k-input-icon", name: "search", icon: O }), /* @__PURE__ */ s.createElement(
-      D,
-      {
-        className: "k-input-inner",
-        type: "text",
-        placeholder: e.toLanguageString(x, h[x]),
-        value: this.state.value,
-        onChange: (i) => this.handleSearchChange(i.nativeEvent)
-      }
-    ), /* @__PURE__ */ s.createElement(
-      p,
-      {
-        type: "button",
-        rounded: null,
-        className: "k-input-button",
-        onClick: this.handleClear,
-        icon: "x",
-        svgIcon: w
-      }
-    )), a = n.filter((i, l) => n.indexOf(i) === l);
-    return /* @__PURE__ */ s.createElement(B, null, /* @__PURE__ */ s.createElement(
-      S,
-      {
-        title: e.toLanguageString(g, h[g]),
-        iconClass: "k-i-filter",
-        svgIcon: M,
-        onClick: this.onFilterExpand
-      }
-    ), /* @__PURE__ */ s.createElement(N, { show: !!t }, /* @__PURE__ */ s.createElement(
-      "form",
-      {
-        className: "k-filter-menu",
-        onSubmit: this.submit,
-        onReset: this.clear
-      },
-      /* @__PURE__ */ s.createElement("div", { className: "k-filter-menu-container" }, r, /* @__PURE__ */ s.createElement("ul", { className: "k-reset k-multicheck-wrap" }, /* @__PURE__ */ s.createElement("li", { className: "k-item k-check-all-wrap" }, /* @__PURE__ */ s.createElement(
-        m,
-        {
-          label: e.toLanguageString(F, h[F]),
-          onChange: (i) => this.handleCheckBoxChange(i, "all"),
-          checked: this.isAllSelected()
-        }
-      )), this.state.data.map((i, l) => /* @__PURE__ */ s.createElement("li", { className: "k-item", key: l }, /* @__PURE__ */ s.createElement(
-        m,
-        {
-          label: String(i),
-          onChange: (c) => this.handleCheckBoxChange(c, i),
-          checked: a.includes(i)
-        }
-      )))), /* @__PURE__ */ s.createElement("div", { className: "k-filter-selected-items" }, a.length + " " + e.toLanguageString(C, h[C])), /* @__PURE__ */ s.createElement("div", { className: "k-actions k-hstack k-justify-content-stretch" }, /* @__PURE__ */ s.createElement(
-        p,
-        {
-          themeColor: "primary",
-          type: "submit"
-        },
-        e.toLanguageString(I, h[I])
-      ), /* @__PURE__ */ s.createElement(
-        p,
-        {
-          className: "k-button",
-          type: "reset"
-        },
-        e.toLanguageString(k, h[k])
-      )))
-    )));
+    return t;
+  }, d = ee(), { column: C } = e;
+  if (!C || !C.field)
+    return /* @__PURE__ */ l.createElement("div", null);
+  const U = N() ? e.expanded : S, k = [];
+  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);
+    });
   }
+  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,
+    {
+      className: "k-input-inner",
+      type: "text",
+      placeholder: d.toLanguageString(O, m[O]),
+      value: I,
+      onChange: (t) => B(t.nativeEvent)
+    }
+  ), /* @__PURE__ */ l.createElement(
+    F,
+    {
+      type: "button",
+      rounded: null,
+      className: "k-input-button",
+      onClick: H,
+      icon: "x",
+      svgIcon: re
+    }
+  )), y = k.filter((t, n) => k.indexOf(t) === n);
+  return /* @__PURE__ */ l.createElement(_, null, /* @__PURE__ */ l.createElement(
+    Z,
+    {
+      title: d.toLanguageString(q, m[q]),
+      iconClass: "k-i-filter",
+      svgIcon: ae,
+      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(
+    M,
+    {
+      label: d.toLanguageString(L, m[L]),
+      onChange: (t) => D(t, "all"),
+      checked: Q()
+    }
+  )), g.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)
+    }
+  )))), /* @__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])))))));
 };
-u.defaultProps = {
-  uniqueData: !0
-};
-let d = u;
-y(d);
 export {
-  d as GridColumnMenuCheckboxFilter
+  Ee as GridColumnMenuCheckboxFilter
 };

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;