@progress/kendo-react-data-tools 7.2.4-develop.3 → 7.3.0-develop.1

package/drag/ColumnResize.mjs

@@ -0,0 +1,58 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use client";
+class a {
+  constructor(e) {
+    this.columns = [], this.resizable = !1, this.isRtl = !1, this.setIsRtl = (h) => {
+      this.isRtl = h;
+    }, this.onResize = e, this.dragHandler = this.dragHandler.bind(this);
+  }
+  dragHandler(e, h, n, s) {
+    const l = e.originalEvent;
+    s || (l.preventDefault(), l.stopPropagation(), l.stopImmediatePropagation());
+    const t = n.parentElement;
+    if (!t || !t.parentElement)
+      return;
+    const i = t.clientWidth;
+    let o;
+    if (this.isRtl ? (o = n.getBoundingClientRect().right - n.offsetWidth / 2 - e.clientX, o += i) : o = i + e.clientX - n.getBoundingClientRect().left - n.offsetWidth / 2, !s && Math.abs(o - i) < 1)
+      return;
+    this.setWidths(h, Math.floor(o) / i);
+    const r = this.columns.filter((d) => !d.children.length).indexOf(h);
+    this.onResize(r, i, o, l, s);
+  }
+  setWidths(e, h) {
+    const n = this.columns.indexOf(e), s = [];
+    let l = e.children.length;
+    for (let t = n + 1; l > 0 && t < this.columns.length; t++, l--) {
+      const i = this.columns[t];
+      i.children.length ? l += i.children.length : s.push(i);
+    }
+    s.length === 0 && s.push(e), s.forEach((t) => {
+      let i = t.width ? parseFloat(t.width.toString()) * h : 0;
+      const o = t.minResizableWidth === void 0 ? 10 : t.minResizableWidth;
+      i < o && (i = o), t.width = Math.floor(i);
+    }), this.updateColElements(s);
+  }
+  updateColElements(e) {
+    const h = this.columns.filter((s) => !s.children.length);
+    let n = 1e-10;
+    for (let s = 0; s < e.length; s++) {
+      const l = h.indexOf(e[s]), t = parseFloat((e[s].width || 0).toString());
+      n += t - Math.floor(t);
+      const i = Math.floor(t) + Math.floor(n);
+      n -= Math.floor(n), this.setColWidth(this.colGroupMain && this.colGroupMain.children[l], i), this.setColWidth(this.colGroupHeader && this.colGroupHeader.children[l], i), this.setColWidth(this.colGroupFooter && this.colGroupFooter.children[l], i);
+    }
+  }
+  setColWidth(e, h) {
+    e && (e.style.width = h + "px");
+  }
+}
+export {
+  a as ColumnResize
+};

package/drag/ColumnResizer.js

@@ -0,0 +1,8 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react"),i=require("@progress/kendo-react-common");function o(s){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(s){for(const t in s)if(t!=="default"){const n=Object.getOwnPropertyDescriptor(s,t);Object.defineProperty(e,t,n.get?n:{enumerable:!0,get:()=>s[t]})}}return e.default=s,Object.freeze(e)}const r=o(a);class l extends r.Component{constructor(){super(...arguments),this.draggable=null,this.isDragged=!1,this.onDrag=e=>{this.isDragged=!0;const t=this.draggable&&this.draggable.element;t&&this.props.resize(e.event,t,!1)},this.onRelease=e=>{if(!this.isDragged)return;const t=this.draggable&&this.draggable.element;t&&this.props.resize(e.event,t,!0),this.isDragged=!1},this.onDoubleClick=e=>{if(this.isDragged)return;const t=this.draggable&&this.draggable.element;t&&this.props.autofit&&this.props.autofit(e,t)}}render(){return r.createElement(i.Draggable,{onPress:e=>{e.event.originalEvent.stopPropagation()},onDrag:this.onDrag,onRelease:this.onRelease,ref:e=>{this.draggable=e}},r.createElement("span",{className:"k-column-resizer",style:{touchAction:"none"},draggable:!1,onDoubleClick:this.onDoubleClick}))}}exports.ColumnResizer=l;

package/drag/ColumnResizer.mjs

