@progress/kendo-react-grid 7.2.4-develop.3 → 7.2.4-develop.4

package/columnMenu/GridColumnMenuCheckboxFilter.mjs

@@ -0,0 +1,199 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"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()
+    };
+  }
+  /**
+   * @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);
+      });
+    }
+    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])
+      )))
+    )));
+  }
+};
+u.defaultProps = {
+  uniqueData: !0
+};
+let d = u;
+y(d);
+export {
+  d as GridColumnMenuCheckboxFilter
+};

package/columnMenu/GridColumnMenuColumnsList.js

@@ -0,0 +1,8 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const y=require("react"),r=require("@progress/kendo-react-inputs"),v=require("@progress/kendo-react-common"),N=require("@progress/kendo-svg-icons"),C=require("@progress/kendo-react-buttons");function M(t){const c=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const o in t)if(o!=="default"){const s=Object.getOwnPropertyDescriptor(t,o);Object.defineProperty(c,o,s.get?s:{enumerable:!0,get:()=>t[o]})}}return c.default=t,Object.freeze(c)}const e=M(y),h=t=>{const[c,o]=e.useState(""),s=e.useMemo(()=>new Set(t.columnsState.map(n=>n.id)),[t.columnsState]),f=e.useMemo(()=>t.columns.filter(n=>{var l;return(l=n.title||n.field)==null?void 0:l.toLowerCase().includes(c.toLowerCase())}),[t.columns,c]),[a,i]=e.useState(t.columns.map(n=>s.has(n.id))),b=e.useCallback(()=>{const n=t.columns.filter((l,u)=>a[u]);t.onColumnsChange.call(void 0,n),t.onCloseMenu.call(void 0)},[a,t.columns,t.onColumnsChange,t.onCloseMenu]),g=e.useCallback(()=>{i(t.columns.map(n=>s.has(n.id)))},[s,t.columns]),d=a.filter(n=>n).length,m=d===a.length,S=e.useCallback(()=>{i(t.columns.map((n,l)=>m&&l===0?!0:!m))},[t.columns,m]),E=e.useCallback((n,l)=>{const u=a.slice();u[l]=n,i(u)},[a]);return e.createElement("form",{className:"k-filter-menu"},e.createElement("div",{className:"k-filter-menu-container"},e.createElement(r.TextBox,{className:"k-searchbox",value:c,onChange:n=>o(String(n.target.value)),prefix:()=>e.createElement(r.InputPrefix,null,e.createElement(v.IconWrap,{name:"search",icon:N.searchIcon}))}),e.createElement("ul",{className:"k-reset k-multicheck-wrap"},!c&&e.createElement("li",{className:"k-item k-check-all-wrap"},e.createElement(r.Checkbox,{checked:m,onChange:S,label:"(Select all)"})),f.map((n,l)=>e.createElement("li",{key:n.id,className:"k-item"},e.createElement(r.Checkbox,{disabled:a[l]&&d===1,checked:a[l],onChange:u=>{var k;return E(!!((k=u.target.element)!=null&&k.checked),l)},label:n.title||n.field})))),e.createElement("div",{className:"k-filter-selected-items"},d," selected items"),e.createElement("div",{className:"k-actions k-actions-start k-actions-horizontal"},e.createElement(C.Button,{type:"button",themeColor:"primary",onClick:b},"Apply"),e.createElement(C.Button,{type:"button",onClick:g},"Reset"))))};h.displayName="GridColumnMenuColumnsList";exports.GridColumnMenuColumnsList=h;

package/columnMenu/GridColumnMenuColumnsList.mjs

@@ -0,0 +1,60 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use client";
+import * as e from "react";
+import { TextBox as S, InputPrefix as N, Checkbox as C } from "@progress/kendo-react-inputs";
+import { IconWrap as x } from "@progress/kendo-react-common";
+import { searchIcon as v } from "@progress/kendo-svg-icons";
+import { Button as d } from "@progress/kendo-react-buttons";
+const y = (l) => {
+  const [o, k] = e.useState(""), m = e.useMemo(() => new Set(l.columnsState.map((t) => t.id)), [l.columnsState]), h = e.useMemo(() => l.columns.filter((t) => {
+    var n;
+    return (n = t.title || t.field) == null ? void 0 : n.toLowerCase().includes(o.toLowerCase());
+  }), [l.columns, o]), [a, i] = e.useState(l.columns.map((t) => m.has(t.id))), f = e.useCallback(() => {
+    const t = l.columns.filter((n, c) => a[c]);
+    l.onColumnsChange.call(void 0, t), l.onCloseMenu.call(void 0);
+  }, [a, l.columns, l.onColumnsChange, l.onCloseMenu]), E = e.useCallback(() => {
+    i(l.columns.map((t) => m.has(t.id)));
+  }, [m, l.columns]), r = a.filter((t) => t).length, s = r === a.length, b = e.useCallback(() => {
+    i(l.columns.map((t, n) => s && n === 0 ? !0 : !s));
+  }, [l.columns, s]), g = e.useCallback((t, n) => {
+    const c = a.slice();
+    c[n] = t, i(c);
+  }, [a]);
+  return /* @__PURE__ */ e.createElement("form", { className: "k-filter-menu" }, /* @__PURE__ */ e.createElement("div", { className: "k-filter-menu-container" }, /* @__PURE__ */ e.createElement(
+    S,
+    {
+      className: "k-searchbox",
+      value: o,
+      onChange: (t) => k(String(t.target.value)),
+      prefix: () => /* @__PURE__ */ e.createElement(N, null, /* @__PURE__ */ e.createElement(x, { name: "search", icon: v }))
+    }
+  ), /* @__PURE__ */ e.createElement("ul", { className: "k-reset k-multicheck-wrap" }, !o && /* @__PURE__ */ e.createElement("li", { className: "k-item k-check-all-wrap" }, /* @__PURE__ */ e.createElement(
+    C,
+    {
+      checked: s,
+      onChange: b,
+      label: "(Select all)"
+    }
+  )), h.map((t, n) => /* @__PURE__ */ e.createElement("li", { key: t.id, className: "k-item" }, /* @__PURE__ */ e.createElement(
+    C,
+    {
+      disabled: a[n] && r === 1,
+      checked: a[n],
+      onChange: (c) => {
+        var u;
+        return g(!!((u = c.target.element) != null && u.checked), n);
+      },
+      label: t.title || t.field
+    }
+  )))), /* @__PURE__ */ e.createElement("div", { className: "k-filter-selected-items" }, r, " selected items"), /* @__PURE__ */ e.createElement("div", { className: "k-actions k-actions-start k-actions-horizontal" }, /* @__PURE__ */ e.createElement(d, { type: "button", themeColor: "primary", onClick: f }, "Apply"), /* @__PURE__ */ e.createElement(d, { type: "button", onClick: E }, "Reset"))));
+};
+y.displayName = "GridColumnMenuColumnsList";
+export {
+  y as GridColumnMenuColumnsList
+};

