@progress/kendo-react-data-tools 8.2.0-develop.33 → 8.2.0-develop.34

package/filter/Filter.mjs

@@ -6,46 +6,113 @@
  *-------------------------------------------------------------------------------------------
  */
 "use client";
-import * as i from "react";
-import r from "prop-types";
-import { validatePackage as p, classNames as c } from "@progress/kendo-react-common";
-import { Group as h } from "./Group.mjs";
-import { packageMetadata as u } from "../package-metadata.mjs";
-const a = class a extends i.Component {
-  constructor(s) {
-    super(s), this.onFilterChange = (e) => {
+import * as p from "react";
+import u from "prop-types";
+import { validatePackage as b, Navigation as g, disableNavigatableContainer as w, getActiveElement as f, focusFirstFocusableChild as h, enableNavigatableContainer as R, classNames as y } from "@progress/kendo-react-common";
+import { Group as E } from "./Group.mjs";
+import { packageMetadata as F } from "../package-metadata.mjs";
+const a = {
+  // Group selectors
+  andButton: "button.k-group-start",
+  orButton: "button.k-group-end",
+  addFilterButton: 'button[title="Add Expression"]',
+  addGroupButton: 'button[title="Add Group"]',
+  removeButton: 'button[title="Remove"]',
+  // Expression selectors
+  filterFieldWrapper: ".k-filter-field",
+  filterOperatorWrapper: ".k-filter-operator",
+  filterValueWrapper: ".k-filter-value",
+  toolbarElement: ".k-toolbar"
+}, m = class m extends p.Component {
+  constructor(o) {
+    super(o), this.wrapperRef = p.createRef(), this.onFilterChange = (r) => {
       const t = {
-        filter: e.nextFilter,
-        syntheticEvent: e.syntheticEvent,
-        nativeEvent: e.nativeEvent,
+        filter: r.nextFilter,
+        syntheticEvent: r.syntheticEvent,
+        nativeEvent: r.nativeEvent,
         target: this
       };
       this.props.onChange.call(void 0, t);
-    }, this.onGroupRemove = (e) => {
+    }, this.onGroupRemove = (r) => {
       const t = {
         filter: { ...this.props.value, filters: [] },
-        syntheticEvent: e.syntheticEvent,
-        nativeEvent: e.nativeEvent,
+        syntheticEvent: r.syntheticEvent,
+        nativeEvent: r.nativeEvent,
         target: this
       };
       this.props.onChange.call(void 0, t);
-    }, p(u);
+    }, this.onKeyDown = (r) => {
+      var t;
+      (t = this.navigation) == null || t.triggerKeyboardEvent(r);
+    }, b(F);
+  }
+  /**
+   * @hidden
+   */
+  componentDidMount() {
+    this.wrapperRef && (this.navigation = new g({
+      tabIndex: 0,
+      root: this.wrapperRef,
+      selectors: [".k-filter"],
+      keyboardEvents: {
+        keydown: {
+          Tab: (o, r, t) => {
+            const e = o.getElementsByClassName("k-filter-lines")[0];
+            e && w(e);
+          },
+          ArrowUp: (o, r, t) => {
+            t.preventDefault();
+            const e = f(document), i = e == null ? void 0 : e.closest(a.toolbarElement), n = o.getElementsByClassName("k-toolbar"), s = Array.from(n).findIndex((d) => d === i) - 1, c = n[s];
+            o.getElementsByClassName("k-filter-lines")[0] && h(c);
+          },
+          ArrowDown: (o, r, t) => {
+            t.preventDefault();
+            const e = f(document), i = e == null ? void 0 : e.closest(a.toolbarElement), n = o.getElementsByClassName("k-toolbar"), s = Array.from(n).findIndex((d) => d === i) + 1, c = n[s], l = o.getElementsByClassName("k-filter-lines")[0];
+            l && (R(l, [a.filterFieldWrapper, a.filterOperatorWrapper, a.filterValueWrapper]), h(c));
+          },
+          ArrowRight: (o, r, t) => {
+            t.preventDefault();
+            const e = f(document), i = e == null ? void 0 : e.nextElementSibling, n = e == null ? void 0 : e.closest(a.toolbarElement), s = o.querySelector('[aria-label="Filter toolbar"]');
+            e && i && !(n === s) && i.focus();
+          },
+          ArrowLeft: (o, r, t) => {
+            t.preventDefault();
+            const e = f(document), i = e == null ? void 0 : e.previousElementSibling, n = e == null ? void 0 : e.closest(a.toolbarElement), s = o.querySelector('[aria-label="Filter toolbar"]');
+            e && i && !(n === s) && i.focus();
+          },
+          Enter: (o, r, t) => {
+            t.preventDefault();
+            const e = f(document), i = o.querySelector(a.removeButton), n = e == null ? void 0 : e.closest(a.toolbarElement), s = o.getElementsByClassName("k-toolbar"), c = Array.from(s).findIndex((l) => l === n) - 1;
+            if (n === s[0]) {
+              const l = n.lastElementChild;
+              l && l.click();
+            }
+            if (n !== s[0]) {
+              const l = s[c].lastElementChild;
+              e && e.title === i.title && l && (e.click(), l.focus());
+            }
+          }
+        }
+      }
+    }));
   }
   /**
    * @hidden
    */
   render() {
-    return /* @__PURE__ */ i.createElement(
+    return /* @__PURE__ */ p.createElement(
       "div",
       {
-        className: c(
+        className: y(
           "k-filter",
           this.props.className
         ),
-        style: this.props.style
+        style: this.props.style,
+        ref: this.wrapperRef,
+        onKeyDown: this.onKeyDown
       },
-      /* @__PURE__ */ i.createElement("ul", { role: "tree", className: "k-filter-container", "aria-label": this.props.ariaLabel }, /* @__PURE__ */ i.createElement("li", { role: "treeitem", className: "k-filter-group-main" }, /* @__PURE__ */ i.createElement(
-        h,
+      /* @__PURE__ */ p.createElement("ul", { role: "tree", className: "k-filter-container", "aria-label": this.props.ariaLabel }, /* @__PURE__ */ p.createElement("li", { role: "treeitem", className: "k-filter-group-main" }, /* @__PURE__ */ p.createElement(
+        E,
         {
           filter: this.props.value,
           fields: this.props.fields,
@@ -59,26 +126,27 @@ const a = class a extends i.Component {
     );
   }
 };
-a.propTypes = {
-  className: r.string,
-  style: r.object,
-  fields: function(s, e) {
-    const t = s[e];
+m.propTypes = {
+  className: u.string,
+  style: u.object,
+  fields: function(o, r) {
+    const t = o[r];
     if (t === void 0)
-      return new Error(`Property '${e}' is missing.`);
+      return new Error(`Property '${r}' is missing.`);
     if (Array.isArray(t)) {
-      if (Object.keys(t.reduce((o, l) => ({ ...o, [l.name]: 1 }), {})).length !== t.length)
-        return new Error(`Property '${e}' needs to contain objects with unique 'name' field.`);
+      if (Object.keys(t.reduce((e, i) => ({ ...e, [i.name]: 1 }), {})).length !== t.length)
+        return new Error(`Property '${r}' needs to contain objects with unique 'name' field.`);
     } else
-      return new Error(`Property '${e}' needs to be Array<FieldSettings>.`);
+      return new Error(`Property '${r}' needs to be Array<FieldSettings>.`);
     return null;
   },
-  ariaLabelGroup: r.string,
-  ariaLabelExpression: r.string,
-  value: r.object.isRequired,
-  onChange: r.func.isRequired
+  ariaLabelGroup: u.string,
+  ariaLabelExpression: u.string,
+  value: u.object.isRequired,
+  onChange: u.func.isRequired
 };
-let n = a;
+let v = m;
 export {
-  n as Filter
+  v as Filter,
+  a as selectors
 };

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

package/filter/Group.mjs

@@ -7,12 +7,12 @@
  */
 "use client";
 import * as r from "react";
-import a from "prop-types";
+import l from "prop-types";
 import { isCompositeFilterDescriptor as E } from "@progress/kendo-data-query";
-import { Toolbar as b, ButtonGroup as L, Button as l } from "@progress/kendo-react-buttons";
+import { Toolbar as b, ButtonGroup as L, Button as a } from "@progress/kendo-react-buttons";
 import { provideLocalizationService as F, registerForLocalization as x } from "@progress/kendo-react-intl";
-import { filterAddExpressionIcon as C, filterAddGroupIcon as y, xIcon as k } from "@progress/kendo-svg-icons";
-import { Expression as R } from "./Expression.mjs";
+import { filterAddExpressionIcon as C, filterAddGroupIcon as y, 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 f, messages as s, filterAndLogic as v, filterOrLogic as m, filterAddExpression as p, filterAddGroup as c, filterClose as u } from "../messages/index.mjs";
 const g = class g extends r.Component {
@@ -89,8 +89,8 @@ const g = class g extends r.Component {
       filter: i,
       ariaLabel: o = t.toLanguageString(f, s[f])
     } = this.props;
-    return /* @__PURE__ */ r.createElement(r.Fragment, null, /* @__PURE__ */ r.createElement("div", { className: "k-filter-toolbar" }, /* @__PURE__ */ r.createElement(b, { keyboardNavigation: !1, role: "toolbar", ariaLabel: o }, /* @__PURE__ */ r.createElement(L, { className: "k-toolbar-button-group k-button-group-solid" }, /* @__PURE__ */ r.createElement(l, { togglable: !0, onClick: this.onLogicAnd, selected: i.logic === "and", type: "button" }, t.toLanguageString(v, s[v])), /* @__PURE__ */ r.createElement(l, { togglable: !0, onClick: this.onLogicOr, selected: i.logic === "or", type: "button" }, t.toLanguageString(m, s[m]))), /* @__PURE__ */ r.createElement(
-      l,
+    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 k-button-group-solid" }, /* @__PURE__ */ r.createElement(a, { togglable: !0, onClick: this.onLogicAnd, selected: i.logic === "and", type: "button" }, t.toLanguageString(v, s[v])), /* @__PURE__ */ r.createElement(a, { togglable: !0, onClick: this.onLogicOr, selected: i.logic === "or", type: "button" }, t.toLanguageString(m, s[m]))), /* @__PURE__ */ r.createElement(
+      a,
       {
         className: "k-toolbar-button",
         title: t.toLanguageString(p, s[p]),
@@ -101,7 +101,7 @@ const g = class g extends r.Component {
       },
       t.toLanguageString(p, s[p])
     ), /* @__PURE__ */ r.createElement(
-      l,
+      a,
       {
         className: "k-toolbar-button",
         title: t.toLanguageString(c, s[c]),
@@ -112,12 +112,12 @@ const g = class g extends r.Component {
       },
       t.toLanguageString(c, s[c])
     ), /* @__PURE__ */ r.createElement(
-      l,
+      a,
       {
         className: "k-toolbar-button",
         title: t.toLanguageString(u, s[u]),
         icon: "x",
-        svgIcon: k,
+        svgIcon: R,
         fillMode: "flat",
         type: "button",
         onClick: this.onGroupRemove
@@ -135,7 +135,7 @@ const g = class g extends r.Component {
           ariaLabelExpression: this.props.ariaLabelExpression
         }
       ) : /* @__PURE__ */ r.createElement(
-        R,
+        k,
         {
           filter: n,
           fields: e,
@@ -148,13 +148,13 @@ const g = class g extends r.Component {
   }
 };
 g.propTypes = {
-  filter: a.object.isRequired,
-  fields: a.array.isRequired,
-  ariaLabel: a.string,
-  ariaLabelExpression: a.string,
-  onChange: a.func.isRequired,
-  onRemove: a.func.isRequired,
-  defaultGroupFilter: a.object.isRequired
+  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
 };
 let h = g;
 x(h);

package/filter/filters/DateFilter.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 c=require("react"),n=require("prop-types"),l=require("@progress/kendo-react-dateinputs");function u(t){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const r in t)if(r!=="default"){const o=Object.getOwnPropertyDescriptor(t,r);Object.defineProperty(e,r,o.get?o:{enumerable:!0,get:()=>t[r]})}}return e.default=t,Object.freeze(e)}const s=u(c),i=class i extends s.Component{constructor(){super(...arguments),this.onChange=e=>{this.props.onFilterChange.call(void 0,{nextFilter:{...this.props.filter,value:e.value}})}}render(){const e=this.props.filter;return s.createElement(l.DatePicker,{value:e.value||null,onChange:this.onChange,ariaLabel:this.props.ariaLabel})}};i.propTypes={filter:n.object.isRequired,onFilterChange:n.func.isRequired,ariaLabel:n.string};let a=i;exports.DateFilter=a;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react"),n=require("prop-types"),l=require("@progress/kendo-react-dateinputs");function u(t){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const r in t)if(r!=="default"){const o=Object.getOwnPropertyDescriptor(t,r);Object.defineProperty(e,r,o.get?o:{enumerable:!0,get:()=>t[r]})}}return e.default=t,Object.freeze(e)}const s=u(c),i=class i extends s.Component{constructor(){super(...arguments),this.onChange=e=>{this.props.onFilterChange.call(void 0,{nextFilter:{...this.props.filter,value:e.value}})}}render(){const e=this.props.filter;return s.createElement(l.DatePicker,{value:e.value||null,onChange:this.onChange,ariaLabel:this.props.ariaLabel,tabIndex:-1})}};i.propTypes={filter:n.object.isRequired,onFilterChange:n.func.isRequired,ariaLabel:n.string};let a=i;exports.DateFilter=a;

package/filter/filters/DateFilter.mjs

@@ -8,7 +8,7 @@
 "use client";
 import * as i from "react";
 import r from "prop-types";
-import { DatePicker as o } from "@progress/kendo-react-dateinputs";
+import { DatePicker as a } from "@progress/kendo-react-dateinputs";
 const t = class t extends i.Component {
   constructor() {
     super(...arguments), this.onChange = (e) => {
@@ -23,11 +23,12 @@ const t = class t extends i.Component {
   render() {
     const e = this.props.filter;
     return /* @__PURE__ */ i.createElement(
-      o,
+      a,
       {
         value: e.value || null,
         onChange: this.onChange,
-        ariaLabel: this.props.ariaLabel
+        ariaLabel: this.props.ariaLabel,
+        tabIndex: -1
       }
     );
   }

package/filter/filters/EnumFilter.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 f=require("react"),t=require("prop-types"),b=require("@progress/kendo-react-dropdowns"),p=require("@progress/kendo-react-intl"),i=require("../../messages/index.js");function h(n){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(n){for(const r in n)if(r!=="default"){const o=Object.getOwnPropertyDescriptor(n,r);Object.defineProperty(e,r,o.get?o:{enumerable:!0,get:()=>n[r]})}}return e.default=n,Object.freeze(e)}const u=h(f),l=class l extends u.Component{constructor(){super(...arguments),this.onChange=e=>{this.props.onFilterChange.call(void 0,{nextFilter:{...this.props.filter,value:e.value.value}})}}render(){const e=p.provideLocalizationService(this),{filter:r,data:o=[],defaultItem:d,ariaLabel:g=e.toLanguageString(i.filterEnumFilterDropdownAriaLabel,i.messages[i.filterEnumFilterDropdownAriaLabel])}=this.props,c=o.map(a=>({...a,text:e.toLanguageString(a.text,i.messages[a.text]||a.text)}));return u.createElement(b.DropDownList,{value:c.find(a=>a.value===r.value)||null,onChange:this.onChange,defaultItem:d,data:c,textField:"text",ariaLabel:g})}};l.propTypes={filter:t.object.isRequired,onFilterChange:t.func.isRequired,data:t.arrayOf(t.shape({text:t.string,value:t.any})),defaultItem:t.any,ariaLabel:t.string};let s=l;p.registerForLocalization(s);exports.EnumFilter=s;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const f=require("react"),t=require("prop-types"),b=require("@progress/kendo-react-dropdowns"),d=require("@progress/kendo-react-intl"),i=require("../../messages/index.js");function h(n){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(n){for(const r in n)if(r!=="default"){const o=Object.getOwnPropertyDescriptor(n,r);Object.defineProperty(e,r,o.get?o:{enumerable:!0,get:()=>n[r]})}}return e.default=n,Object.freeze(e)}const u=h(f),l=class l extends u.Component{constructor(){super(...arguments),this.onChange=e=>{this.props.onFilterChange.call(void 0,{nextFilter:{...this.props.filter,value:e.value.value}})}}render(){const e=d.provideLocalizationService(this),{filter:r,data:o=[],defaultItem:p,ariaLabel:g=e.toLanguageString(i.filterEnumFilterDropdownAriaLabel,i.messages[i.filterEnumFilterDropdownAriaLabel])}=this.props,c=o.map(a=>({...a,text:e.toLanguageString(a.text,i.messages[a.text]||a.text)}));return u.createElement(b.DropDownList,{value:c.find(a=>a.value===r.value)||null,onChange:this.onChange,defaultItem:p,data:c,textField:"text",ariaLabel:g,tabIndex:-1})}};l.propTypes={filter:t.object.isRequired,onFilterChange:t.func.isRequired,data:t.arrayOf(t.shape({text:t.string,value:t.any})),defaultItem:t.any,ariaLabel:t.string};let s=l;d.registerForLocalization(s);exports.EnumFilter=s;

package/filter/filters/EnumFilter.mjs

@@ -40,7 +40,8 @@ const o = class o extends n.Component {
         defaultItem: u,
         data: i,
         textField: "text",
-        ariaLabel: g
+        ariaLabel: g,
+        tabIndex: -1
       }
     );
   }

package/filter/filters/NumericFilter.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 g=require("react"),c=require("prop-types"),f=require("@progress/kendo-react-inputs"),u=require("@progress/kendo-react-intl"),o=require("../../messages/index.js");function d(r){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(r){for(const t in r)if(t!=="default"){const n=Object.getOwnPropertyDescriptor(r,t);Object.defineProperty(e,t,n.get?n:{enumerable:!0,get:()=>r[t]})}}return e.default=r,Object.freeze(e)}const l=d(g),a=class a extends l.Component{constructor(){super(...arguments),this.onChange=e=>{this.props.onFilterChange.call(void 0,{nextFilter:{...this.props.filter,value:e.value}})}}render(){const e=u.provideLocalizationService(this),{min:t,max:n,filter:s,ariaLabel:p=e.toLanguageString(o.filterNumericFilterAriaLabel,o.messages[o.filterNumericFilterAriaLabel])}=this.props;return l.createElement(f.NumericTextBox,{value:typeof s.value=="number"?s.value:null,onChange:this.onChange,ariaLabel:p,min:t,max:n})}};a.propTypes={filter:c.object.isRequired,onFilterChange:c.func.isRequired};let i=a;u.registerForLocalization(i);exports.NumericFilter=i;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const g=require("react"),c=require("prop-types"),d=require("@progress/kendo-react-inputs"),u=require("@progress/kendo-react-intl"),o=require("../../messages/index.js");function f(r){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(r){for(const t in r)if(t!=="default"){const n=Object.getOwnPropertyDescriptor(r,t);Object.defineProperty(e,t,n.get?n:{enumerable:!0,get:()=>r[t]})}}return e.default=r,Object.freeze(e)}const l=f(g),a=class a extends l.Component{constructor(){super(...arguments),this.onChange=e=>{this.props.onFilterChange.call(void 0,{nextFilter:{...this.props.filter,value:e.value}})}}render(){const e=u.provideLocalizationService(this),{min:t,max:n,filter:s,ariaLabel:p=e.toLanguageString(o.filterNumericFilterAriaLabel,o.messages[o.filterNumericFilterAriaLabel])}=this.props;return l.createElement(d.NumericTextBox,{value:typeof s.value=="number"?s.value:null,onChange:this.onChange,ariaLabel:p,min:t,max:n,tabIndex:-1})}};a.propTypes={filter:c.object.isRequired,onFilterChange:c.func.isRequired};let i=a;u.registerForLocalization(i);exports.NumericFilter=i;

package/filter/filters/NumericFilter.mjs

@@ -36,7 +36,8 @@ const t = class t extends i.Component {
         onChange: this.onChange,
         ariaLabel: p,
         min: s,
-        max: l
+        max: l,
+        tabIndex: -1
       }
     );
   }

package/filter/filters/TextFilter.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("react"),n=require("prop-types"),p=require("@progress/kendo-react-inputs"),l=require("@progress/kendo-react-intl"),o=require("../../messages/index.js");function g(r){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(r){for(const t in r)if(t!=="default"){const s=Object.getOwnPropertyDescriptor(r,t);Object.defineProperty(e,t,s.get?s:{enumerable:!0,get:()=>r[t]})}}return e.default=r,Object.freeze(e)}const c=g(u),a=class a extends c.Component{constructor(){super(...arguments),this.onChange=e=>{this.props.onFilterChange.call(void 0,{nextFilter:{...this.props.filter,value:e.value}})}}render(){const e=l.provideLocalizationService(this),{ariaLabel:t=e.toLanguageString(o.filterTextFilterAriaLabel,o.messages[o.filterTextFilterAriaLabel])}=this.props;return c.createElement(p.TextBox,{value:this.props.filter.value||"",onChange:this.onChange,"aria-label":t})}};a.propTypes={filter:n.object.isRequired,onFilterChange:n.func.isRequired,ariaLabel:n.string};let i=a;l.registerForLocalization(i);exports.TextFilter=i;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("react"),i=require("prop-types"),p=require("@progress/kendo-react-inputs"),l=require("@progress/kendo-react-intl"),a=require("../../messages/index.js");function g(r){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(r){for(const t in r)if(t!=="default"){const s=Object.getOwnPropertyDescriptor(r,t);Object.defineProperty(e,t,s.get?s:{enumerable:!0,get:()=>r[t]})}}return e.default=r,Object.freeze(e)}const c=g(u),o=class o extends c.Component{constructor(){super(...arguments),this.onChange=e=>{this.props.onFilterChange.call(void 0,{nextFilter:{...this.props.filter,value:e.value}})}}render(){const e=l.provideLocalizationService(this),{ariaLabel:t=e.toLanguageString(a.filterTextFilterAriaLabel,a.messages[a.filterTextFilterAriaLabel])}=this.props;return c.createElement(p.TextBox,{value:this.props.filter.value||"",onChange:this.onChange,"aria-label":t,tabIndex:-1})}};o.propTypes={filter:i.object.isRequired,onFilterChange:i.func.isRequired,ariaLabel:i.string};let n=o;l.registerForLocalization(n);exports.TextFilter=n;

package/filter/filters/TextFilter.mjs

@@ -29,7 +29,8 @@ const i = class i extends o.Component {
       {
         value: this.props.filter.value || "",
         onChange: this.onChange,
-        "aria-label": s
+        "aria-label": s,
+        tabIndex: -1
       }
     );
   }

package/index.d.mts

@@ -938,13 +938,23 @@ export declare class Filter extends React_2.Component<FilterProps> {
         value: PropTypes.Validator<object>;
         onChange: PropTypes.Validator<(...args: any[]) => any>;
     };
+    /**
+     * @hidden
+     */
+    wrapperRef: React_2.RefObject<HTMLDivElement>;
+    private navigation?;
     constructor(props: FilterProps);
+    /**
+     * @hidden
+     */
+    componentDidMount(): void;
     /**
      * @hidden
      */
     render(): JSX_2.Element;
     private onFilterChange;
     private onGroupRemove;
+    private onKeyDown;
 }
 
 /**
@@ -1881,6 +1891,11 @@ export declare const relativeContextElement: (element: any) => any;
  */
 export declare const removeItems: (data: any[], subItemsField: string, condition: (item: any) => boolean) => any[];
 
+/**
+ * @hidden
+ */
+export declare const selectors: any;
+
 /**
  * Apply the `expanded` prop to the group items in data based on the provided collection of group ids.
  *

package/index.d.ts

@@ -938,13 +938,23 @@ export declare class Filter extends React_2.Component<FilterProps> {
         value: PropTypes.Validator<object>;
         onChange: PropTypes.Validator<(...args: any[]) => any>;
     };
+    /**
+     * @hidden
+     */
+    wrapperRef: React_2.RefObject<HTMLDivElement>;
+    private navigation?;
     constructor(props: FilterProps);
+    /**
+     * @hidden
+     */
+    componentDidMount(): void;
     /**
      * @hidden
      */
     render(): JSX_2.Element;
     private onFilterChange;
     private onGroupRemove;
+    private onKeyDown;
 }
 
 /**
@@ -1881,6 +1891,11 @@ export declare const relativeContextElement: (element: any) => any;
  */
 export declare const removeItems: (data: any[], subItemsField: string, condition: (item: any) => boolean) => any[];
 
+/**
+ * @hidden
+ */
+export declare const selectors: any;
+
 /**
  * Apply the `expanded` prop to the group items in data based on the provided collection of group ids.
  *

package/index.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 c=require("./pager/Pager.js"),A=require("./drag/ColumnResize.js"),T=require("./drag/ColumnResizer.js"),_=require("./drag/CommonDragLogic.js"),d=require("./drag/DragClue.js"),E=require("./drag/DropClue.js"),t=require("./utils/data-operations.js"),i=require("./utils/group-operations.js"),D=require("./navigation/hooks.js"),e=require("./navigation/constants.js"),N=require("./navigation/NavigatableSettings.js"),F=require("./navigation/TableKeyboardNavigation.js"),g=require("./navigation/TableKeyboardNavigationContext.js"),b=require("./navigation/utils.js"),p=require("./selection/TableSelection.js"),a=require("./selection/constants.js"),r=require("./selection/utils.js"),O=require("./clipboard/clipboard.service.js"),s=require("./clipboard/common.js"),S=require("./filteringCells/FilterComponent.js"),R=require("./filteringCells/BooleanFilter.js"),B=require("./filteringCells/DateFilter.js"),q=require("./filteringCells/NumericFilter.js"),I=require("./filteringCells/TextFilter.js"),L=require("./header/ColumnProps.js"),m=require("./header/FilterRow.js"),M=require("./header/Header.js"),K=require("./header/HeaderCell.js"),y=require("./header/HeaderRow.js"),x=require("./header/HeaderSelectionCell.js"),v=require("./header/SortSettings.js"),o=require("./header/utils/index.js"),V=require("./header/HeaderThElement.js"),Y=require("./virtualization/columns.js"),H=require("./filter/filters/TextFilter.js"),f=require("./filter/filters/NumericFilter.js"),P=require("./filter/filters/DateFilter.js"),w=require("./filter/filters/BooleanFilter.js"),z=require("./filter/filters/EnumFilter.js"),U=require("./filter/Expression.js"),h=require("./filter/Filter.js"),G=require("./filter/Group.js"),u=require("./filter/operators.js"),n=require("./columnmenu/ColumnMenu.js"),C=require("./columnmenu/ColumnMenuFilterForm.js"),X=require("./columnmenu/ColumnMenuFilterLogic.js"),l=require("./columnmenu/ColumnMenuFilters.js"),$=require("./columnmenu/ColumnMenuItem.js"),W=require("./columnmenu/ColumnMenuOperators.js");exports.Pager=c.Pager;exports.ColumnResize=A.ColumnResize;exports.ColumnResizer=T.ColumnResizer;exports.CommonDragLogic=_.CommonDragLogic;exports.DragClue=d.DragClue;exports.DropClue=E.DropClue;exports.createDataTree=t.createDataTree;exports.extendDataItem=t.extendDataItem;exports.filterBy=t.filterBy;exports.flatData=t.flatData;exports.getItemPath=t.getItemPath;exports.modifySubItems=t.modifySubItems;exports.moveTreeItem=t.moveTreeItem;exports.orderBy=t.orderBy;exports.removeItems=t.removeItems;exports.treeToFlat=t.treeToFlat;exports.getGroupIds=i.getGroupIds;exports.setExpandedState=i.setExpandedState;exports.setGroupIds=i.setGroupIds;exports.useTableKeyboardNavigation=D.useTableKeyboardNavigation;exports.KEYBOARD_NAV_CANCEL_BUTTON_CLASS=e.KEYBOARD_NAV_CANCEL_BUTTON_CLASS;exports.KEYBOARD_NAV_DATA_BODY=e.KEYBOARD_NAV_DATA_BODY;exports.KEYBOARD_NAV_DATA_HEADER=e.KEYBOARD_NAV_DATA_HEADER;exports.KEYBOARD_NAV_DATA_ID=e.KEYBOARD_NAV_DATA_ID;exports.KEYBOARD_NAV_DATA_LEVEL=e.KEYBOARD_NAV_DATA_LEVEL;exports.KEYBOARD_NAV_DATA_SCOPE=e.KEYBOARD_NAV_DATA_SCOPE;exports.KEYBOARD_NAV_DATA_ZONE=e.KEYBOARD_NAV_DATA_ZONE;exports.KEYBOARD_NAV_EDIT_BUTTON_CLASS=e.KEYBOARD_NAV_EDIT_BUTTON_CLASS;exports.KEYBOARD_NAV_FILTER_COL_SUFFIX=e.KEYBOARD_NAV_FILTER_COL_SUFFIX;exports.tableKeyboardNavigationBodyAttributes=e.tableKeyboardNavigationBodyAttributes;exports.tableKeyboardNavigationHeaderAttributes=e.tableKeyboardNavigationHeaderAttributes;exports.tableKeyboardNavigationScopeAttributes=e.tableKeyboardNavigationScopeAttributes;exports.NavigatableMode=N.NavigatableMode;exports.tableKeyboardNavigation=F.tableKeyboardNavigation;exports.TableKeyboardNavigationContext=g.TableKeyboardNavigationContext;exports.tableKeyboardNavigationTools=b.tableKeyboardNavigationTools;exports.TableSelection=p.TableSelection;exports.TABLE_COL_INDEX_ATTRIBUTE=a.TABLE_COL_INDEX_ATTRIBUTE;exports.TABLE_PREVENT_SELECTION_ELEMENT=a.TABLE_PREVENT_SELECTION_ELEMENT;exports.TABLE_ROW_INDEX_ATTRIBUTE=a.TABLE_ROW_INDEX_ATTRIBUTE;exports.closestTagName=r.closestTagName;exports.getColumnIndex=r.getColumnIndex;exports.getOffset=r.getOffset;exports.getRowIndex=r.getRowIndex;exports.getSelectedState=r.getSelectedState;exports.getSelectedStateFromKeyDown=r.getSelectedStateFromKeyDown;exports.getSelectionOptions=r.getSelectionOptions;exports.isInNonSelectable=r.isInNonSelectable;exports.relativeContextElement=r.relativeContextElement;exports.setSelectedState=r.setSelectedState;exports.ClipboardService=O.ClipboardService;exports.ClipboardActionType=s.ClipboardActionType;exports.populateClipboardData=s.populateClipboardData;exports.createFilterComponent=S.createFilterComponent;exports.BooleanFilterCell=R.BooleanFilterCell;exports.DateFilterCell=B.DateFilterCell;exports.NumericFilterCell=q.NumericFilterCell;exports.TextFilterCell=I.TextFilterCell;exports.ColumnDefaultProps=L.ColumnDefaultProps;exports.FILTER_ROW_CLASS=m.FILTER_ROW_CLASS;exports.FilterRow=m.FilterRow;exports.Header=M.Header;exports.HeaderCell=K.HeaderCell;exports.HeaderRow=y.HeaderRow;exports.HeaderSelectionCell=x.HeaderSelectionCell;exports.normalize=v.normalize;exports.getIndex=o.getIndex;exports.isRtl=o.isRtl;exports.mapColumns=o.mapColumns;exports.nextColumn=o.nextColumn;exports.readColumns=o.readColumns;exports.updateLeft=o.updateLeft;exports.updateRight=o.updateRight;exports.HeaderThElement=V.HeaderThElement;exports.tableColumnsVirtualization=Y.tableColumnsVirtualization;exports.TextFilter=H.TextFilter;exports.NumericFilter=f.NumericFilter;exports.DateFilter=P.DateFilter;exports.BooleanFilter=w.BooleanFilter;exports.EnumFilter=z.EnumFilter;exports.Expression=U.Expression;exports.Filter=h.Filter;exports.Group=G.Group;exports.Operators=u.Operators;exports.stringOperator=u.stringOperator;exports.unaryOperator=u.unaryOperator;exports.ColumnMenuBooleanColumn=n.ColumnMenuBooleanColumn;exports.ColumnMenuDateColumn=n.ColumnMenuDateColumn;exports.ColumnMenuNumericColumn=n.ColumnMenuNumericColumn;exports.ColumnMenuTextColumn=n.ColumnMenuTextColumn;exports.ColumnMenuFilterForm=C.ColumnMenuFilterForm;exports.ColumnMenuForm=C.ColumnMenuForm;exports.ColumnMenuFilterLogic=X.ColumnMenuFilterLogic;exports.ColumnMenuBooleanFilter=l.ColumnMenuBooleanFilter;exports.ColumnMenuDateFilter=l.ColumnMenuDateFilter;exports.ColumnMenuNumericFilter=l.ColumnMenuNumericFilter;exports.ColumnMenuTextFilter=l.ColumnMenuTextFilter;exports.ColumnMenuItem=$.ColumnMenuItem;exports.ColumnMenuOperators=W.ColumnMenuOperators;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const A=require("./pager/Pager.js"),T=require("./drag/ColumnResize.js"),_=require("./drag/ColumnResizer.js"),d=require("./drag/CommonDragLogic.js"),E=require("./drag/DragClue.js"),D=require("./drag/DropClue.js"),t=require("./utils/data-operations.js"),i=require("./utils/group-operations.js"),N=require("./navigation/hooks.js"),e=require("./navigation/constants.js"),F=require("./navigation/NavigatableSettings.js"),g=require("./navigation/TableKeyboardNavigation.js"),b=require("./navigation/TableKeyboardNavigationContext.js"),p=require("./navigation/utils.js"),O=require("./selection/TableSelection.js"),a=require("./selection/constants.js"),r=require("./selection/utils.js"),S=require("./clipboard/clipboard.service.js"),s=require("./clipboard/common.js"),R=require("./filteringCells/FilterComponent.js"),B=require("./filteringCells/BooleanFilter.js"),q=require("./filteringCells/DateFilter.js"),I=require("./filteringCells/NumericFilter.js"),L=require("./filteringCells/TextFilter.js"),M=require("./header/ColumnProps.js"),m=require("./header/FilterRow.js"),K=require("./header/Header.js"),y=require("./header/HeaderCell.js"),x=require("./header/HeaderRow.js"),v=require("./header/HeaderSelectionCell.js"),V=require("./header/SortSettings.js"),o=require("./header/utils/index.js"),Y=require("./header/HeaderThElement.js"),H=require("./virtualization/columns.js"),f=require("./filter/filters/TextFilter.js"),P=require("./filter/filters/NumericFilter.js"),w=require("./filter/filters/DateFilter.js"),z=require("./filter/filters/BooleanFilter.js"),U=require("./filter/filters/EnumFilter.js"),h=require("./filter/Expression.js"),C=require("./filter/Filter.js"),G=require("./filter/Group.js"),u=require("./filter/operators.js"),n=require("./columnmenu/ColumnMenu.js"),c=require("./columnmenu/ColumnMenuFilterForm.js"),X=require("./columnmenu/ColumnMenuFilterLogic.js"),l=require("./columnmenu/ColumnMenuFilters.js"),$=require("./columnmenu/ColumnMenuItem.js"),W=require("./columnmenu/ColumnMenuOperators.js");exports.Pager=A.Pager;exports.ColumnResize=T.ColumnResize;exports.ColumnResizer=_.ColumnResizer;exports.CommonDragLogic=d.CommonDragLogic;exports.DragClue=E.DragClue;exports.DropClue=D.DropClue;exports.createDataTree=t.createDataTree;exports.extendDataItem=t.extendDataItem;exports.filterBy=t.filterBy;exports.flatData=t.flatData;exports.getItemPath=t.getItemPath;exports.modifySubItems=t.modifySubItems;exports.moveTreeItem=t.moveTreeItem;exports.orderBy=t.orderBy;exports.removeItems=t.removeItems;exports.treeToFlat=t.treeToFlat;exports.getGroupIds=i.getGroupIds;exports.setExpandedState=i.setExpandedState;exports.setGroupIds=i.setGroupIds;exports.useTableKeyboardNavigation=N.useTableKeyboardNavigation;exports.KEYBOARD_NAV_CANCEL_BUTTON_CLASS=e.KEYBOARD_NAV_CANCEL_BUTTON_CLASS;exports.KEYBOARD_NAV_DATA_BODY=e.KEYBOARD_NAV_DATA_BODY;exports.KEYBOARD_NAV_DATA_HEADER=e.KEYBOARD_NAV_DATA_HEADER;exports.KEYBOARD_NAV_DATA_ID=e.KEYBOARD_NAV_DATA_ID;exports.KEYBOARD_NAV_DATA_LEVEL=e.KEYBOARD_NAV_DATA_LEVEL;exports.KEYBOARD_NAV_DATA_SCOPE=e.KEYBOARD_NAV_DATA_SCOPE;exports.KEYBOARD_NAV_DATA_ZONE=e.KEYBOARD_NAV_DATA_ZONE;exports.KEYBOARD_NAV_EDIT_BUTTON_CLASS=e.KEYBOARD_NAV_EDIT_BUTTON_CLASS;exports.KEYBOARD_NAV_FILTER_COL_SUFFIX=e.KEYBOARD_NAV_FILTER_COL_SUFFIX;exports.tableKeyboardNavigationBodyAttributes=e.tableKeyboardNavigationBodyAttributes;exports.tableKeyboardNavigationHeaderAttributes=e.tableKeyboardNavigationHeaderAttributes;exports.tableKeyboardNavigationScopeAttributes=e.tableKeyboardNavigationScopeAttributes;exports.NavigatableMode=F.NavigatableMode;exports.tableKeyboardNavigation=g.tableKeyboardNavigation;exports.TableKeyboardNavigationContext=b.TableKeyboardNavigationContext;exports.tableKeyboardNavigationTools=p.tableKeyboardNavigationTools;exports.TableSelection=O.TableSelection;exports.TABLE_COL_INDEX_ATTRIBUTE=a.TABLE_COL_INDEX_ATTRIBUTE;exports.TABLE_PREVENT_SELECTION_ELEMENT=a.TABLE_PREVENT_SELECTION_ELEMENT;exports.TABLE_ROW_INDEX_ATTRIBUTE=a.TABLE_ROW_INDEX_ATTRIBUTE;exports.closestTagName=r.closestTagName;exports.getColumnIndex=r.getColumnIndex;exports.getOffset=r.getOffset;exports.getRowIndex=r.getRowIndex;exports.getSelectedState=r.getSelectedState;exports.getSelectedStateFromKeyDown=r.getSelectedStateFromKeyDown;exports.getSelectionOptions=r.getSelectionOptions;exports.isInNonSelectable=r.isInNonSelectable;exports.relativeContextElement=r.relativeContextElement;exports.setSelectedState=r.setSelectedState;exports.ClipboardService=S.ClipboardService;exports.ClipboardActionType=s.ClipboardActionType;exports.populateClipboardData=s.populateClipboardData;exports.createFilterComponent=R.createFilterComponent;exports.BooleanFilterCell=B.BooleanFilterCell;exports.DateFilterCell=q.DateFilterCell;exports.NumericFilterCell=I.NumericFilterCell;exports.TextFilterCell=L.TextFilterCell;exports.ColumnDefaultProps=M.ColumnDefaultProps;exports.FILTER_ROW_CLASS=m.FILTER_ROW_CLASS;exports.FilterRow=m.FilterRow;exports.Header=K.Header;exports.HeaderCell=y.HeaderCell;exports.HeaderRow=x.HeaderRow;exports.HeaderSelectionCell=v.HeaderSelectionCell;exports.normalize=V.normalize;exports.getIndex=o.getIndex;exports.isRtl=o.isRtl;exports.mapColumns=o.mapColumns;exports.nextColumn=o.nextColumn;exports.readColumns=o.readColumns;exports.updateLeft=o.updateLeft;exports.updateRight=o.updateRight;exports.HeaderThElement=Y.HeaderThElement;exports.tableColumnsVirtualization=H.tableColumnsVirtualization;exports.TextFilter=f.TextFilter;exports.NumericFilter=P.NumericFilter;exports.DateFilter=w.DateFilter;exports.BooleanFilter=z.BooleanFilter;exports.EnumFilter=U.EnumFilter;exports.Expression=h.Expression;exports.Filter=C.Filter;exports.selectors=C.selectors;exports.Group=G.Group;exports.Operators=u.Operators;exports.stringOperator=u.stringOperator;exports.unaryOperator=u.unaryOperator;exports.ColumnMenuBooleanColumn=n.ColumnMenuBooleanColumn;exports.ColumnMenuDateColumn=n.ColumnMenuDateColumn;exports.ColumnMenuNumericColumn=n.ColumnMenuNumericColumn;exports.ColumnMenuTextColumn=n.ColumnMenuTextColumn;exports.ColumnMenuFilterForm=c.ColumnMenuFilterForm;exports.ColumnMenuForm=c.ColumnMenuForm;exports.ColumnMenuFilterLogic=X.ColumnMenuFilterLogic;exports.ColumnMenuBooleanFilter=l.ColumnMenuBooleanFilter;exports.ColumnMenuDateFilter=l.ColumnMenuDateFilter;exports.ColumnMenuNumericFilter=l.ColumnMenuNumericFilter;exports.ColumnMenuTextFilter=l.ColumnMenuTextFilter;exports.ColumnMenuItem=$.ColumnMenuItem;exports.ColumnMenuOperators=W.ColumnMenuOperators;

package/index.mjs

@@ -12,7 +12,7 @@ import { ColumnResizer as a } from "./drag/ColumnResizer.mjs";
 import { CommonDragLogic as p } from "./drag/CommonDragLogic.mjs";
 import { DragClue as x } from "./drag/DragClue.mjs";
 import { DropClue as f } from "./drag/DropClue.mjs";
-import { createDataTree as A, extendDataItem as _, filterBy as T, flatData as E, getItemPath as d, modifySubItems as D, moveTreeItem as N, orderBy as s, removeItems as F, treeToFlat as b } from "./utils/data-operations.mjs";
+import { createDataTree as A, extendDataItem as _, filterBy as T, flatData as E, getItemPath as d, modifySubItems as D, moveTreeItem as s, orderBy as N, removeItems as F, treeToFlat as b } from "./utils/data-operations.mjs";
 import { getGroupIds as O, setExpandedState as B, setGroupIds as R } from "./utils/group-operations.mjs";
 import { useTableKeyboardNavigation as I } from "./navigation/hooks.mjs";
 import { KEYBOARD_NAV_CANCEL_BUTTON_CLASS as L, KEYBOARD_NAV_DATA_BODY as K, KEYBOARD_NAV_DATA_HEADER as M, KEYBOARD_NAV_DATA_ID as y, KEYBOARD_NAV_DATA_LEVEL as v, KEYBOARD_NAV_DATA_SCOPE as V, KEYBOARD_NAV_DATA_ZONE as Y, KEYBOARD_NAV_EDIT_BUTTON_CLASS as H, KEYBOARD_NAV_FILTER_COL_SUFFIX as P, tableKeyboardNavigationBodyAttributes as U, tableKeyboardNavigationHeaderAttributes as w, tableKeyboardNavigationScopeAttributes as z } from "./navigation/constants.mjs";
@@ -25,7 +25,7 @@ import { TABLE_COL_INDEX_ATTRIBUTE as ee, TABLE_PREVENT_SELECTION_ELEMENT as oe,
 import { closestTagName as me, getColumnIndex as le, getOffset as ae, getRowIndex as ne, getSelectedState as pe, getSelectedStateFromKeyDown as ie, getSelectionOptions as xe, isInNonSelectable as ue, relativeContextElement as fe, setSelectedState as Ce } from "./selection/utils.mjs";
 import { ClipboardService as _e } from "./clipboard/clipboard.service.mjs";
 import { ClipboardActionType as Ee, populateClipboardData as de } from "./clipboard/common.mjs";
-import { createFilterComponent as Ne } from "./filteringCells/FilterComponent.mjs";
+import { createFilterComponent as se } from "./filteringCells/FilterComponent.mjs";
 import { BooleanFilterCell as Fe } from "./filteringCells/BooleanFilter.mjs";
 import { DateFilterCell as ge } from "./filteringCells/DateFilter.mjs";
 import { NumericFilterCell as Be } from "./filteringCells/NumericFilter.mjs";
@@ -46,34 +46,34 @@ import { DateFilter as no } from "./filter/filters/DateFilter.mjs";
 import { BooleanFilter as io } from "./filter/filters/BooleanFilter.mjs";
 import { EnumFilter as uo } from "./filter/filters/EnumFilter.mjs";
 import { Expression as Co } from "./filter/Expression.mjs";
-import { Filter as _o } from "./filter/Filter.mjs";
-import { Group as Eo } from "./filter/Group.mjs";
-import { Operators as No, stringOperator as so, unaryOperator as Fo } from "./filter/operators.mjs";
-import { ColumnMenuBooleanColumn as go, ColumnMenuDateColumn as Oo, ColumnMenuNumericColumn as Bo, ColumnMenuTextColumn as Ro } from "./columnmenu/ColumnMenu.mjs";
-import { ColumnMenuFilterForm as Io, ColumnMenuForm as co } from "./columnmenu/ColumnMenuFilterForm.mjs";
-import { ColumnMenuFilterLogic as Ko } from "./columnmenu/ColumnMenuFilterLogic.mjs";
-import { ColumnMenuBooleanFilter as yo, ColumnMenuDateFilter as vo, ColumnMenuNumericFilter as Vo, ColumnMenuTextFilter as Yo } from "./columnmenu/ColumnMenuFilters.mjs";
-import { ColumnMenuItem as Po } from "./columnmenu/ColumnMenuItem.mjs";
-import { ColumnMenuOperators as wo } from "./columnmenu/ColumnMenuOperators.mjs";
+import { Filter as _o, selectors as To } from "./filter/Filter.mjs";
+import { Group as Do } from "./filter/Group.mjs";
+import { Operators as No, stringOperator as Fo, unaryOperator as bo } from "./filter/operators.mjs";
+import { ColumnMenuBooleanColumn as Oo, ColumnMenuDateColumn as Bo, ColumnMenuNumericColumn as Ro, ColumnMenuTextColumn as So } from "./columnmenu/ColumnMenu.mjs";
+import { ColumnMenuFilterForm as co, ColumnMenuForm as Lo } from "./columnmenu/ColumnMenuFilterForm.mjs";
+import { ColumnMenuFilterLogic as Mo } from "./columnmenu/ColumnMenuFilterLogic.mjs";
+import { ColumnMenuBooleanFilter as vo, ColumnMenuDateFilter as Vo, ColumnMenuNumericFilter as Yo, ColumnMenuTextFilter as Ho } from "./columnmenu/ColumnMenuFilters.mjs";
+import { ColumnMenuItem as Uo } from "./columnmenu/ColumnMenuItem.mjs";
+import { ColumnMenuOperators as zo } from "./columnmenu/ColumnMenuOperators.mjs";
 export {
   io as BooleanFilter,
   Fe as BooleanFilterCell,
   Ee as ClipboardActionType,
   _e as ClipboardService,
   ce as ColumnDefaultProps,
-  go as ColumnMenuBooleanColumn,
-  yo as ColumnMenuBooleanFilter,
-  Oo as ColumnMenuDateColumn,
-  vo as ColumnMenuDateFilter,
-  Io as ColumnMenuFilterForm,
-  Ko as ColumnMenuFilterLogic,
-  co as ColumnMenuForm,
-  Po as ColumnMenuItem,
-  Bo as ColumnMenuNumericColumn,
-  Vo as ColumnMenuNumericFilter,
-  wo as ColumnMenuOperators,
-  Ro as ColumnMenuTextColumn,
-  Yo as ColumnMenuTextFilter,
+  Oo as ColumnMenuBooleanColumn,
+  vo as ColumnMenuBooleanFilter,
+  Bo as ColumnMenuDateColumn,
+  Vo as ColumnMenuDateFilter,
+  co as ColumnMenuFilterForm,
+  Mo as ColumnMenuFilterLogic,
+  Lo as ColumnMenuForm,
+  Uo as ColumnMenuItem,
+  Ro as ColumnMenuNumericColumn,
+  Yo as ColumnMenuNumericFilter,
+  zo as ColumnMenuOperators,
+  So as ColumnMenuTextColumn,
+  Ho as ColumnMenuTextFilter,
   m as ColumnResize,
   a as ColumnResizer,
   p as CommonDragLogic,
@@ -86,7 +86,7 @@ export {
   Ke as FILTER_ROW_CLASS,
   _o as Filter,
   Me as FilterRow,
-  Eo as Group,
+  Do as Group,
   ve as Header,
   Ye as HeaderCell,
   Pe as HeaderRow,
@@ -115,7 +115,7 @@ export {
   Se as TextFilterCell,
   me as closestTagName,
   A as createDataTree,
-  Ne as createFilterComponent,
+  se as createFilterComponent,
   _ as extendDataItem,
   T as filterBy,
   E as flatData,
@@ -132,18 +132,19 @@ export {
   We as isRtl,
   Ze as mapColumns,
   D as modifySubItems,
-  N as moveTreeItem,
+  s as moveTreeItem,
   je as nextColumn,
   he as normalize,
-  s as orderBy,
+  N as orderBy,
   de as populateClipboardData,
   ke as readColumns,
   fe as relativeContextElement,
   F as removeItems,
+  To as selectors,
   B as setExpandedState,
   R as setGroupIds,
   Ce as setSelectedState,
-  so as stringOperator,
+  Fo as stringOperator,
   oo as tableColumnsVirtualization,
   W as tableKeyboardNavigation,
   U as tableKeyboardNavigationBodyAttributes,
@@ -151,7 +152,7 @@ export {
   z as tableKeyboardNavigationScopeAttributes,
   q as tableKeyboardNavigationTools,
   b as treeToFlat,
-  Fo as unaryOperator,
+  bo as unaryOperator,
   qe as updateLeft,
   Je as updateRight,
   I as useTableKeyboardNavigation