@@ -0,0 +1,56 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use client";
+import * as s from "react";
+import { Draggable as r } from "@progress/kendo-react-common";
+class n extends s.Component {
+  constructor() {
+    super(...arguments), this.draggable = null, this.isDragged = !1, this.onDrag = (e) => {
+      this.isDragged = !0;
+      const t = this.draggable && this.draggable.element;
+      t && this.props.resize(e.event, t, !1);
+    }, this.onRelease = (e) => {
+      if (!this.isDragged)
+        return;
+      const t = this.draggable && this.draggable.element;
+      t && this.props.resize(e.event, t, !0), this.isDragged = !1;
+    }, this.onDoubleClick = (e) => {
+      if (this.isDragged)
+        return;
+      const t = this.draggable && this.draggable.element;
+      t && this.props.autofit && this.props.autofit(e, t);
+    };
+  }
+  render() {
+    return /* @__PURE__ */ s.createElement(
+      r,
+      {
+        onPress: (e) => {
+          e.event.originalEvent.stopPropagation();
+        },
+        onDrag: this.onDrag,
+        onRelease: this.onRelease,
+        ref: (e) => {
+          this.draggable = e;
+        }
+      },
+      /* @__PURE__ */ s.createElement(
+        "span",
+        {
+          className: "k-column-resizer",
+          style: { touchAction: "none" },
+          draggable: !1,
+          onDoubleClick: this.onDoubleClick
+        }
+      )
+    );
+  }
+}
+export {
+  n as ColumnResizer
+};

package/drag/CommonDragLogic.js

@@ -0,0 +1,8 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("../header/utils/index.js");class a{constructor(r,i,u){this.columns=[],this.reorderable=!1,this.groupable=!1,this.startColumn=-1,this.startGroup=-1,this.currentColumn=-1,this.currentGroup=-1,this.dropElementClue=null,this.dragElementClue=null,this.groupPanelDivElement=null,this.refGroupPanelDiv=t=>{this.groupPanelDivElement=t},this.refDropElementClue=t=>{this.dropElementClue=t},this.refDragElementClue=t=>{this.dragElementClue=t},this.pressHandler=(t,e)=>{const n=this.getColumnIndex(t,e);if(this.startGroup=this.getGroupIndex(t),n>=0){const s=this.columns[n];(s.reorderable&&this.reorderable||s.groupable&&this.groupable)&&(this.startColumn=n)}},this.dragHandler=(t,e)=>{if(t.isTouch||t.originalEvent.preventDefault(),t.originalEvent.stopPropagation(),this.startColumn===-1&&this.startGroup===-1)return;this.currentColumn=this.getColumnIndex(t,e),this.currentGroup=this.getGroupIndex(t),this.groupPanelDivElement&&this.startGroup>=0&&(this.currentGroup=Math.min(this.currentGroup,this.groupPanelDivElement.children.length-2));const n=!this.isValid();n&&(this.currentColumn=-1,this.currentGroup=-1);const s=this.currentColumn>=0?e.children[this.columns[this.currentColumn].index]:this.groupPanelDivElement&&this.groupPanelDivElement.children[this.currentGroup];this.updateDragElementClue(t,e,s,n),this.updateDropElementClue(t,e,s,n)},this.releaseHandler=t=>{const e=this.startColumn,n=this.currentColumn,s=this.startGroup,l=this.currentGroup;this.dropElementClue&&this.dropElementClue.setState({visible:!1}),this.dragElementClue&&this.dragElementClue.setState({visible:!1});const h=this.isValid();this.startColumn=this.startGroup=this.currentColumn=this.currentGroup=-1,h&&(e>=0&&n>=0?this.columnReorder(e,n,t.originalEvent):s>=0&&l>=0?this.groupReorder(s,l,t.originalEvent):e>=0&&l>=0&&this.columnToGroup(e,l,t.originalEvent))},this.columnReorder=r,this.groupReorder=i,this.columnToGroup=u}getColumnIndex(r,i){if(!i||i.parentElement===this.groupPanelDivElement)return-1;const u=o.getIndex(r,i);if(u===-1)return-1;for(let t=0;t<i.parentNode.children.length;t++)if(i.parentNode.children[t]===i)return this.columns.findIndex(e=>e.index===u&&e.depth===t);return-1}getGroupIndex(r){return o.getIndex(r,this.groupPanelDivElement)}isValid(){return this.startGroup>=0?this.currentGroup>=0&&this.currentGroup!==this.startGroup:this.startColumn===-1?!1:this.currentGroup>=0?this.columns[this.startColumn].groupable===!0&&this.groupable===!0:this.reorderable===!0&&this.currentColumn>=0&&this.currentColumn!==this.startColumn&&this.columns[this.startColumn].reorderable===!0&&this.columns[this.currentColumn].parentIndex===this.columns[this.startColumn].parentIndex}updateDragElementClue(r,i,u,t){if(!this.dragElementClue)return;const e=this.startColumn>=0?i.children[this.columns[this.startColumn].index].innerText:i.innerText;this.dragElementClue.setState({visible:!0,top:r.pageY+10,left:r.pageX,innerText:e,status:t||!u?"k-i-cancel":"k-i-plus"})}updateDropElementClue(r,i,u,t){if(!this.dropElementClue)return;if(t||!u){this.dropElementClue.setState({visible:!1});return}const e=u.getBoundingClientRect();let n=e.left+r.pageX-r.clientX-6;(this.currentColumn>this.startColumn||this.currentGroup>this.startGroup&&this.startGroup!==-1)&&(n+=e.width);const s=e.top+r.pageY-r.clientY;this.dropElementClue.setState({visible:!0,top:s,left:n,height:this.currentColumn>=0?i.clientHeight:e.height})}}exports.CommonDragLogic=a;