package/columnMenu/GridColumnMenuFilter.js

@@ -0,0 +1,8 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const P=require("react"),E=require("@progress/kendo-data-query"),B=require("./GridColumnMenuItem.js"),L=require("./GridColumnMenuItemGroup.js"),U=require("./GridColumnMenuItemContent.js"),M=require("@progress/kendo-react-intl"),a=require("../filterCommon.js"),f=require("../messages/index.js"),T=require("./GridColumnMenuFilterUI.js"),b=require("@progress/kendo-react-buttons"),j=require("@progress/kendo-svg-icons");function w(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=w(P),g=c=>c||{filters:[],logic:"and"},h=(c,i)=>g(i).filters.filter(t=>E.isCompositeFilterDescriptor(t)?t.filters&&t.filters.length&&t.filters.length<=2&&!t.filters.find(r=>E.isCompositeFilterDescriptor(r)||r.field!==c):!1)[0]||null,v=class v 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=M.provideLocalizationService(this),s=this.state.filterGroup.filters,p=a.operatorMap(t[r],o),d=a.operatorMap(a.booleanFilterValues,o),D={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},G=this.state.filterGroup.logic,y=a.operatorMap(a.filterLogicList,o),C={value:y.find(F=>F.operator===(G===null?"":G)),onChange:this.logicChange,data:y},I=l,S={firstFilterProps:D,secondFilterProps:O,logicData:C.data,logicValue:C.value,onLogicChange:C.onChange,hideSecondFilter:n},k=this.currentFilterGroup().filters.length!==0||a.IsUnaryFilter(s[0].operator)||a.IsUnaryFilter(s[1].operator),q=this.isControlled()?this.props.expanded:this.state.expanded,x=this.props.alwaysExpand;return u.createElement(L.GridColumnMenuItemGroup,null,!x&&u.createElement(B.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||!!q},u.createElement("form",{className:"k-filter-menu",onSubmit:this.submit,onReset:this.clear,onKeyDown:F=>F.stopPropagation()},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(b.Button,{themeColor:"primary",disabled:!k},o.toLanguageString(f.filterSubmitButton,f.messages[f.filterSubmitButton])),u.createElement(b.Button,{type:"reset"},o.toLanguageString(f.filterClearButton,f.messages[f.filterClearButton])))))))}};v.active=(i,l)=>!!h(i,l);let m=v;M.registerForLocalization(m);exports.GridColumnMenuFilter=m;exports.filterGroupByField=h;exports.rootFilterOrDefault=g;

