@progress/kendo-react-data-tools 14.5.0-develop.9 → 15.0.0-develop.1

package/filter/Expression.mjs

@@ -7,15 +7,15 @@
  */
 "use client";
 import * as n from "react";
-import s from "prop-types";
-import { Toolbar as b, ToolbarItem as m, Button as C } from "@progress/kendo-react-buttons";
+import p from "prop-types";
+import { Toolbar as C, ToolbarItem as g, Button as L } from "@progress/kendo-react-buttons";
 import { DropDownList as d } from "@progress/kendo-react-dropdowns";
-import { provideLocalizationService as L, registerForLocalization as y } from "@progress/kendo-react-intl";
-import { xIcon as O } from "@progress/kendo-svg-icons";
-import { unaryOperator as g, stringOperator as R } from "./operators.mjs";
-import { filterExpressionAriaLabel as v, messages as p, filterExpressionDropdownAriaLabel as u, filterExpressionOperatorDropdownAriaLabel as x, filterClose as F } from "../messages/index.mjs";
-const E = (c) => {
-  c.value === void 0 && !g(c.operator) && (c.value = R(c.operator) ? "" : null);
+import { provideLocalizationService as y, registerForLocalization as O } from "@progress/kendo-react-intl";
+import { xIcon as R } from "@progress/kendo-svg-icons";
+import { unaryOperator as m, stringOperator as I } from "./operators.mjs";
+import { filterExpressionAriaLabel as v, messages as s, filterExpressionDropdownAriaLabel as u, filterExpressionOperatorDropdownAriaLabel as x, filterExpressionClose as F, filterClose as E } from "../messages/index.mjs";
+const b = (c) => {
+  c.value === void 0 && !m(c.operator) && (c.value = I(c.operator) ? "" : null);
 }, h = class h extends n.Component {
   constructor() {
     super(...arguments), this.onFieldChange = (t) => {
@@ -23,20 +23,20 @@ const E = (c) => {
         field: r,
         operator: i
       };
-      E(l), this.triggerOnFilterChange(o, l, t);
+      b(l), this.triggerOnFilterChange(o, l, t);
     }, this.onOperatorChange = (t) => {
       const r = t.value.operator, e = this.props.filter;
       let o;
-      if (g(r)) {
+      if (m(r)) {
         const { value: i, ...l } = e;
         o = { ...l, operator: r };
       } else
         o = { ...e, operator: r };
-      E(o), this.triggerOnFilterChange(e, o, t);
+      b(o), this.triggerOnFilterChange(e, o, t);
     }, this.onInputChange = (t) => {
       const r = this.props.filter;
       let e = t.nextFilter;
-      if (g(e.operator)) {
+      if (m(e.operator)) {
         const o = this.props.fields.find((i) => i.name === e.field);
         e = { ...e, operator: o && o.operators[0].operator || e.operator };
       }
@@ -61,15 +61,15 @@ const E = (c) => {
     };
   }
   render() {
-    const t = L(this), {
+    const t = y(this), {
       fields: r,
       filter: e,
-      ariaLabel: o = t.toLanguageString(v, p[v])
+      ariaLabel: o = t.toLanguageString(v, s[v])
     } = this.props, i = r.find((a) => a.name === e.field), l = (i && i.operators || []).map((a) => ({
       ...a,
-      text: t.toLanguageString(a.text, p[a.text] || a.text)
+      text: t.toLanguageString(a.text, s[a.text] || a.text)
     }));
-    return /* @__PURE__ */ n.createElement("div", { className: "k-filter-toolbar" }, /* @__PURE__ */ n.createElement(b, { keyboardNavigation: !1, role: "toolbar", ariaLabel: o }, /* @__PURE__ */ n.createElement(m, { className: "k-filter-field" }, /* @__PURE__ */ n.createElement(
+    return /* @__PURE__ */ n.createElement("div", { className: "k-filter-toolbar" }, /* @__PURE__ */ n.createElement(C, { keyboardNavigation: !1, role: "toolbar", ariaLabel: o }, /* @__PURE__ */ n.createElement(g, { className: "k-filter-field" }, /* @__PURE__ */ n.createElement(
       d,
       {
         tabIndex: -1,
@@ -79,10 +79,10 @@ const E = (c) => {
         onChange: this.onFieldChange,
         ariaLabel: t.toLanguageString(
           u,
-          p[u]
+          s[u]
         )
       }
-    )), /* @__PURE__ */ n.createElement(m, { className: "k-filter-operator" }, /* @__PURE__ */ n.createElement(
+    )), /* @__PURE__ */ n.createElement(g, { className: "k-filter-operator" }, /* @__PURE__ */ n.createElement(
       d,
       {
         tabIndex: -1,
@@ -92,10 +92,10 @@ const E = (c) => {
         onChange: this.onOperatorChange,
         ariaLabel: t.toLanguageString(
           x,
-          p[x]
+          s[x]
         )
       }
-    )), /* @__PURE__ */ n.createElement(m, { className: "k-filter-value" }, i && /* @__PURE__ */ n.createElement(
+    )), /* @__PURE__ */ n.createElement(g, { className: "k-filter-value" }, i && /* @__PURE__ */ n.createElement(
       i.filter,
       {
         filter: e,
@@ -104,12 +104,13 @@ const E = (c) => {
         max: i.max
       }
     )), /* @__PURE__ */ n.createElement(
-      C,
+      L,
       {
         className: "k-toolbar-button",
-        title: t.toLanguageString(F, p[F]),
+        title: t.toLanguageString(E, s[E]),
+        "aria-label": t.toLanguageString(F, s[F]),
         icon: "x",
-        svgIcon: O,
+        svgIcon: R,
         fillMode: "flat",
         type: "button",
         onClick: this.onFilterRemove
@@ -118,14 +119,14 @@ const E = (c) => {
   }
 };
 h.propTypes = {
-  filter: s.object.isRequired,
-  fields: s.array.isRequired,
-  ariaLabel: s.string,
-  onChange: s.func.isRequired,
-  onRemove: s.func.isRequired
+  filter: p.object.isRequired,
+  fields: p.array.isRequired,
+  ariaLabel: p.string,
+  onChange: p.func.isRequired,
+  onRemove: p.func.isRequired
 };
 let f = h;
-y(f);
+O(f);
 export {
   f as Expression
 };

package/filter/Filter.js

@@ -6,4 +6,4 @@
  *-------------------------------------------------------------------------------------------
  */
 "use client";
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const R=require("react"),b=require("prop-types"),l=require("@progress/kendo-react-common"),F=require("./Group.js"),E=require("../package-metadata.js");function x(d){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(d){for(const i in d)if(i!=="default"){const o=Object.getOwnPropertyDescriptor(d,i);Object.defineProperty(r,i,o.get?o:{enumerable:!0,get:()=>d[i]})}}return r.default=d,Object.freeze(r)}const g=x(R),s={filterFieldWrapper:".k-filter-field",filterOperatorWrapper:".k-filter-operator",filterValueWrapper:".k-filter-value",filterToolbar:".k-filter-toolbar",toolbarElement:".k-toolbar",groupToolbar:".k-filter-group-main > .k-filter-toolbar > .k-toolbar",subGroupToolbar:".k-filter-lines .k-filter-toolbar > .k-toolbar"},k=class k extends g.Component{constructor(r){super(r),this.wrapperRef=g.createRef(),this.showLicenseWatermark=!1,this.onFilterChange=i=>{const o={filter:i.nextFilter,syntheticEvent:i.syntheticEvent,nativeEvent:i.nativeEvent,target:this};this.props.onChange.call(void 0,o)},this.onGroupRemove=i=>{const o={filter:{...this.props.value,filters:[]},syntheticEvent:i.syntheticEvent,nativeEvent:i.nativeEvent,target:this};this.props.onChange.call(void 0,o)},this.navigateVertical=(i,o,e)=>{if(!e)return;const t=e.classList.contains("k-filter-field")||e.classList.contains("k-filter-operator")||e.classList.contains("k-filter-value"),a=e.closest(s.toolbarElement),n=Array.from(o.getElementsByClassName("k-toolbar")),c=n.findIndex(h=>h===a),f=i==="up"?c-1:c+1,p=n[f];if(!o.getElementsByClassName("k-filter-lines")[0]||!p)return;a&&t&&l.disableNavigatableContainer(a,[s.filterFieldWrapper,s.filterOperatorWrapper,s.filterValueWrapper]),p.querySelectorAll(`${s.filterFieldWrapper}, ${s.filterOperatorWrapper}, ${s.filterValueWrapper}`).forEach((h,m)=>{h.tabIndex=m===0?0:-1});const v=p.querySelector(`${s.filterFieldWrapper}, ${s.filterOperatorWrapper}, ${s.filterValueWrapper}`);v?v.focus():l.focusFirstFocusableChild(p)},this.onKeyDown=i=>{var o;(o=this.navigation)==null||o.triggerKeyboardEvent(i)},this.showLicenseWatermark=!l.validatePackage(E.packageMetadata,{component:"Filter"}),this.licenseMessage=l.getLicenseMessage(E.packageMetadata)}componentDidMount(){this.wrapperRef&&(this.navigation=new l.Navigation({tabIndex:0,root:this.wrapperRef,selectors:[".k-filter"],keyboardEvents:{keydown:{Tab:(r,i,o)=>{const e=r.getElementsByClassName("k-filter-lines")[0];e&&l.disableNavigatableContainer(e)},Escape:(r,i,o)=>{const e=l.getActiveElement(document)||null,t=e==null?void 0:e.closest(s.toolbarElement),a=r.querySelector(s.groupToolbar),n=t==null?void 0:t.querySelector(".k-toolbar-button-group"),c=t===a||!!n,{isTextInput:f,isCombobox:p}=this.classifyActive(e);if(!c&&t&&e!==t)if(o.preventDefault(),l.disableNavigatableContainer(t,[s.filterFieldWrapper,s.filterOperatorWrapper,s.filterValueWrapper]),f||p){const u=e==null?void 0:e.closest(`${s.filterFieldWrapper}, ${s.filterOperatorWrapper}, ${s.filterValueWrapper}`);u&&u.focus()}else l.focusFirstFocusableChild(t)},ArrowUp:(r,i,o)=>{const e=l.getActiveElement(document)||null;if(!e)return;const{isPopup:t,isTextInput:a,isCombobox:n,isWrapper:c}=this.classifyActive(e);(t||a||n)&&!c||(o.preventDefault(),this.navigateVertical("up",r,e))},ArrowDown:(r,i,o)=>{const e=l.getActiveElement(document)||null;if(!e)return;const{isPopup:t,isTextInput:a,isCombobox:n,isWrapper:c}=this.classifyActive(e);(t||a||n)&&!c||(o.preventDefault(),this.navigateVertical("down",r,e))},ArrowRight:(r,i,o)=>{const e=l.getActiveElement(document)||null;if(!e)return;const{isTextInput:t}=this.classifyActive(e);if(t)return;o.preventDefault();const a=e==null?void 0:e.nextElementSibling,n=e==null?void 0:e.closest(s.toolbarElement),c=r.querySelector(s.groupToolbar),f=n==null?void 0:n.querySelector(".k-toolbar-button-group");e&&a&&!(n===c||!!f)&&a.focus()},ArrowLeft:(r,i,o)=>{const e=l.getActiveElement(document)||null;if(!e)return;const{isTextInput:t}=this.classifyActive(e);if(t)return;o.preventDefault();const a=e==null?void 0:e.previousElementSibling,n=e==null?void 0:e.closest(s.toolbarElement),c=r.querySelector(s.groupToolbar),f=n==null?void 0:n.querySelector(".k-toolbar-button-group");e&&a&&!(n===c||!!f)&&a.focus()},Enter:(r,i,o)=>{var p;o.preventDefault();const e=l.getActiveElement(document)||null;if(!e)return;const t=e==null?void 0:e.closest(s.toolbarElement),a=r.getElementsByClassName("k-toolbar"),n=r.querySelector(s.groupToolbar),c=t==null?void 0:t.querySelector(".k-toolbar-button-group");if(t===n||!!c){const u=t==null?void 0:t.lastElementChild;u&&e===u&&u.click();return}if(t&&e){const u=e.classList.contains("k-filter-field")||e.classList.contains("k-filter-operator")||e.classList.contains("k-filter-value"),w=t.querySelector('button[title="Remove"]');if(e===w){const h=Array.from(a).findIndex(W=>W===t)-1,m=(p=a[h])==null?void 0:p.lastElementChild;e.click(),m&&m.focus()}else u&&(l.enableNavigatableContainer(t,[s.filterFieldWrapper,s.filterOperatorWrapper,s.filterValueWrapper]),l.focusFirstFocusableChild(e))}}}}}))}render(){return g.createElement("div",{className:l.classNames("k-filter",this.props.className),style:this.props.style,ref:this.wrapperRef,onKeyDown:this.onKeyDown},g.createElement("ul",{role:"tree",className:"k-filter-container","aria-label":this.props.ariaLabel},g.createElement("li",{role:"treeitem","aria-selected":!1,className:"k-filter-group-main"},g.createElement(F.Group,{filter:this.props.value,fields:this.props.fields,ariaLabel:this.props.ariaLabelGroup,ariaLabelExpression:this.props.ariaLabelExpression,onChange:this.onFilterChange,onRemove:this.onGroupRemove,defaultGroupFilter:this.props.defaultGroupFilter||{logic:"and",filters:[]}}))),this.showLicenseWatermark&&g.createElement(l.WatermarkOverlay,{message:this.licenseMessage}))}classifyActive(r){var n,c;if(!r)return{isTextInput:!1,isCombobox:!1,isWrapper:!1,isPopup:!1};const i=r.tagName==="INPUT"||r.tagName==="TEXTAREA",o=((n=r.getAttribute)==null?void 0:n.call(r,"role"))==="combobox",e=r.classList,t=!!e&&(e.contains("k-filter-field")||e.contains("k-filter-operator")||e.contains("k-filter-value")),a=!!((c=r.closest)!=null&&c.call(r,".k-animation-container, .k-popup"));return{isTextInput:i,isCombobox:o,isWrapper:t,isPopup:a}}};k.propTypes={className:b.string,style:b.object,fields:function(r,i){const o=r[i];if(o===void 0)return new Error(`Property '${i}' is missing.`);if(Array.isArray(o)){if(Object.keys(o.reduce((e,t)=>({...e,[t.name]:1}),{})).length!==o.length)return new Error(`Property '${i}' needs to contain objects with unique 'name' field.`)}else return new Error(`Property '${i}' needs to be Array<FieldSettings>.`);return null},ariaLabelGroup:b.string,ariaLabelExpression:b.string,value:b.object.isRequired,onChange:b.func.isRequired};let y=k;exports.Filter=y;exports.selectors=s;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const x=require("react"),b=require("prop-types"),l=require("@progress/kendo-react-common"),A=require("./Group.js"),W=require("@progress/kendo-react-intl"),k=require("../messages/index.js"),R=require("../package-metadata.js");function C(d){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(d){for(const i in d)if(i!=="default"){const o=Object.getOwnPropertyDescriptor(d,i);Object.defineProperty(t,i,o.get?o:{enumerable:!0,get:()=>d[i]})}}return t.default=d,Object.freeze(t)}const g=C(x),s={filterFieldWrapper:".k-filter-field",filterOperatorWrapper:".k-filter-operator",filterValueWrapper:".k-filter-value",filterToolbar:".k-filter-toolbar",toolbarElement:".k-toolbar",groupToolbar:".k-filter-group-main > .k-filter-toolbar > .k-toolbar",subGroupToolbar:".k-filter-lines .k-filter-toolbar > .k-toolbar"},w=class w extends g.Component{constructor(t){super(t),this.wrapperRef=g.createRef(),this.showLicenseWatermark=!1,this.onFilterChange=i=>{const o={filter:i.nextFilter,syntheticEvent:i.syntheticEvent,nativeEvent:i.nativeEvent,target:this};this.props.onChange.call(void 0,o)},this.onGroupRemove=i=>{const o={filter:{...this.props.value,filters:[]},syntheticEvent:i.syntheticEvent,nativeEvent:i.nativeEvent,target:this};this.props.onChange.call(void 0,o)},this.navigateVertical=(i,o,e)=>{if(!e)return;const r=e.classList.contains("k-filter-field")||e.classList.contains("k-filter-operator")||e.classList.contains("k-filter-value"),a=e.closest(s.toolbarElement),n=Array.from(o.getElementsByClassName("k-toolbar")),c=n.findIndex(h=>h===a),f=i==="up"?c-1:c+1,p=n[f];if(!o.getElementsByClassName("k-filter-lines")[0]||!p)return;a&&r&&l.disableNavigatableContainer(a,[s.filterFieldWrapper,s.filterOperatorWrapper,s.filterValueWrapper]),p.querySelectorAll(`${s.filterFieldWrapper}, ${s.filterOperatorWrapper}, ${s.filterValueWrapper}`).forEach((h,m)=>{h.tabIndex=m===0?0:-1});const y=p.querySelector(`${s.filterFieldWrapper}, ${s.filterOperatorWrapper}, ${s.filterValueWrapper}`);y?y.focus():l.focusFirstFocusableChild(p)},this.onKeyDown=i=>{var o;(o=this.navigation)==null||o.triggerKeyboardEvent(i)},this.showLicenseWatermark=!l.validatePackage(R.packageMetadata,{component:"Filter"}),this.licenseMessage=l.getLicenseMessage(R.packageMetadata)}componentDidMount(){this.wrapperRef&&(this.navigation=new l.Navigation({tabIndex:0,root:this.wrapperRef,selectors:[".k-filter"],keyboardEvents:{keydown:{Tab:(t,i,o)=>{const e=t.getElementsByClassName("k-filter-lines")[0];e&&l.disableNavigatableContainer(e)},Escape:(t,i,o)=>{const e=l.getActiveElement(document)||null,r=e==null?void 0:e.closest(s.toolbarElement),a=t.querySelector(s.groupToolbar),n=r==null?void 0:r.querySelector(".k-toolbar-button-group"),c=r===a||!!n,{isTextInput:f,isCombobox:p}=this.classifyActive(e);if(!c&&r&&e!==r)if(o.preventDefault(),l.disableNavigatableContainer(r,[s.filterFieldWrapper,s.filterOperatorWrapper,s.filterValueWrapper]),f||p){const u=e==null?void 0:e.closest(`${s.filterFieldWrapper}, ${s.filterOperatorWrapper}, ${s.filterValueWrapper}`);u&&u.focus()}else l.focusFirstFocusableChild(r)},ArrowUp:(t,i,o)=>{const e=l.getActiveElement(document)||null;if(!e)return;const{isPopup:r,isTextInput:a,isCombobox:n,isWrapper:c}=this.classifyActive(e);(r||a||n)&&!c||(o.preventDefault(),this.navigateVertical("up",t,e))},ArrowDown:(t,i,o)=>{const e=l.getActiveElement(document)||null;if(!e)return;const{isPopup:r,isTextInput:a,isCombobox:n,isWrapper:c}=this.classifyActive(e);(r||a||n)&&!c||(o.preventDefault(),this.navigateVertical("down",t,e))},ArrowRight:(t,i,o)=>{const e=l.getActiveElement(document)||null;if(!e)return;const{isTextInput:r}=this.classifyActive(e);if(r)return;o.preventDefault();const a=e==null?void 0:e.nextElementSibling,n=e==null?void 0:e.closest(s.toolbarElement),c=t.querySelector(s.groupToolbar),f=n==null?void 0:n.querySelector(".k-toolbar-button-group");e&&a&&!(n===c||!!f)&&a.focus()},ArrowLeft:(t,i,o)=>{const e=l.getActiveElement(document)||null;if(!e)return;const{isTextInput:r}=this.classifyActive(e);if(r)return;o.preventDefault();const a=e==null?void 0:e.previousElementSibling,n=e==null?void 0:e.closest(s.toolbarElement),c=t.querySelector(s.groupToolbar),f=n==null?void 0:n.querySelector(".k-toolbar-button-group");e&&a&&!(n===c||!!f)&&a.focus()},Enter:(t,i,o)=>{var p;o.preventDefault();const e=l.getActiveElement(document)||null;if(!e)return;const r=e==null?void 0:e.closest(s.toolbarElement),a=t.getElementsByClassName("k-toolbar"),n=t.querySelector(s.groupToolbar),c=r==null?void 0:r.querySelector(".k-toolbar-button-group");if(r===n||!!c){const u=r==null?void 0:r.lastElementChild;u&&e===u&&u.click();return}if(r&&e){const u=e.classList.contains("k-filter-field")||e.classList.contains("k-filter-operator")||e.classList.contains("k-filter-value"),E=r.querySelector('button[title="Remove"]');if(e===E){const h=Array.from(a).findIndex(F=>F===r)-1,m=(p=a[h])==null?void 0:p.lastElementChild;e.click(),m&&m.focus()}else u&&(l.enableNavigatableContainer(r,[s.filterFieldWrapper,s.filterOperatorWrapper,s.filterValueWrapper]),l.focusFirstFocusableChild(e))}}}}}))}render(){const t=W.provideLocalizationService(this);return g.createElement("div",{className:l.classNames("k-filter",this.props.className),style:this.props.style,ref:this.wrapperRef,onKeyDown:this.onKeyDown},g.createElement("ul",{role:"tree",className:"k-filter-container","aria-label":this.props.ariaLabel||t.toLanguageString(k.filterAriaLabel,k.messages[k.filterAriaLabel])},g.createElement("li",{role:"treeitem",className:"k-filter-group-main"},g.createElement(A.Group,{filter:this.props.value,fields:this.props.fields,ariaLabel:this.props.ariaLabelGroup,ariaLabelExpression:this.props.ariaLabelExpression,onChange:this.onFilterChange,onRemove:this.onGroupRemove,defaultGroupFilter:this.props.defaultGroupFilter||{logic:"and",filters:[]}}))),this.showLicenseWatermark&&g.createElement(l.WatermarkOverlay,{message:this.licenseMessage}))}classifyActive(t){var n,c;if(!t)return{isTextInput:!1,isCombobox:!1,isWrapper:!1,isPopup:!1};const i=t.tagName==="INPUT"||t.tagName==="TEXTAREA",o=((n=t.getAttribute)==null?void 0:n.call(t,"role"))==="combobox",e=t.classList,r=!!e&&(e.contains("k-filter-field")||e.contains("k-filter-operator")||e.contains("k-filter-value")),a=!!((c=t.closest)!=null&&c.call(t,".k-animation-container, .k-popup"));return{isTextInput:i,isCombobox:o,isWrapper:r,isPopup:a}}};w.propTypes={className:b.string,style:b.object,fields:function(t,i){const o=t[i];if(o===void 0)return new Error(`Property '${i}' is missing.`);if(Array.isArray(o)){if(Object.keys(o.reduce((e,r)=>({...e,[r.name]:1}),{})).length!==o.length)return new Error(`Property '${i}' needs to contain objects with unique 'name' field.`)}else return new Error(`Property '${i}' needs to be Array<FieldSettings>.`);return null},ariaLabelGroup:b.string,ariaLabelExpression:b.string,value:b.object.isRequired,onChange:b.func.isRequired};let v=w;W.registerForLocalization(v);exports.Filter=v;exports.selectors=s;

package/filter/Filter.mjs

@@ -8,10 +8,12 @@
 "use client";
 import * as f from "react";
 import g from "prop-types";
-import { disableNavigatableContainer as v, focusFirstFocusableChild as y, validatePackage as x, getLicenseMessage as F, Navigation as C, getActiveElement as b, enableNavigatableContainer as A, classNames as T, WatermarkOverlay as G } from "@progress/kendo-react-common";
-import { Group as L } from "./Group.mjs";
-import { packageMetadata as W } from "../package-metadata.mjs";
-const s = {
+import { disableNavigatableContainer as v, focusFirstFocusableChild as y, validatePackage as F, getLicenseMessage as L, Navigation as A, getActiveElement as b, enableNavigatableContainer as C, classNames as T, WatermarkOverlay as G } from "@progress/kendo-react-common";
+import { Group as S } from "./Group.mjs";
+import { provideLocalizationService as I, registerForLocalization as q } from "@progress/kendo-react-intl";
+import { filterAriaLabel as E, messages as N } from "../messages/index.mjs";
+import { packageMetadata as R } from "../package-metadata.mjs";
+const i = {
   // Wrapper elements for filter field/operator/value (used in Expression rows)
   filterFieldWrapper: ".k-filter-field",
   filterOperatorWrapper: ".k-filter-operator",
@@ -21,94 +23,94 @@ const s = {
   toolbarElement: ".k-toolbar",
   groupToolbar: ".k-filter-group-main > .k-filter-toolbar > .k-toolbar",
   subGroupToolbar: ".k-filter-lines .k-filter-toolbar > .k-toolbar"
-}, k = class k extends f.Component {
+}, w = class w extends f.Component {
   constructor(r) {
-    super(r), this.wrapperRef = f.createRef(), this.showLicenseWatermark = !1, this.onFilterChange = (i) => {
+    super(r), this.wrapperRef = f.createRef(), this.showLicenseWatermark = !1, this.onFilterChange = (s) => {
       const o = {
-        filter: i.nextFilter,
-        syntheticEvent: i.syntheticEvent,
-        nativeEvent: i.nativeEvent,
+        filter: s.nextFilter,
+        syntheticEvent: s.syntheticEvent,
+        nativeEvent: s.nativeEvent,
         target: this
       };
       this.props.onChange.call(void 0, o);
-    }, this.onGroupRemove = (i) => {
+    }, this.onGroupRemove = (s) => {
       const o = {
         filter: { ...this.props.value, filters: [] },
-        syntheticEvent: i.syntheticEvent,
-        nativeEvent: i.nativeEvent,
+        syntheticEvent: s.syntheticEvent,
+        nativeEvent: s.nativeEvent,
         target: this
       };
       this.props.onChange.call(void 0, o);
-    }, this.navigateVertical = (i, o, e) => {
+    }, this.navigateVertical = (s, o, e) => {
       if (!e)
         return;
-      const t = e.classList.contains("k-filter-field") || e.classList.contains("k-filter-operator") || e.classList.contains("k-filter-value"), a = e.closest(s.toolbarElement), n = Array.from(o.getElementsByClassName("k-toolbar")), l = n.findIndex((h) => h === a), u = i === "up" ? l - 1 : l + 1, p = n[u];
+      const t = e.classList.contains("k-filter-field") || e.classList.contains("k-filter-operator") || e.classList.contains("k-filter-value"), a = e.closest(i.toolbarElement), n = Array.from(o.getElementsByClassName("k-toolbar")), l = n.findIndex((m) => m === a), u = s === "up" ? l - 1 : l + 1, p = n[u];
       if (!o.getElementsByClassName("k-filter-lines")[0] || !p)
         return;
       a && t && v(a, [
-        s.filterFieldWrapper,
-        s.filterOperatorWrapper,
-        s.filterValueWrapper
+        i.filterFieldWrapper,
+        i.filterOperatorWrapper,
+        i.filterValueWrapper
       ]), p.querySelectorAll(
-        `${s.filterFieldWrapper}, ${s.filterOperatorWrapper}, ${s.filterValueWrapper}`
-      ).forEach((h, m) => {
-        h.tabIndex = m === 0 ? 0 : -1;
+        `${i.filterFieldWrapper}, ${i.filterOperatorWrapper}, ${i.filterValueWrapper}`
+      ).forEach((m, h) => {
+        m.tabIndex = h === 0 ? 0 : -1;
       });
       const d = p.querySelector(
-        `${s.filterFieldWrapper}, ${s.filterOperatorWrapper}, ${s.filterValueWrapper}`
+        `${i.filterFieldWrapper}, ${i.filterOperatorWrapper}, ${i.filterValueWrapper}`
       );
       d ? d.focus() : y(p);
-    }, this.onKeyDown = (i) => {
+    }, this.onKeyDown = (s) => {
       var o;
-      (o = this.navigation) == null || o.triggerKeyboardEvent(i);
-    }, this.showLicenseWatermark = !x(W, { component: "Filter" }), this.licenseMessage = F(W);
+      (o = this.navigation) == null || o.triggerKeyboardEvent(s);
+    }, this.showLicenseWatermark = !F(R, { component: "Filter" }), this.licenseMessage = L(R);
   }
   /**
    * @hidden
    */
   componentDidMount() {
-    this.wrapperRef && (this.navigation = new C({
+    this.wrapperRef && (this.navigation = new A({
       tabIndex: 0,
       root: this.wrapperRef,
       selectors: [".k-filter"],
       keyboardEvents: {
         keydown: {
-          Tab: (r, i, o) => {
+          Tab: (r, s, o) => {
             const e = r.getElementsByClassName(
               "k-filter-lines"
             )[0];
             e && v(e);
           },
-          Escape: (r, i, o) => {
-            const e = b(document) || null, t = e == null ? void 0 : e.closest(s.toolbarElement), a = r.querySelector(s.groupToolbar), n = t == null ? void 0 : t.querySelector(".k-toolbar-button-group"), l = t === a || !!n, { isTextInput: u, isCombobox: p } = this.classifyActive(e);
+          Escape: (r, s, o) => {
+            const e = b(document) || null, t = e == null ? void 0 : e.closest(i.toolbarElement), a = r.querySelector(i.groupToolbar), n = t == null ? void 0 : t.querySelector(".k-toolbar-button-group"), l = t === a || !!n, { isTextInput: u, isCombobox: p } = this.classifyActive(e);
             if (!l && t && e !== t)
               if (o.preventDefault(), v(t, [
-                s.filterFieldWrapper,
-                s.filterOperatorWrapper,
-                s.filterValueWrapper
+                i.filterFieldWrapper,
+                i.filterOperatorWrapper,
+                i.filterValueWrapper
               ]), u || p) {
                 const c = e == null ? void 0 : e.closest(
-                  `${s.filterFieldWrapper}, ${s.filterOperatorWrapper}, ${s.filterValueWrapper}`
+                  `${i.filterFieldWrapper}, ${i.filterOperatorWrapper}, ${i.filterValueWrapper}`
                 );
                 c && c.focus();
               } else
                 y(t);
           },
-          ArrowUp: (r, i, o) => {
+          ArrowUp: (r, s, o) => {
             const e = b(document) || null;
             if (!e)
               return;
             const { isPopup: t, isTextInput: a, isCombobox: n, isWrapper: l } = this.classifyActive(e);
             (t || a || n) && !l || (o.preventDefault(), this.navigateVertical("up", r, e));
           },
-          ArrowDown: (r, i, o) => {
+          ArrowDown: (r, s, o) => {
             const e = b(document) || null;
             if (!e)
               return;
             const { isPopup: t, isTextInput: a, isCombobox: n, isWrapper: l } = this.classifyActive(e);
             (t || a || n) && !l || (o.preventDefault(), this.navigateVertical("down", r, e));
           },
-          ArrowRight: (r, i, o) => {
+          ArrowRight: (r, s, o) => {
             const e = b(document) || null;
             if (!e)
               return;
@@ -116,10 +118,10 @@ const s = {
             if (t)
               return;
             o.preventDefault();
-            const a = e == null ? void 0 : e.nextElementSibling, n = e == null ? void 0 : e.closest(s.toolbarElement), l = r.querySelector(s.groupToolbar), u = n == null ? void 0 : n.querySelector(".k-toolbar-button-group");
+            const a = e == null ? void 0 : e.nextElementSibling, n = e == null ? void 0 : e.closest(i.toolbarElement), l = r.querySelector(i.groupToolbar), u = n == null ? void 0 : n.querySelector(".k-toolbar-button-group");
             e && a && !(n === l || !!u) && a.focus();
           },
-          ArrowLeft: (r, i, o) => {
+          ArrowLeft: (r, s, o) => {
             const e = b(document) || null;
             if (!e)
               return;
@@ -127,16 +129,16 @@ const s = {
             if (t)
               return;
             o.preventDefault();
-            const a = e == null ? void 0 : e.previousElementSibling, n = e == null ? void 0 : e.closest(s.toolbarElement), l = r.querySelector(s.groupToolbar), u = n == null ? void 0 : n.querySelector(".k-toolbar-button-group");
+            const a = e == null ? void 0 : e.previousElementSibling, n = e == null ? void 0 : e.closest(i.toolbarElement), l = r.querySelector(i.groupToolbar), u = n == null ? void 0 : n.querySelector(".k-toolbar-button-group");
             e && a && !(n === l || !!u) && a.focus();
           },
-          Enter: (r, i, o) => {
+          Enter: (r, s, o) => {
             var p;
             o.preventDefault();
             const e = b(document) || null;
             if (!e)
               return;
-            const t = e == null ? void 0 : e.closest(s.toolbarElement), a = r.getElementsByClassName("k-toolbar"), n = r.querySelector(s.groupToolbar), l = t == null ? void 0 : t.querySelector(
+            const t = e == null ? void 0 : e.closest(i.toolbarElement), a = r.getElementsByClassName("k-toolbar"), n = r.querySelector(i.groupToolbar), l = t == null ? void 0 : t.querySelector(
               ".k-toolbar-button-group"
             );
             if (t === n || !!l) {
@@ -145,14 +147,14 @@ const s = {
               return;
             }
             if (t && e) {
-              const c = e.classList.contains("k-filter-field") || e.classList.contains("k-filter-operator") || e.classList.contains("k-filter-value"), w = t.querySelector('button[title="Remove"]');
-              if (e === w) {
-                const h = Array.from(a).findIndex((R) => R === t) - 1, m = (p = a[h]) == null ? void 0 : p.lastElementChild;
-                e.click(), m && m.focus();
-              } else c && (A(t, [
-                s.filterFieldWrapper,
-                s.filterOperatorWrapper,
-                s.filterValueWrapper
+              const c = e.classList.contains("k-filter-field") || e.classList.contains("k-filter-operator") || e.classList.contains("k-filter-value"), W = t.querySelector('button[title="Remove"]');
+              if (e === W) {
+                const m = Array.from(a).findIndex((x) => x === t) - 1, h = (p = a[m]) == null ? void 0 : p.lastElementChild;
+                e.click(), h && h.focus();
+              } else c && (C(t, [
+                i.filterFieldWrapper,
+                i.filterOperatorWrapper,
+                i.filterValueWrapper
               ]), y(e));
             }
           }
@@ -164,6 +166,7 @@ const s = {
    * @hidden
    */
   render() {
+    const r = I(this);
     return /* @__PURE__ */ f.createElement(
       "div",
       {
@@ -172,18 +175,26 @@ const s = {
         ref: this.wrapperRef,
         onKeyDown: this.onKeyDown
       },
-      /* @__PURE__ */ f.createElement("ul", { role: "tree", className: "k-filter-container", "aria-label": this.props.ariaLabel }, /* @__PURE__ */ f.createElement("li", { role: "treeitem", "aria-selected": !1, className: "k-filter-group-main" }, /* @__PURE__ */ f.createElement(
-        L,
+      /* @__PURE__ */ f.createElement(
+        "ul",
         {
-          filter: this.props.value,
-          fields: this.props.fields,
-          ariaLabel: this.props.ariaLabelGroup,
-          ariaLabelExpression: this.props.ariaLabelExpression,
-          onChange: this.onFilterChange,
-          onRemove: this.onGroupRemove,
-          defaultGroupFilter: this.props.defaultGroupFilter || { logic: "and", filters: [] }
-        }
-      ))),
+          role: "tree",
+          className: "k-filter-container",
+          "aria-label": this.props.ariaLabel || r.toLanguageString(E, N[E])
+        },
+        /* @__PURE__ */ f.createElement("li", { role: "treeitem", className: "k-filter-group-main" }, /* @__PURE__ */ f.createElement(
+          S,
+          {
+            filter: this.props.value,
+            fields: this.props.fields,
+            ariaLabel: this.props.ariaLabelGroup,
+            ariaLabelExpression: this.props.ariaLabelExpression,
+            onChange: this.onFilterChange,
+            onRemove: this.onGroupRemove,
+            defaultGroupFilter: this.props.defaultGroupFilter || { logic: "and", filters: [] }
+          }
+        ))
+      ),
       this.showLicenseWatermark && /* @__PURE__ */ f.createElement(G, { message: this.licenseMessage })
     );
   }
@@ -194,21 +205,21 @@ const s = {
     var n, l;
     if (!r)
       return { isTextInput: !1, isCombobox: !1, isWrapper: !1, isPopup: !1 };
-    const i = r.tagName === "INPUT" || r.tagName === "TEXTAREA", o = ((n = r.getAttribute) == null ? void 0 : n.call(r, "role")) === "combobox", e = r.classList, t = !!e && (e.contains("k-filter-field") || e.contains("k-filter-operator") || e.contains("k-filter-value")), a = !!((l = r.closest) != null && l.call(r, ".k-animation-container, .k-popup"));
-    return { isTextInput: i, isCombobox: o, isWrapper: t, isPopup: a };
+    const s = r.tagName === "INPUT" || r.tagName === "TEXTAREA", o = ((n = r.getAttribute) == null ? void 0 : n.call(r, "role")) === "combobox", e = r.classList, t = !!e && (e.contains("k-filter-field") || e.contains("k-filter-operator") || e.contains("k-filter-value")), a = !!((l = r.closest) != null && l.call(r, ".k-animation-container, .k-popup"));
+    return { isTextInput: s, isCombobox: o, isWrapper: t, isPopup: a };
   }
 };
-k.propTypes = {
+w.propTypes = {
   className: g.string,
   style: g.object,
-  fields: function(r, i) {
-    const o = r[i];
+  fields: function(r, s) {
+    const o = r[s];
     if (o === void 0)
-      return new Error(`Property '${i}' is missing.`);
+      return new Error(`Property '${s}' is missing.`);
     if (Array.isArray(o)) {
       if (Object.keys(o.reduce((e, t) => ({ ...e, [t.name]: 1 }), {})).length !== o.length)
-        return new Error(`Property '${i}' needs to contain objects with unique 'name' field.`);
-    } else return new Error(`Property '${i}' needs to be Array<FieldSettings>.`);
+        return new Error(`Property '${s}' needs to contain objects with unique 'name' field.`);
+    } else return new Error(`Property '${s}' needs to be Array<FieldSettings>.`);
     return null;
   },
   ariaLabelGroup: g.string,
@@ -216,8 +227,9 @@ k.propTypes = {
   value: g.object.isRequired,
   onChange: g.func.isRequired
 };
-let E = k;
+let k = w;
+q(k);
 export {
-  E as Filter,
-  s as selectors
+  k as Filter,
+  i as selectors
 };

package/filter/Group.js

@@ -6,4 +6,4 @@
  *-------------------------------------------------------------------------------------------
  */
 "use client";
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const v=require("react"),l=require("prop-types"),h=require("@progress/kendo-data-query"),c=require("@progress/kendo-react-buttons"),f=require("@progress/kendo-react-intl"),d=require("@progress/kendo-svg-icons"),m=require("./Expression.js"),E=require("./operators.js"),i=require("../messages/index.js");function b(p){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(p){for(const t in p)if(t!=="default"){const r=Object.getOwnPropertyDescriptor(p,t);Object.defineProperty(e,t,r.get?r:{enumerable:!0,get:()=>p[t]})}}return e.default=p,Object.freeze(e)}const o=b(v),s=class s extends o.Component{constructor(){super(...arguments),this.getFilterKey=(e,t)=>{let r=s.filterIdMap.get(e);return r||(h.isCompositeFilterDescriptor(e)?r=`group-${e.logic}-${t}-${s.filterIdCounter++}`:r=`expr-${e.field}-${e.operator}-${t}-${s.filterIdCounter++}`,s.filterIdMap.set(e,r)),r},this.onGroupRemove=e=>{const t={filter:this.props.filter,target:this,syntheticEvent:e,nativeEvent:e.nativeEvent};this.props.onRemove.call(void 0,t)},this.onAddExpression=e=>{const t=this.props.filter,r=this.props.fields[0],n={field:r.name,operator:r.operators[0].operator};n.value=E.stringOperator(n.operator)?"":null;const a={nextFilter:{...t,filters:[...t.filters,n]},prevFilter:t,target:this,syntheticEvent:e,nativeEvent:e.nativeEvent};this.props.onChange.call(void 0,a)},this.onAddGroup=e=>{const t=this.props.filter,r={...this.props.defaultGroupFilter},n={nextFilter:{...t,filters:[...t.filters,r]},prevFilter:t,target:this,syntheticEvent:e,nativeEvent:e.nativeEvent};this.props.onChange.call(void 0,n)},this.onLogicAnd=e=>this.changeLogic("and",e),this.onLogicOr=e=>this.changeLogic("or",e),this.changeLogic=(e,t)=>{const r=this.props.filter;if(r.logic!==e){const n={nextFilter:{...r,logic:e},prevFilter:r,target:this,syntheticEvent:t,nativeEvent:t.nativeEvent};this.props.onChange.call(void 0,n)}},this.replaceFilter=(e,t)=>{const r=this.props.filter,n=r.filters.map(a=>{if(a===e){const g=s.filterIdMap.get(e);return g&&s.filterIdMap.set(t,g),t}return a});return{...r,filters:n}},this.onChange=e=>{const r={nextFilter:this.replaceFilter(e.prevFilter,e.nextFilter),prevFilter:this.props.filter,syntheticEvent:e.syntheticEvent,nativeEvent:e.nativeEvent,target:this};this.props.onChange.call(void 0,r)},this.onRemove=e=>{const t=this.props.filter,r=t.filters.filter(a=>a!==e.filter),n={nextFilter:{...t,filters:r},prevFilter:t,syntheticEvent:e.syntheticEvent,nativeEvent:e.nativeEvent,target:this};this.props.onChange.call(void 0,n)}}render(){const e=f.provideLocalizationService(this),{fields:t,filter:r,ariaLabel:n=e.toLanguageString(i.filterGroupAriaLabel,i.messages[i.filterGroupAriaLabel])}=this.props;return o.createElement(o.Fragment,null,o.createElement("div",{className:"k-filter-toolbar"},o.createElement(c.Toolbar,{role:"toolbar",ariaLabel:n},o.createElement(c.ButtonGroup,{className:"k-toolbar-button-group"},o.createElement(c.Button,{togglable:!0,onClick:this.onLogicAnd,selected:r.logic==="and",type:"button"},e.toLanguageString(i.filterAndLogic,i.messages[i.filterAndLogic])),o.createElement(c.Button,{togglable:!0,onClick:this.onLogicOr,selected:r.logic==="or",type:"button"},e.toLanguageString(i.filterOrLogic,i.messages[i.filterOrLogic]))),o.createElement(c.Button,{className:"k-toolbar-button",title:e.toLanguageString(i.filterAddExpression,i.messages[i.filterAddExpression]),icon:"filter-add-expression",svgIcon:d.filterAddExpressionIcon,type:"button",onClick:this.onAddExpression},e.toLanguageString(i.filterAddExpression,i.messages[i.filterAddExpression])),o.createElement(c.Button,{className:"k-toolbar-button",title:e.toLanguageString(i.filterAddGroup,i.messages[i.filterAddGroup]),icon:"filter-add-group",svgIcon:d.filterAddGroupIcon,type:"button",onClick:this.onAddGroup},e.toLanguageString(i.filterAddGroup,i.messages[i.filterAddGroup])),o.createElement(c.Button,{className:"k-toolbar-button",title:e.toLanguageString(i.filterClose,i.messages[i.filterClose]),icon:"x",svgIcon:d.xIcon,fillMode:"flat",type:"button",onClick:this.onGroupRemove}))),r.filters.length>0&&o.createElement("ul",{role:"group",className:"k-filter-lines"},r.filters.map((a,g)=>o.createElement("li",{role:"treeitem","aria-selected":!1,key:this.getFilterKey(a,g),className:"k-filter-item"},h.isCompositeFilterDescriptor(a)?o.createElement(s,{filter:a,fields:t,onChange:this.onChange,onRemove:this.onRemove,defaultGroupFilter:this.props.defaultGroupFilter,ariaLabel:this.props.ariaLabel,ariaLabelExpression:this.props.ariaLabelExpression}):o.createElement(m.Expression,{filter:a,fields:t,ariaLabel:this.props.ariaLabelExpression,onChange:this.onChange,onRemove:this.onRemove})))))}};s.propTypes={filter:l.object.isRequired,fields:l.array.isRequired,ariaLabel:l.string,ariaLabelExpression:l.string,onChange:l.func.isRequired,onRemove:l.func.isRequired,defaultGroupFilter:l.object.isRequired},s.filterIdCounter=0,s.filterIdMap=new WeakMap;let u=s;f.registerForLocalization(u);exports.Group=u;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const v=require("react"),l=require("prop-types"),f=require("@progress/kendo-data-query"),c=require("@progress/kendo-react-buttons"),h=require("@progress/kendo-react-intl"),d=require("@progress/kendo-svg-icons"),m=require("./Expression.js"),E=require("./operators.js"),i=require("../messages/index.js");function b(p){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(p){for(const t in p)if(t!=="default"){const r=Object.getOwnPropertyDescriptor(p,t);Object.defineProperty(e,t,r.get?r:{enumerable:!0,get:()=>p[t]})}}return e.default=p,Object.freeze(e)}const o=b(v),s=class s extends o.Component{constructor(){super(...arguments),this.getFilterKey=(e,t)=>{let r=s.filterIdMap.get(e);return r||(f.isCompositeFilterDescriptor(e)?r=`group-${e.logic}-${t}-${s.filterIdCounter++}`:r=`expr-${e.field}-${e.operator}-${t}-${s.filterIdCounter++}`,s.filterIdMap.set(e,r)),r},this.onGroupRemove=e=>{const t={filter:this.props.filter,target:this,syntheticEvent:e,nativeEvent:e.nativeEvent};this.props.onRemove.call(void 0,t)},this.onAddExpression=e=>{const t=this.props.filter,r=this.props.fields[0],n={field:r.name,operator:r.operators[0].operator};n.value=E.stringOperator(n.operator)?"":null;const a={nextFilter:{...t,filters:[...t.filters,n]},prevFilter:t,target:this,syntheticEvent:e,nativeEvent:e.nativeEvent};this.props.onChange.call(void 0,a)},this.onAddGroup=e=>{const t=this.props.filter,r={...this.props.defaultGroupFilter},n={nextFilter:{...t,filters:[...t.filters,r]},prevFilter:t,target:this,syntheticEvent:e,nativeEvent:e.nativeEvent};this.props.onChange.call(void 0,n)},this.onLogicAnd=e=>this.changeLogic("and",e),this.onLogicOr=e=>this.changeLogic("or",e),this.changeLogic=(e,t)=>{const r=this.props.filter;if(r.logic!==e){const n={nextFilter:{...r,logic:e},prevFilter:r,target:this,syntheticEvent:t,nativeEvent:t.nativeEvent};this.props.onChange.call(void 0,n)}},this.replaceFilter=(e,t)=>{const r=this.props.filter,n=r.filters.map(a=>{if(a===e){const g=s.filterIdMap.get(e);return g&&s.filterIdMap.set(t,g),t}return a});return{...r,filters:n}},this.onChange=e=>{const r={nextFilter:this.replaceFilter(e.prevFilter,e.nextFilter),prevFilter:this.props.filter,syntheticEvent:e.syntheticEvent,nativeEvent:e.nativeEvent,target:this};this.props.onChange.call(void 0,r)},this.onRemove=e=>{const t=this.props.filter,r=t.filters.filter(a=>a!==e.filter),n={nextFilter:{...t,filters:r},prevFilter:t,syntheticEvent:e.syntheticEvent,nativeEvent:e.nativeEvent,target:this};this.props.onChange.call(void 0,n)}}render(){const e=h.provideLocalizationService(this),{fields:t,filter:r,ariaLabel:n=e.toLanguageString(i.filterGroupAriaLabel,i.messages[i.filterGroupAriaLabel])}=this.props;return o.createElement(o.Fragment,null,o.createElement("div",{className:"k-filter-toolbar"},o.createElement(c.Toolbar,{role:"toolbar",ariaLabel:n},o.createElement(c.ButtonGroup,{className:"k-toolbar-button-group"},o.createElement(c.Button,{togglable:!0,onClick:this.onLogicAnd,selected:r.logic==="and",type:"button"},e.toLanguageString(i.filterAndLogic,i.messages[i.filterAndLogic])),o.createElement(c.Button,{togglable:!0,onClick:this.onLogicOr,selected:r.logic==="or",type:"button"},e.toLanguageString(i.filterOrLogic,i.messages[i.filterOrLogic]))),o.createElement(c.Button,{className:"k-toolbar-button",title:e.toLanguageString(i.filterAddExpression,i.messages[i.filterAddExpression]),icon:"filter-add-expression",svgIcon:d.filterAddExpressionIcon,type:"button",onClick:this.onAddExpression},e.toLanguageString(i.filterAddExpression,i.messages[i.filterAddExpression])),o.createElement(c.Button,{className:"k-toolbar-button",title:e.toLanguageString(i.filterAddGroup,i.messages[i.filterAddGroup]),icon:"filter-add-group",svgIcon:d.filterAddGroupIcon,type:"button",onClick:this.onAddGroup},e.toLanguageString(i.filterAddGroup,i.messages[i.filterAddGroup])),o.createElement(c.Button,{className:"k-toolbar-button",title:e.toLanguageString(i.filterClose,i.messages[i.filterClose]),"aria-label":e.toLanguageString(i.filterGroupClose,i.messages[i.filterGroupClose]),icon:"x",svgIcon:d.xIcon,fillMode:"flat",type:"button",onClick:this.onGroupRemove}))),r.filters.length>0&&o.createElement("ul",{role:"group",className:"k-filter-lines"},r.filters.map((a,g)=>o.createElement("li",{role:"treeitem",key:this.getFilterKey(a,g),className:"k-filter-item"},f.isCompositeFilterDescriptor(a)?o.createElement(s,{filter:a,fields:t,onChange:this.onChange,onRemove:this.onRemove,defaultGroupFilter:this.props.defaultGroupFilter,ariaLabel:this.props.ariaLabel,ariaLabelExpression:this.props.ariaLabelExpression}):o.createElement(m.Expression,{filter:a,fields:t,ariaLabel:this.props.ariaLabelExpression,onChange:this.onChange,onRemove:this.onRemove})))))}};s.propTypes={filter:l.object.isRequired,fields:l.array.isRequired,ariaLabel:l.string,ariaLabelExpression:l.string,onChange:l.func.isRequired,onRemove:l.func.isRequired,defaultGroupFilter:l.object.isRequired},s.filterIdCounter=0,s.filterIdMap=new WeakMap;let u=s;h.registerForLocalization(u);exports.Group=u;

package/filter/Group.mjs

@@ -9,12 +9,12 @@
 import * as r from "react";
 import l from "prop-types";
 import { isCompositeFilterDescriptor as d } from "@progress/kendo-data-query";
-import { Toolbar as b, ButtonGroup as L, Button as p } from "@progress/kendo-react-buttons";
-import { provideLocalizationService as F, registerForLocalization as C } from "@progress/kendo-react-intl";
-import { filterAddExpressionIcon as x, filterAddGroupIcon as y, xIcon as I } from "@progress/kendo-svg-icons";
-import { Expression as R } from "./Expression.mjs";
-import { stringOperator as k } from "./operators.mjs";
-import { filterGroupAriaLabel as u, messages as a, filterAndLogic as m, filterOrLogic as v, filterAddExpression as g, filterAddGroup as h, filterClose as E } from "../messages/index.mjs";
+import { Toolbar as L, ButtonGroup as C, Button as p } from "@progress/kendo-react-buttons";
+import { provideLocalizationService as F, registerForLocalization as x } from "@progress/kendo-react-intl";
+import { filterAddExpressionIcon as y, filterAddGroupIcon as I, xIcon as R } from "@progress/kendo-svg-icons";
+import { Expression as k } from "./Expression.mjs";
+import { stringOperator as A } from "./operators.mjs";
+import { filterGroupAriaLabel as u, messages as a, filterAndLogic as m, filterOrLogic as v, filterAddExpression as g, filterAddGroup as h, filterGroupClose as E, filterClose as b } from "../messages/index.mjs";
 const n = class n extends r.Component {
   constructor() {
     super(...arguments), this.getFilterKey = (t, e) => {
@@ -30,7 +30,7 @@ const n = class n extends r.Component {
       this.props.onRemove.call(void 0, e);
     }, this.onAddExpression = (t) => {
       const e = this.props.filter, i = this.props.fields[0], o = { field: i.name, operator: i.operators[0].operator };
-      o.value = k(o.operator) ? "" : null;
+      o.value = A(o.operator) ? "" : null;
       const s = {
         nextFilter: {
           ...e,
@@ -98,7 +98,7 @@ const n = class n extends r.Component {
       filter: i,
       ariaLabel: o = t.toLanguageString(u, a[u])
     } = this.props;
-    return /* @__PURE__ */ r.createElement(r.Fragment, null, /* @__PURE__ */ r.createElement("div", { className: "k-filter-toolbar" }, /* @__PURE__ */ r.createElement(b, { role: "toolbar", ariaLabel: o }, /* @__PURE__ */ r.createElement(L, { className: "k-toolbar-button-group" }, /* @__PURE__ */ r.createElement(
+    return /* @__PURE__ */ r.createElement(r.Fragment, null, /* @__PURE__ */ r.createElement("div", { className: "k-filter-toolbar" }, /* @__PURE__ */ r.createElement(L, { role: "toolbar", ariaLabel: o }, /* @__PURE__ */ r.createElement(C, { className: "k-toolbar-button-group" }, /* @__PURE__ */ r.createElement(
       p,
       {
         togglable: !0,
@@ -122,7 +122,7 @@ const n = class n extends r.Component {
         className: "k-toolbar-button",
         title: t.toLanguageString(g, a[g]),
         icon: "filter-add-expression",
-        svgIcon: x,
+        svgIcon: y,
         type: "button",
         onClick: this.onAddExpression
       },
@@ -133,7 +133,7 @@ const n = class n extends r.Component {
         className: "k-toolbar-button",
         title: t.toLanguageString(h, a[h]),
         icon: "filter-add-group",
-        svgIcon: y,
+        svgIcon: I,
         type: "button",
         onClick: this.onAddGroup
       },
@@ -142,9 +142,10 @@ const n = class n extends r.Component {
       p,
       {
         className: "k-toolbar-button",
-        title: t.toLanguageString(E, a[E]),
+        title: t.toLanguageString(b, a[b]),
+        "aria-label": t.toLanguageString(E, a[E]),
         icon: "x",
-        svgIcon: I,
+        svgIcon: R,
         fillMode: "flat",
         type: "button",
         onClick: this.onGroupRemove
@@ -153,7 +154,6 @@ const n = class n extends r.Component {
       "li",
       {
         role: "treeitem",
-        "aria-selected": !1,
         key: this.getFilterKey(s, c),
         className: "k-filter-item"
       },
@@ -169,7 +169,7 @@ const n = class n extends r.Component {
           ariaLabelExpression: this.props.ariaLabelExpression
         }
       ) : /* @__PURE__ */ r.createElement(
-        R,
+        k,
         {
           filter: s,
           fields: e,
@@ -191,7 +191,7 @@ n.propTypes = {
   defaultGroupFilter: l.object.isRequired
 }, n.filterIdCounter = 0, n.filterIdMap = /* @__PURE__ */ new WeakMap();
 let f = n;
-C(f);
+x(f);
 export {
   f as Group
 };

package/header/HeaderThElement.d.ts

@@ -42,6 +42,13 @@ export interface HeaderThElementProps extends React.ThHTMLAttributes<HTMLTableCe
      * This property is related to accessibility.
      */
     ariaDescription?: string;
+    /**
+     * Indicates the type of popup triggered by the element.
+     *
+     * @remarks
+     * This property is related to accessibility.
+     */
+    ariaHasPopup?: 'dialog' | 'menu' | 'listbox' | 'tree' | 'grid' | boolean;
     /** Number of columns the cell spans */
     colSpan?: number;
     /** Number of rows the cell spans */

package/header/HeaderThElement.js

@@ -6,4 +6,4 @@
  *-------------------------------------------------------------------------------------------
  */
 "use client";
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m=require("react"),g=require("../navigation/hooks.js"),p=require("@progress/kendo-react-common");function S(e){const a=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(a,t,r.get?r:{enumerable:!0,get:()=>e[t]})}}return a.default=e,Object.freeze(a)}const i=S(m),c=e=>{const{ariaSort:a,colSpan:t,rowSpan:r,columnId:l,navigatable:n,ariaColumnIndex:s,ariaLabel:u,ariaSelected:d,ariaDescription:h,...b}=e,f=g.useTableKeyboardNavigation(l,n),o=i.useRef(null);return i.useEffect(()=>{o.current&&n&&p.disableNavigatableContainer(o.current)},[n]),i.createElement("th",{ref:o,"aria-sort":a,"aria-label":u,"aria-colindex":s,"aria-selected":d,colSpan:t,rowSpan:r,...f,...b},e.children)};c.displayName="KendoReactHeaderThElement";exports.HeaderThElement=c;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const p=require("react"),g=require("../navigation/hooks.js"),h=require("@progress/kendo-react-common");function S(e){const a=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(a,t,r.get?r:{enumerable:!0,get:()=>e[t]})}}return a.default=e,Object.freeze(a)}const i=S(p),c=e=>{const{ariaSort:a,colSpan:t,rowSpan:r,columnId:l,navigatable:n,ariaColumnIndex:s,ariaLabel:u,ariaSelected:d,ariaDescription:v,ariaHasPopup:b,...f}=e,m=g.useTableKeyboardNavigation(l,n),o=i.useRef(null);return i.useEffect(()=>{o.current&&n&&h.disableNavigatableContainer(o.current)},[n]),i.createElement("th",{ref:o,"aria-sort":a,"aria-label":u,"aria-colindex":s,"aria-selected":d,"aria-haspopup":b||void 0,colSpan:t,rowSpan:r,...m,...f},e.children)};c.displayName="KendoReactHeaderThElement";exports.HeaderThElement=c;