package/drag/CommonDragLogic.mjs

@@ -0,0 +1,89 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use client";
+import { getIndex as o } from "../header/utils/index.mjs";
+class m {
+  constructor(r, i, u) {
+    this.columns = [], this.reorderable = !1, this.groupable = !1, this.startColumn = -1, this.startGroup = -1, this.currentColumn = -1, this.currentGroup = -1, this.dropElementClue = null, this.dragElementClue = null, this.groupPanelDivElement = null, this.refGroupPanelDiv = (t) => {
+      this.groupPanelDivElement = t;
+    }, this.refDropElementClue = (t) => {
+      this.dropElementClue = t;
+    }, this.refDragElementClue = (t) => {
+      this.dragElementClue = t;
+    }, this.pressHandler = (t, e) => {
+      const s = this.getColumnIndex(t, e);
+      if (this.startGroup = this.getGroupIndex(t), s >= 0) {
+        const n = this.columns[s];
+        (n.reorderable && this.reorderable || n.groupable && this.groupable) && (this.startColumn = s);
+      }
+    }, this.dragHandler = (t, e) => {
+      if (t.isTouch || t.originalEvent.preventDefault(), t.originalEvent.stopPropagation(), this.startColumn === -1 && this.startGroup === -1)
+        return;
+      this.currentColumn = this.getColumnIndex(t, e), this.currentGroup = this.getGroupIndex(t), this.groupPanelDivElement && this.startGroup >= 0 && (this.currentGroup = Math.min(this.currentGroup, this.groupPanelDivElement.children.length - 2));
+      const s = !this.isValid();
+      s && (this.currentColumn = -1, this.currentGroup = -1);
+      const n = this.currentColumn >= 0 ? e.children[this.columns[this.currentColumn].index] : this.groupPanelDivElement && this.groupPanelDivElement.children[this.currentGroup];
+      this.updateDragElementClue(t, e, n, s), this.updateDropElementClue(t, e, n, s);
+    }, this.releaseHandler = (t) => {
+      const e = this.startColumn, s = this.currentColumn, n = this.startGroup, l = this.currentGroup;
+      this.dropElementClue && this.dropElementClue.setState({ visible: !1 }), this.dragElementClue && this.dragElementClue.setState({ visible: !1 });
+      const h = this.isValid();
+      this.startColumn = this.startGroup = this.currentColumn = this.currentGroup = -1, h && (e >= 0 && s >= 0 ? this.columnReorder(e, s, t.originalEvent) : n >= 0 && l >= 0 ? this.groupReorder(n, l, t.originalEvent) : e >= 0 && l >= 0 && this.columnToGroup(e, l, t.originalEvent));
+    }, this.columnReorder = r, this.groupReorder = i, this.columnToGroup = u;
+  }
+  getColumnIndex(r, i) {
+    if (!i || i.parentElement === this.groupPanelDivElement)
+      return -1;
+    const u = o(r, i);
+    if (u === -1)
+      return -1;
+    for (let t = 0; t < i.parentNode.children.length; t++)
+      if (i.parentNode.children[t] === i)
+        return this.columns.findIndex((e) => e.index === u && e.depth === t);
+    return -1;
+  }
+  getGroupIndex(r) {
+    return o(r, this.groupPanelDivElement);
+  }
+  isValid() {
+    return this.startGroup >= 0 ? this.currentGroup >= 0 && this.currentGroup !== this.startGroup : this.startColumn === -1 ? !1 : this.currentGroup >= 0 ? this.columns[this.startColumn].groupable === !0 && this.groupable === !0 : this.reorderable === !0 && this.currentColumn >= 0 && this.currentColumn !== this.startColumn && this.columns[this.startColumn].reorderable === !0 && this.columns[this.currentColumn].parentIndex === this.columns[this.startColumn].parentIndex;
+  }
+  updateDragElementClue(r, i, u, t) {
+    if (!this.dragElementClue)
+      return;
+    const e = this.startColumn >= 0 ? i.children[this.columns[this.startColumn].index].innerText : i.innerText;
+    this.dragElementClue.setState({
+      visible: !0,
+      top: r.pageY + 10,
+      left: r.pageX,
+      innerText: e,
+      status: t || !u ? "k-i-cancel" : "k-i-plus"
+    });
+  }
+  updateDropElementClue(r, i, u, t) {
+    if (!this.dropElementClue)
+      return;
+    if (t || !u) {
+      this.dropElementClue.setState({ visible: !1 });
+      return;
+    }
+    const e = u.getBoundingClientRect();
+    let s = e.left + r.pageX - r.clientX - 6;
+    (this.currentColumn > this.startColumn || this.currentGroup > this.startGroup && this.startGroup !== -1) && (s += e.width);
+    const n = e.top + r.pageY - r.clientY;
+    this.dropElementClue.setState({
+      visible: !0,
+      top: n,
+      left: s,
+      height: this.currentColumn >= 0 ? i.clientHeight : e.height
+    });
+  }
+}
+export {
+  m as CommonDragLogic
+};