package/columnMenu/GridColumnMenuFilter.mjs

@@ -0,0 +1,188 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use client";
+import * as a from "react";
+import { isCompositeFilterDescriptor as L } from "@progress/kendo-data-query";
+import { GridColumnMenuItem as B } from "./GridColumnMenuItem.mjs";
+import { GridColumnMenuItemGroup as T } 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 D, getDefaultOperator as R, IsUnaryFilter as c, operatorMap as g, booleanFilterValues as K, filterLogicList as j, defaultHideSecondFilter as q } from "../filterCommon.mjs";
+import { filterTitle as b, messages as C, filterSubmitButton as M, filterClearButton as P } from "../messages/index.mjs";
+import { GridColumnMenuFilterUI as A } from "./GridColumnMenuFilterUI.mjs";
+import { Button as k } from "@progress/kendo-react-buttons";
+import { filterIcon as J } from "@progress/kendo-svg-icons";
+const F = (h) => h || { filters: [], logic: "and" }, u = (h, i) => F(i).filters.filter((t) => L(t) ? t.filters && t.filters.length && t.filters.length <= 2 && !t.filters.find((r) => L(r) || r.field !== h) : !1)[0] || null, G = class G 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), {
+        ...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 = F(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 = F(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 = D(i.column.filter), t = R(i.filterOperators, e);
+      o = u(i.column.field, i.filter), o = o ? {
+        ...o,
+        filters: o.filters.map((r) => ({ ...r }))
+      } : {
+        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 }
+        ]
+      }, o.filters.filter((r) => r.field === i.column.field).length === 1 && o.filters.splice(1, 0, { field: i.column.field, operator: t });
+    }
+    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 = D(i.filter), s = e !== void 0 ? e : q[r], l = N(this), n = this.state.filterGroup.filters, f = g(t[r], l), p = g(K, l), O = {
+      field: i.field,
+      value: n[0].value,
+      operator: n[0].operator,
+      operators: f,
+      booleanValues: p,
+      onChange: this.firstFilterChange,
+      filterType: r
+    }, U = {
+      field: i.field,
+      value: n[1].value,
+      operator: n[1].operator,
+      operators: f,
+      booleanValues: p,
+      onChange: this.secondFilterChange,
+      filterType: r
+    }, x = this.state.filterGroup.logic, E = g(j, l), d = {
+      value: E.find((m) => m.operator === (x === null ? "" : x)),
+      onChange: this.logicChange,
+      data: E
+    }, S = o, I = {
+      firstFilterProps: O,
+      secondFilterProps: U,
+      logicData: d.data,
+      logicValue: d.value,
+      onLogicChange: d.onChange,
+      hideSecondFilter: s
+    }, V = this.currentFilterGroup().filters.length !== 0 || c(n[0].operator) || c(n[1].operator), w = this.isControlled() ? this.props.expanded : this.state.expanded, y = this.props.alwaysExpand;
+    return /* @__PURE__ */ a.createElement(T, null, !y && /* @__PURE__ */ a.createElement(
+      B,
+      {
+        title: l.toLanguageString(b, C[b]),
+        iconClass: "k-i-filter",
+        svgIcon: J,
+        onClick: this.onFilterExpand
+      }
+    ), /* @__PURE__ */ a.createElement(z, { show: y || !!w }, /* @__PURE__ */ a.createElement(
+      "form",
+      {
+        className: "k-filter-menu",
+        onSubmit: this.submit,
+        onReset: this.clear,
+        onKeyDown: (m) => m.stopPropagation()
+      },
+      /* @__PURE__ */ a.createElement("div", { className: "k-filter-menu-container" }, S ? /* @__PURE__ */ a.createElement(S, { ...I }) : /* @__PURE__ */ a.createElement(A, { ...I }), /* @__PURE__ */ a.createElement("div", { className: "k-actions k-actions-stretched" }, /* @__PURE__ */ a.createElement(
+        k,
+        {
+          themeColor: "primary",
+          disabled: !V
+        },
+        l.toLanguageString(M, C[M])
+      ), /* @__PURE__ */ a.createElement(
+        k,
+        {
+          type: "reset"
+        },
+        l.toLanguageString(P, C[P])
+      )))
+    )));
+  }
+};
+G.active = (i, o) => !!u(i, o);
+let v = G;
+H(v);
+export {
+  v as GridColumnMenuFilter,
+  u as filterGroupByField,
+  F as rootFilterOrDefault
+};