package/drag/DragClue.js

@@ -0,0 +1,8 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react"),l=require("react-dom"),c=require("@progress/kendo-react-common"),a=require("@progress/kendo-svg-icons");function i(r){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(r){for(const n in r)if(n!=="default"){const s=Object.getOwnPropertyDescriptor(r,n);Object.defineProperty(e,n,s.get?s:{enumerable:!0,get:()=>r[n]})}}return e.default=r,Object.freeze(e)}const t=i(o);class u extends t.PureComponent{constructor(e){super(e),this.elementRef=t.createRef(),this.state={visible:!1,top:0,left:0,innerText:"",status:"k-i-cancel"},this.hiddenElementRef=t.createRef()}get element(){return this.elementRef.current}render(){const e=this.hiddenElementRef.current,{status:n}=this.state,s=this.state.visible&&c.canUseDOM&&l.createPortal(t.createElement("div",{ref:this.elementRef,className:"k-header k-drag-clue",style:{display:"block",position:"absolute",zIndex:2e4,padding:"8px 12px",top:this.state.top+"px",left:this.state.left+"px"}},t.createElement(c.IconWrap,{className:"k-drag-status",name:n,icon:n==="k-i-cancel"?a.cancelIcon:a.plusIcon}),this.state.innerText),e&&e.ownerDocument?e.ownerDocument.body:document.body);return t.createElement(t.Fragment,null,s,t.createElement("div",{ref:this.hiddenElementRef,style:{display:"none"}}))}}exports.DragClue=u;

package/drag/DragClue.mjs