package/columnMenu/GridColumnMenuFilterCell.js

@@ -0,0 +1,8 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const 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;

package/columnMenu/GridColumnMenuFilterCell.mjs

@@ -0,0 +1,96 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use client";
+import * as r 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) {
+      case "numeric":
+        return /* @__PURE__ */ r.createElement(
+          s,
+          {
+            value: n,
+            onChange: (e) => {
+              this.inputChange(e.value, e.syntheticEvent);
+            },
+            rangeOnEnter: !1
+          }
+        );
+      case "date":
+        return /* @__PURE__ */ r.createElement(
+          h,
+          {
+            value: n,
+            onChange: (e) => {
+              this.inputChange(e.value, e.syntheticEvent);
+            }
+          }
+        );
+      case "boolean": {
+        const e = (a) => a == null;
+        return /* @__PURE__ */ r.createElement(
+          i,
+          {
+            onChange: this.boolDropdownChange,
+            value: o.find((a) => a.operator === (e(n) ? "" : n)),
+            data: o,
+            textField: "text"
+          }
+        );
+      }
+      default:
+        return /* @__PURE__ */ r.createElement(
+          p,
+          {
+            value: n || "",
+            onChange: (e) => {
+              this.inputChange(e.target.value, e.syntheticEvent);
+            }
+          }
+        );
+    }
+  }
+}
+export {
+  E as GridColumnMenuFilterCell
+};

package/columnMenu/GridColumnMenuFilterUI.js

@@ -0,0 +1,8 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const 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;

package/columnMenu/GridColumnMenuFilterUI.mjs

@@ -0,0 +1,36 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"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 })));
+  }
+}
+export {
+  p as GridColumnMenuFilterUI
+};

package/columnMenu/GridColumnMenuGroup.js

@@ -0,0 +1,8 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const 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;