@@ -0,0 +1,52 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use client";
+import * as e from "react";
+import { createPortal as r } from "react-dom";
+import { canUseDOM as a, IconWrap as l } from "@progress/kendo-react-common";
+import { cancelIcon as i, plusIcon as o } from "@progress/kendo-svg-icons";
+class u extends e.PureComponent {
+  constructor(t) {
+    super(t), this.elementRef = e.createRef(), this.state = {
+      visible: !1,
+      top: 0,
+      left: 0,
+      innerText: "",
+      status: "k-i-cancel"
+    }, this.hiddenElementRef = e.createRef();
+  }
+  get element() {
+    return this.elementRef.current;
+  }
+  render() {
+    const t = this.hiddenElementRef.current, { status: n } = this.state, s = this.state.visible && a && r(
+      /* @__PURE__ */ e.createElement(
+        "div",
+        {
+          ref: this.elementRef,
+          className: "k-header k-drag-clue",
+          style: {
+            display: "block",
+            position: "absolute",
+            zIndex: 2e4,
+            padding: "8px 12px",
+            top: this.state.top + "px",
+            left: this.state.left + "px"
+          }
+        },
+        /* @__PURE__ */ e.createElement(l, { className: "k-drag-status", name: n, icon: n === "k-i-cancel" ? i : o }),
+        this.state.innerText
+      ),
+      t && t.ownerDocument ? t.ownerDocument.body : document.body
+    );
+    return /* @__PURE__ */ e.createElement(e.Fragment, null, s, /* @__PURE__ */ e.createElement("div", { ref: this.hiddenElementRef, style: { display: "none" } }));
+  }
+}
+export {
+  u as DragClue
+};

package/drag/DropClue.js

@@ -0,0 +1,8 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react"),c=require("react-dom"),l=require("@progress/kendo-react-common");function i(t){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const n in t)if(n!=="default"){const o=Object.getOwnPropertyDescriptor(t,n);Object.defineProperty(e,n,o.get?o:{enumerable:!0,get:()=>t[n]})}}return e.default=t,Object.freeze(e)}const r=i(s);class a extends r.PureComponent{constructor(e){super(e),this.state={height:0,visible:!1,left:0,top:0},this.hiddenElementRef=r.createRef()}render(){const e=this.hiddenElementRef.current,n=this.state.visible&&l.canUseDOM&&c.createPortal(r.createElement("div",{className:"k-grouping-dropclue",style:{zIndex:1e4,display:"block",top:this.state.top+"px",left:this.state.left+"px",height:this.state.height+"px"}}),e&&e.ownerDocument?e.ownerDocument.body:document.body);return r.createElement(r.Fragment,null,n,r.createElement("div",{ref:this.hiddenElementRef,style:{display:"none"}}))}}exports.DropClue=a;

package/drag/DropClue.mjs

@@ -0,0 +1,43 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use client";
+import * as e from "react";
+import { createPortal as s } from "react-dom";
+import { canUseDOM as r } from "@progress/kendo-react-common";
+class a extends e.PureComponent {
+  constructor(t) {
+    super(t), this.state = {
+      height: 0,
+      visible: !1,
+      left: 0,
+      top: 0
+    }, this.hiddenElementRef = e.createRef();
+  }
+  render() {
+    const t = this.hiddenElementRef.current, n = this.state.visible && r && s(
+      /* @__PURE__ */ e.createElement(
+        "div",
+        {
+          className: "k-grouping-dropclue",
+          style: {
+            zIndex: 1e4,
+            display: "block",
+            top: this.state.top + "px",
+            left: this.state.left + "px",
+            height: this.state.height + "px"
+          }
+        }
+      ),
+      t && t.ownerDocument ? t.ownerDocument.body : document.body
+    );
+    return /* @__PURE__ */ e.createElement(e.Fragment, null, n, /* @__PURE__ */ e.createElement("div", { ref: this.hiddenElementRef, style: { display: "none" } }));
+  }
+}
+export {
+  a as DropClue
+};

package/filter/Expression.js

@@ -0,0 +1,8 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const b=require("react"),p=require("prop-types"),g=require("@progress/kendo-react-buttons"),m=require("@progress/kendo-react-dropdowns"),v=require("@progress/kendo-react-intl"),x=require("@progress/kendo-svg-icons"),u=require("./operators.js"),n=require("../messages/index.js");function E(s){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(s){for(const r in s)if(r!=="default"){const e=Object.getOwnPropertyDescriptor(s,r);Object.defineProperty(t,r,e.get?e:{enumerable:!0,get:()=>s[r]})}}return t.default=s,Object.freeze(t)}const l=E(b),h=s=>{s.value===void 0&&!u.unaryOperator(s.operator)&&(s.value=u.stringOperator(s.operator)?"":null)},f=class f extends l.Component{constructor(){super(...arguments),this.onFieldChange=t=>{const r=t.value.name,e=this.props.fields.find(a=>a.name===r),o=this.props.filter,i=e&&!e.operators.some(a=>a.operator===o.operator)?e.operators[0].operator:o.operator,c={field:r,operator:i};h(c),this.triggerOnFilterChange(o,c,t)},this.onOperatorChange=t=>{const r=t.value.operator,e=this.props.filter;let o;if(u.unaryOperator(r)){let{value:i,...c}=e;o={...c,operator:r}}else o={...e,operator:r};h(o),this.triggerOnFilterChange(e,o,t)},this.onInputChange=t=>{const r=this.props.filter;let e=t.nextFilter;if(u.unaryOperator(e.operator)){const o=this.props.fields.find(i=>i.name===e.field);e={...e,operator:o&&o.operators[0].operator||e.operator}}this.triggerOnFilterChange(r,e,t)},this.triggerOnFilterChange=(t,r,e)=>{const o={prevFilter:t,nextFilter:r,syntheticEvent:e.syntheticEvent,nativeEvent:e.nativeEvent,target:this};this.props.onChange.call(void 0,o)},this.onFilterRemove=t=>{const r={filter:this.props.filter,syntheticEvent:t.syntheticEvent,nativeEvent:t.nativeEvent,target:this};this.props.onRemove.call(void 0,r)}}render(){const t=v.provideLocalizationService(this),{fields:r,filter:e,ariaLabel:o=t.toLanguageString(n.filterExpressionAriaLabel,n.messages[n.filterExpressionAriaLabel])}=this.props,i=r.find(a=>a.name===e.field),c=(i&&i.operators||[]).map(a=>({...a,text:t.toLanguageString(a.text,n.messages[a.text]||a.text)}));return l.createElement("div",{className:"k-filter-toolbar"},l.createElement(g.Toolbar,{keyboardNavigation:!1,role:"toolbar",ariaLabel:o},l.createElement(g.ToolbarItem,{className:"k-filter-field"},l.createElement(m.DropDownList,{className:"k-filter-dropdown",data:r,textField:"label",value:r.find(a=>a.name===e.field),onChange:this.onFieldChange,ariaLabel:t.toLanguageString(n.filterExpressionDropdownAriaLabel,n.messages[n.filterExpressionDropdownAriaLabel])})),l.createElement(g.ToolbarItem,{className:"k-filter-operator"},l.createElement(m.DropDownList,{data:c,textField:"text",value:c.find(a=>a.operator===e.operator),onChange:this.onOperatorChange,ariaLabel:t.toLanguageString(n.filterExpressionOperatorDropdownAriaLabel,n.messages[n.filterExpressionOperatorDropdownAriaLabel])})),l.createElement(g.ToolbarItem,{className:"k-filter-value"},i&&l.createElement(i.filter,{filter:e,onFilterChange:this.onInputChange,min:i.min,max:i.max})),l.createElement(g.Button,{className:"k-toolbar-button",title:t.toLanguageString(n.filterClose,n.messages[n.filterClose]),icon:"x",svgIcon:x.xIcon,fillMode:"flat",type:"button",onClick:this.onFilterRemove})))}};f.propTypes={filter:p.object.isRequired,fields:p.array.isRequired,ariaLabel:p.string,onChange:p.func.isRequired,onRemove:p.func.isRequired};let d=f;v.registerForLocalization(d);exports.Expression=d;

package/filter/Expression.mjs

@@ -0,0 +1,113 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use client";
+import * as n from "react";
+import s from "prop-types";
+import { Toolbar as C, ToolbarItem as m, Button as b } 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 N } from "@progress/kendo-svg-icons";
+import { unaryOperator as g, stringOperator as O } from "./operators.mjs";
+import { filterExpressionAriaLabel as v, messages as p, filterExpressionDropdownAriaLabel as u, filterExpressionOperatorDropdownAriaLabel as F, filterClose as x } from "../messages/index.mjs";
+const E = (c) => {
+  c.value === void 0 && !g(c.operator) && (c.value = O(c.operator) ? "" : null);
+}, h = class h extends n.Component {
+  constructor() {
+    super(...arguments), this.onFieldChange = (t) => {
+      const r = t.value.name, e = this.props.fields.find((a) => a.name === r), o = this.props.filter, i = e && !e.operators.some((a) => a.operator === o.operator) ? e.operators[0].operator : o.operator, l = {
+        field: r,
+        operator: i
+      };
+      E(l), this.triggerOnFilterChange(o, l, t);
+    }, this.onOperatorChange = (t) => {
+      const r = t.value.operator, e = this.props.filter;
+      let o;
+      if (g(r)) {
+        let { value: i, ...l } = e;
+        o = { ...l, operator: r };
+      } else
+        o = { ...e, operator: r };
+      E(o), this.triggerOnFilterChange(e, o, t);
+    }, this.onInputChange = (t) => {
+      const r = this.props.filter;
+      let e = t.nextFilter;
+      if (g(e.operator)) {
+        const o = this.props.fields.find((i) => i.name === e.field);
+        e = { ...e, operator: o && o.operators[0].operator || e.operator };
+      }
+      this.triggerOnFilterChange(r, e, t);
+    }, this.triggerOnFilterChange = (t, r, e) => {
+      const o = {
+        prevFilter: t,
+        nextFilter: r,
+        syntheticEvent: e.syntheticEvent,
+        nativeEvent: e.nativeEvent,
+        target: this
+      };
+      this.props.onChange.call(void 0, o);
+    }, this.onFilterRemove = (t) => {
+      const r = {
+        filter: this.props.filter,
+        syntheticEvent: t.syntheticEvent,
+        nativeEvent: t.nativeEvent,
+        target: this
+      };
+      this.props.onRemove.call(void 0, r);
+    };
+  }
+  render() {
+    const t = L(this), {
+      fields: r,
+      filter: e,
+      ariaLabel: o = t.toLanguageString(v, p[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) }));
+    return /* @__PURE__ */ n.createElement("div", { className: "k-filter-toolbar" }, /* @__PURE__ */ n.createElement(C, { keyboardNavigation: !1, role: "toolbar", ariaLabel: o }, /* @__PURE__ */ n.createElement(m, { className: "k-filter-field" }, /* @__PURE__ */ n.createElement(
+      d,
+      {
+        className: "k-filter-dropdown",
+        data: r,
+        textField: "label",
+        value: r.find((a) => a.name === e.field),
+        onChange: this.onFieldChange,
+        ariaLabel: t.toLanguageString(u, p[u])
+      }
+    )), /* @__PURE__ */ n.createElement(m, { className: "k-filter-operator" }, /* @__PURE__ */ n.createElement(
+      d,
+      {
+        data: l,
+        textField: "text",
+        value: l.find((a) => a.operator === e.operator),
+        onChange: this.onOperatorChange,
+        ariaLabel: t.toLanguageString(F, p[F])
+      }
+    )), /* @__PURE__ */ n.createElement(m, { className: "k-filter-value" }, i && /* @__PURE__ */ n.createElement(i.filter, { filter: e, onFilterChange: this.onInputChange, min: i.min, max: i.max })), /* @__PURE__ */ n.createElement(
+      b,
+      {
+        className: "k-toolbar-button",
+        title: t.toLanguageString(x, p[x]),
+        icon: "x",
+        svgIcon: N,
+        fillMode: "flat",
+        type: "button",
+        onClick: this.onFilterRemove
+      }
+    )));
+  }
+};
+h.propTypes = {
+  filter: s.object.isRequired,
+  fields: s.array.isRequired,
+  ariaLabel: s.string,
+  onChange: s.func.isRequired,
+  onRemove: s.func.isRequired
+};
+let f = h;
+y(f);
+export {
+  f as Expression
+};

package/filter/Filter.js

@@ -0,0 +1,8 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("react"),n=require("prop-types"),l=require("@progress/kendo-react-common"),h=require("./Group.js"),d=require("../package-metadata.js");function f(s){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(s){for(const e in s)if(e!=="default"){const t=Object.getOwnPropertyDescriptor(s,e);Object.defineProperty(r,e,t.get?t:{enumerable:!0,get:()=>s[e]})}}return r.default=s,Object.freeze(r)}const i=f(u),o=class o extends i.Component{constructor(r){super(r),this.onFilterChange=e=>{const t={filter:e.nextFilter,syntheticEvent:e.syntheticEvent,nativeEvent:e.nativeEvent,target:this};this.props.onChange.call(void 0,t)},this.onGroupRemove=e=>{const t={filter:{...this.props.value,filters:[]},syntheticEvent:e.syntheticEvent,nativeEvent:e.nativeEvent,target:this};this.props.onChange.call(void 0,t)},l.validatePackage(d.packageMetadata)}render(){return i.createElement("div",{className:l.classNames("k-filter",this.props.className),style:this.props.style},i.createElement("ul",{role:"tree",className:"k-filter-container","aria-label":this.props.ariaLabel},i.createElement("li",{role:"treeitem",className:"k-filter-group-main"},i.createElement(h.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:[]}}))))}};o.propTypes={className:n.string,style:n.object,fields:function(r,e){const t=r[e];if(t===void 0)return new Error(`Property '${e}' is missing.`);if(Array.isArray(t)){if(Object.keys(t.reduce((c,p)=>({...c,[p.name]:1}),{})).length!==t.length)return new Error(`Property '${e}' needs to contain objects with unique 'name' field.`)}else return new Error(`Property '${e}' needs to be Array<FieldSettings>.`);return null},ariaLabelGroup:n.string,ariaLabelExpression:n.string,value:n.object.isRequired,onChange:n.func.isRequired};let a=o;exports.Filter=a;

package/filter/Filter.mjs

@@ -0,0 +1,84 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use client";
+import * as 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) => {
+      const t = {
+        filter: e.nextFilter,
+        syntheticEvent: e.syntheticEvent,
+        nativeEvent: e.nativeEvent,
+        target: this
+      };
+      this.props.onChange.call(void 0, t);
+    }, this.onGroupRemove = (e) => {
+      const t = {
+        filter: { ...this.props.value, filters: [] },
+        syntheticEvent: e.syntheticEvent,
+        nativeEvent: e.nativeEvent,
+        target: this
+      };
+      this.props.onChange.call(void 0, t);
+    }, p(u);
+  }
+  /**
+   * @hidden
+   */
+  render() {
+    return /* @__PURE__ */ i.createElement(
+      "div",
+      {
+        className: c(
+          "k-filter",
+          this.props.className
+        ),
+        style: this.props.style
+      },
+      /* @__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,
+        {
+          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: [] }
+        }
+      )))
+    );
+  }
+};
+a.propTypes = {
+  className: r.string,
+  style: r.object,
+  fields: function(s, e) {
+    const t = s[e];
+    if (t === void 0)
+      return new Error(`Property '${e}' 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.`);
+    } else
+      return new Error(`Property '${e}' needs to be Array<FieldSettings>.`);
+    return null;
+  },
+  ariaLabelGroup: r.string,
+  ariaLabelExpression: r.string,
+  value: r.object.isRequired,
+  onChange: r.func.isRequired
+};
+let n = a;
+export {
+  n as Filter
+};

package/filter/Group.js

@@ -0,0 +1,8 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const 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"},o.createElement(l.Button,{className:"k-toolbar-button",togglable:!0,onClick:this.onLogicAnd,selected:i.logic==="and",type:"button"},e.toLanguageString(r.filterAndLogic,r.messages[r.filterAndLogic])),o.createElement(l.Button,{className:"k-toolbar-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;