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

package/drag/ColumnResize.js

@@ -0,0 +1,8 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const p=1,u=20;class g{constructor(f){this.columns=[],this.resizable=!1,this.isRtl=!1,this.setIsRtl=c=>{this.isRtl=c},this.dragHandler=(c,l,e,r)=>{const t=c.originalEvent;r||(t.preventDefault(),t.stopPropagation(),t.stopImmediatePropagation());const o=e.closest("th");if(!o||!o)return;const s=o.clientWidth;let n=s;if(this.isRtl?n+=e.getBoundingClientRect().right-e.offsetWidth/2-c.clientX:n+=c.clientX-e.getBoundingClientRect().left-e.offsetWidth/2,!r&&Math.abs(n-s)<1)return;this.fixateInitialWidths(o.parentElement.clientWidth),this.setWidths(l,Math.floor(n)/s);const d=this.columns.filter(i=>!i.children.length).findIndex(i=>i.id===l.id);this.onResize(d,s,n,t,r,l.id)},this.dblClickHandler=(c,l)=>{const e=this.columns.filter(h=>l.indexOf(h.id)>-1);if(!this.colGroupMain||!e.length)return;const r={},t=e;for(;t.length>0;){const h=t.pop();if(!h)break;h.children.length?t.push(...h.children):r[h.id]=h}const o=this.columns.filter(h=>!h.children.length),s=[];o.forEach((h,a)=>{r[h.id]&&s.push(a)});const n=[this.colGroupMain.parentElement],d=[this.colGroupMain];this.colGroupHeader&&(n.push(this.colGroupHeader.parentElement),d.push(this.colGroupHeader)),this.colGroupFooter&&(n.push(this.colGroupFooter.parentElement),d.push(this.colGroupFooter)),n.forEach(h=>h.classList.add("k-autofitting"));let i=[];d.forEach(h=>{s.forEach(a=>{h.children[a]&&(h.children[a].width="",i[a]=Math.max(i[a]||0,h.children[a].offsetWidth+p))})}),d.forEach(h=>{s.forEach(a=>{h.children[a]&&(h.children[a].width=i[a]+"px",o[a].width=i[a])})}),n.forEach(h=>h.classList.remove("k-autofitting")),this.onResize(s[0],0,0,c,!0,l[0])},this.updateColElements=c=>{const l=this.columns.filter(r=>!r.children.length);let e=1e-10;for(let r=0;r<c.length;r++){const t=c[r],o=l.findIndex(i=>i.id===t.id),s=parseFloat((t.width||0).toString()),n=Math.floor(s);e+=s-n;const d=n+Math.floor(e);if(e-=Math.floor(e),this.colGroupMain&&this.colGroupMain.children[o]){const i=parseInt(this.colGroupMain.children[o].width,10);this.colGroupMain.children[o].width=d+"px",this.updateNextLockedCol(this.colGroupMain.parentElement,t,i-d)}if(this.colGroupHeader&&this.colGroupHeader.children[o]){const i=parseInt(this.colGroupHeader.children[o].width,10);this.colGroupHeader.children[o].width=d+"px",this.updateNextLockedCol(this.colGroupHeader.parentElement,t,i-d)}if(this.colGroupFooter&&this.colGroupFooter.children[o]){const i=parseInt(this.colGroupFooter.children[o].width,10);this.colGroupFooter.children[o].width=d+"px",this.updateNextLockedCol(this.colGroupFooter.parentElement,t,i-d)}}},this.onResize=f}fixateInitialWidths(f){const c=this.columns.filter(t=>!t.children.length);let l=0,e=this.colGroupMain?this.colGroupMain.children:[];for(let t=0;t<e.length;t++)e[t].width?f-=parseFloat(e[t].width):l++;if(l===0)return;const r=Math.floor(f/l);for(let t=0;t<e.length;t++){const o=e[t];o.width||(o.width=r,c[t].width=r.toString(),this.colGroupHeader&&(this.colGroupHeader.children[t].width=r),this.colGroupFooter&&(this.colGroupFooter.children[t].width=r))}}setWidths(f,c){const l=this.columns.findIndex(t=>t.id===f.id),e=[];let r=f.children.length;for(let t=l+1;r>0&&t<this.columns.length;t++,r--){const o=this.columns[t];o.children.length?r+=o.children.length:e.push(o)}return e.length===0&&e.push(f),e.forEach(t=>{let o=t.width?parseFloat(t.width.toString())*c:0;const s=t.minResizableWidth===void 0?10:t.minResizableWidth;o<s&&(o=s),t.width=o}),this.updateColElements(e),e}updateNextLockedCol(f,c,l){const e=c.index,r=this.colGroupMain.parentElement.closest(".k-grid"),t=r==null?void 0:r.clientWidth,o=this.columns.filter(s=>s.locked).map(s=>parseInt(s.width+"",10)).reduce((s,n)=>s+n,0);!c.locked||t<=o+u||this.columns.forEach(s=>{if(s!=null&&s.locked&&l){const n=f==null?void 0:f.querySelectorAll('[aria-colindex="'+s.ariaColumnIndex+'"]');n==null||n.forEach(d=>{const i=d.style;this.isRtl?(s.index>e&&i&&i.right&&(i.right=parseInt(i.right,10)-l+"px"),s.index<e&&i&&i.left&&(i.left=parseInt(i.left,10)-l+"px")):(s.index>e&&i&&i.left&&(i.left=parseInt(i.left,10)-l+"px"),s.index<e&&i&&i.right&&(i.right=parseInt(i.right,10)-l+"px"))})}})}}exports.ColumnResize=g;

package/drag/ColumnResize.mjs

@@ -0,0 +1,128 @@
+/**
+ * @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 u {
+  constructor(f) {
+    this.columns = [], this.resizable = !1, this.isRtl = !1, this.setIsRtl = (c) => {
+      this.isRtl = c;
+    }, this.dragHandler = (c, l, e, h) => {
+      const t = c.originalEvent;
+      h || (t.preventDefault(), t.stopPropagation(), t.stopImmediatePropagation());
+      const o = e.closest("th");
+      if (!o || !o)
+        return;
+      const s = o.clientWidth;
+      let n = s;
+      if (this.isRtl ? n += e.getBoundingClientRect().right - e.offsetWidth / 2 - c.clientX : n += c.clientX - e.getBoundingClientRect().left - e.offsetWidth / 2, !h && Math.abs(n - s) < 1)
+        return;
+      this.fixateInitialWidths(o.parentElement.clientWidth), this.setWidths(l, Math.floor(n) / s);
+      const d = this.columns.filter((i) => !i.children.length).findIndex((i) => i.id === l.id);
+      this.onResize(d, s, n, t, h, l.id);
+    }, this.dblClickHandler = (c, l) => {
+      const e = this.columns.filter((r) => l.indexOf(r.id) > -1);
+      if (!this.colGroupMain || !e.length)
+        return;
+      const h = {}, t = e;
+      for (; t.length > 0; ) {
+        const r = t.pop();
+        if (!r)
+          break;
+        r.children.length ? t.push(...r.children) : h[r.id] = r;
+      }
+      const o = this.columns.filter((r) => !r.children.length), s = [];
+      o.forEach((r, a) => {
+        h[r.id] && s.push(a);
+      });
+      const n = [this.colGroupMain.parentElement], d = [this.colGroupMain];
+      this.colGroupHeader && (n.push(this.colGroupHeader.parentElement), d.push(this.colGroupHeader)), this.colGroupFooter && (n.push(this.colGroupFooter.parentElement), d.push(this.colGroupFooter)), n.forEach((r) => r.classList.add("k-autofitting"));
+      let i = [];
+      d.forEach((r) => {
+        s.forEach((a) => {
+          r.children[a] && (r.children[a].width = "", i[a] = Math.max(i[a] || 0, r.children[a].offsetWidth + 1));
+        });
+      }), d.forEach((r) => {
+        s.forEach((a) => {
+          r.children[a] && (r.children[a].width = i[a] + "px", o[a].width = i[a]);
+        });
+      }), n.forEach((r) => r.classList.remove("k-autofitting")), this.onResize(s[0], 0, 0, c, !0, l[0]);
+    }, this.updateColElements = (c) => {
+      const l = this.columns.filter((h) => !h.children.length);
+      let e = 1e-10;
+      for (let h = 0; h < c.length; h++) {
+        const t = c[h], o = l.findIndex((i) => i.id === t.id), s = parseFloat((t.width || 0).toString()), n = Math.floor(s);
+        e += s - n;
+        const d = n + Math.floor(e);
+        if (e -= Math.floor(e), this.colGroupMain && this.colGroupMain.children[o]) {
+          const i = parseInt(this.colGroupMain.children[o].width, 10);
+          this.colGroupMain.children[o].width = d + "px", this.updateNextLockedCol(
+            this.colGroupMain.parentElement,
+            t,
+            i - d
+          );
+        }
+        if (this.colGroupHeader && this.colGroupHeader.children[o]) {
+          const i = parseInt(this.colGroupHeader.children[o].width, 10);
+          this.colGroupHeader.children[o].width = d + "px", this.updateNextLockedCol(
+            this.colGroupHeader.parentElement,
+            t,
+            i - d
+          );
+        }
+        if (this.colGroupFooter && this.colGroupFooter.children[o]) {
+          const i = parseInt(this.colGroupFooter.children[o].width, 10);
+          this.colGroupFooter.children[o].width = d + "px", this.updateNextLockedCol(
+            this.colGroupFooter.parentElement,
+            t,
+            i - d
+          );
+        }
+      }
+    }, this.onResize = f;
+  }
+  fixateInitialWidths(f) {
+    const c = this.columns.filter((t) => !t.children.length);
+    let l = 0, e = this.colGroupMain ? this.colGroupMain.children : [];
+    for (let t = 0; t < e.length; t++)
+      e[t].width ? f -= parseFloat(e[t].width) : l++;
+    if (l === 0)
+      return;
+    const h = Math.floor(f / l);
+    for (let t = 0; t < e.length; t++) {
+      const o = e[t];
+      o.width || (o.width = h, c[t].width = h.toString(), this.colGroupHeader && (this.colGroupHeader.children[t].width = h), this.colGroupFooter && (this.colGroupFooter.children[t].width = h));
+    }
+  }
+  setWidths(f, c) {
+    const l = this.columns.findIndex((t) => t.id === f.id), e = [];
+    let h = f.children.length;
+    for (let t = l + 1; h > 0 && t < this.columns.length; t++, h--) {
+      const o = this.columns[t];
+      o.children.length ? h += o.children.length : e.push(o);
+    }
+    return e.length === 0 && e.push(f), e.forEach((t) => {
+      let o = t.width ? parseFloat(t.width.toString()) * c : 0;
+      const s = t.minResizableWidth === void 0 ? 10 : t.minResizableWidth;
+      o < s && (o = s), t.width = o;
+    }), this.updateColElements(e), e;
+  }
+  updateNextLockedCol(f, c, l) {
+    const e = c.index, h = this.colGroupMain.parentElement.closest(".k-grid"), t = h == null ? void 0 : h.clientWidth, o = this.columns.filter((s) => s.locked).map((s) => parseInt(s.width + "", 10)).reduce((s, n) => s + n, 0);
+    !c.locked || t <= o + 20 || this.columns.forEach((s) => {
+      if (s != null && s.locked && l) {
+        const n = f == null ? void 0 : f.querySelectorAll('[aria-colindex="' + s.ariaColumnIndex + '"]');
+        n == null || n.forEach((d) => {
+          const i = d.style;
+          this.isRtl ? (s.index > e && i && i.right && (i.right = parseInt(i.right, 10) - l + "px"), s.index < e && i && i.left && (i.left = parseInt(i.left, 10) - l + "px")) : (s.index > e && i && i.left && (i.left = parseInt(i.left, 10) - l + "px"), s.index < e && i && i.right && (i.right = parseInt(i.right, 10) - l + "px"));
+        });
+      }
+    });
+  }
+}
+export {
+  u as ColumnResize
+};

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 p=require("react"),h=require("@progress/kendo-react-data-tools");function g(l){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(l){for(const e in l)if(e!=="default"){const i=Object.getOwnPropertyDescriptor(l,e);Object.defineProperty(r,e,i.get?i:{enumerable:!0,get:()=>l[e]})}}return r.default=l,Object.freeze(r)}const c=g(p);class d{constructor(r,e,i){this.refDragElementClue=c.createRef(),this.refDropElementClue=c.createRef(),this.columns=[],this.reorderable=!1,this.groupable=!1,this.startColumn=-1,this.startGroup=-1,this.currentColumn=-1,this.currentGroup=-1,this.groupPanelDivElement=null,this.refGroupPanelDiv=t=>{this.groupPanelDivElement=t&&t.children?t.children[0]:t},this.pressHandler=(t,n)=>{const u=this.getColumnIndex(t,n);if(this.startGroup=this.getGroupIndex(t),u>=0){const s=this.columns[u];(s.reorderable&&this.reorderable||s.groupable&&this.groupable)&&(this.startColumn=u)}},this.dragHandler=(t,n)=>{if(t.isTouch||t.originalEvent.preventDefault(),t.originalEvent.stopPropagation(),this.startColumn===-1&&this.startGroup===-1)return;this.currentColumn=this.getColumnIndex(t,n);const u=this.groupPanelDivElement&&this.groupPanelDivElement.children;this.currentGroup=this.isTargetGroupingContainer(t)?u&&u.length?u.length:0:this.getGroupIndex(t);const s=!this.isValid();s&&(this.currentColumn=-1,this.currentGroup=-1);const o=this.currentColumn>=0?n.children[this.columns[this.currentColumn].index]:this.isTargetGroupingContainer(t)?t.originalEvent.target:this.groupPanelDivElement&&this.groupPanelDivElement.children[this.currentGroup];this.updateDragElementClue(t,n,o,s),this.updateDropElementClue(t,n,o,s)},this.releaseHandler=t=>{const n=this.startColumn,u=this.currentColumn,s=this.startGroup,o=this.currentGroup;t.originalEvent.preventDefault(),this.dropElementClue&&this.dropElementClue.setState({visible:!1}),this.dragElementClue&&this.dragElementClue.setState({visible:!1});const a=this.isValid();this.startColumn=this.startGroup=this.currentColumn=this.currentGroup=-1,a&&(n>=0&&u>=0?this.columnReorder(n,u,t.originalEvent):s>=0&&o>=0?this.groupReorder(s,o,t.originalEvent):n>=0&&o>=0&&this.columnToGroup(n,o,t.originalEvent))},this.columnReorder=r,this.groupReorder=e,this.columnToGroup=i}get dragClueRef(){return this.refDragElementClue}get dropClueRef(){return this.refDropElementClue}get dragElementClue(){return this.refDragElementClue.current}get dropElementClue(){return this.refDropElementClue.current}getColumnIndex(r,e){if(!e||e.parentElement===this.groupPanelDivElement)return-1;const i=h.getIndex(r,e);if(i===-1)return-1;for(let t=0;t<e.parentNode.children.length;t++)if(e.parentNode.children[t]===e)return this.columns.findIndex(n=>n.index===i&&n.depth===t);return-1}isTargetGroupingContainer(r){const e=r.originalEvent.target;return e.className.indexOf?e.className.indexOf("k-grouping-drop-container")!==-1:!1}getGroupIndex(r){return h.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,e,i,t){if(!this.dragElementClue)return;const n=this.startColumn>=0?e.children[this.columns[this.startColumn].index].innerText:e.innerText;this.dragElementClue.setState({visible:!0,top:r.pageY+10,left:r.pageX,innerText:n,status:t||!i?"k-i-cancel":"k-i-plus"})}updateDropElementClue(r,e,i,t){if(!this.dropElementClue)return;if(t||!i){this.dropElementClue.setState({visible:!1});return}const n=i.getBoundingClientRect(),s=(i.closest(".k-grouping-header")||i).getBoundingClientRect();let o=n.left+r.pageX-r.clientX-6;!this.isTargetGroupingContainer(r)&&(this.currentColumn>this.startColumn||this.currentGroup>this.startGroup&&this.startGroup!==-1)&&(o+=n.width);const a=s.top+r.pageY-r.clientY;this.dropElementClue.setState({visible:!0,top:a,left:o,height:this.currentColumn>=0?e.clientHeight:s.height})}}exports.CommonDragLogic=d;

package/drag/CommonDragLogic.mjs

@@ -0,0 +1,104 @@
+/**
+ * @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 h from "react";
+import { getIndex as a } from "@progress/kendo-react-data-tools";
+class g {
+  constructor(r, i, s) {
+    this.refDragElementClue = h.createRef(), this.refDropElementClue = h.createRef(), this.columns = [], this.reorderable = !1, this.groupable = !1, this.startColumn = -1, this.startGroup = -1, this.currentColumn = -1, this.currentGroup = -1, this.groupPanelDivElement = null, this.refGroupPanelDiv = (t) => {
+      this.groupPanelDivElement = t && t.children ? t.children[0] : t;
+    }, this.pressHandler = (t, e) => {
+      const u = this.getColumnIndex(t, e);
+      if (this.startGroup = this.getGroupIndex(t), u >= 0) {
+        const n = this.columns[u];
+        (n.reorderable && this.reorderable || n.groupable && this.groupable) && (this.startColumn = u);
+      }
+    }, 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);
+      const u = this.groupPanelDivElement && this.groupPanelDivElement.children;
+      this.currentGroup = this.isTargetGroupingContainer(t) ? u && u.length ? u.length : 0 : this.getGroupIndex(t);
+      const n = !this.isValid();
+      n && (this.currentColumn = -1, this.currentGroup = -1);
+      const l = this.currentColumn >= 0 ? e.children[this.columns[this.currentColumn].index] : this.isTargetGroupingContainer(t) ? t.originalEvent.target : this.groupPanelDivElement && this.groupPanelDivElement.children[this.currentGroup];
+      this.updateDragElementClue(t, e, l, n), this.updateDropElementClue(t, e, l, n);
+    }, this.releaseHandler = (t) => {
+      const e = this.startColumn, u = this.currentColumn, n = this.startGroup, l = this.currentGroup;
+      t.originalEvent.preventDefault(), this.dropElementClue && this.dropElementClue.setState({ visible: !1 }), this.dragElementClue && this.dragElementClue.setState({ visible: !1 });
+      const o = this.isValid();
+      this.startColumn = this.startGroup = this.currentColumn = this.currentGroup = -1, o && (e >= 0 && u >= 0 ? this.columnReorder(e, u, 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 = s;
+  }
+  get dragClueRef() {
+    return this.refDragElementClue;
+  }
+  get dropClueRef() {
+    return this.refDropElementClue;
+  }
+  get dragElementClue() {
+    return this.refDragElementClue.current;
+  }
+  get dropElementClue() {
+    return this.refDropElementClue.current;
+  }
+  getColumnIndex(r, i) {
+    if (!i || i.parentElement === this.groupPanelDivElement)
+      return -1;
+    const s = a(r, i);
+    if (s === -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 === s && e.depth === t);
+    return -1;
+  }
+  isTargetGroupingContainer(r) {
+    const i = r.originalEvent.target;
+    return i.className.indexOf ? i.className.indexOf("k-grouping-drop-container") !== -1 : !1;
+  }
+  getGroupIndex(r) {
+    return a(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, s, 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 || !s ? "k-i-cancel" : "k-i-plus"
+    });
+  }
+  updateDropElementClue(r, i, s, t) {
+    if (!this.dropElementClue)
+      return;
+    if (t || !s) {
+      this.dropElementClue.setState({ visible: !1 });
+      return;
+    }
+    const e = s.getBoundingClientRect(), n = (s.closest(".k-grouping-header") || s).getBoundingClientRect();
+    let l = e.left + r.pageX - r.clientX - 6;
+    !this.isTargetGroupingContainer(r) && (this.currentColumn > this.startColumn || this.currentGroup > this.startGroup && this.startGroup !== -1) && (l += e.width);
+    const o = n.top + r.pageY - r.clientY;
+    this.dropElementClue.setState({
+      visible: !0,
+      top: o,
+      left: l,
+      height: this.currentColumn >= 0 ? i.clientHeight : n.height
+    });
+  }
+}
+export {
+  g as CommonDragLogic
+};

package/drag/GroupingIndicator.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 c=require("react"),o=require("@progress/kendo-react-common"),l=require("@progress/kendo-react-intl"),r=require("@progress/kendo-svg-icons");function p(n){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(n){for(const t in n)if(t!=="default"){const i=Object.getOwnPropertyDescriptor(n,t);Object.defineProperty(e,t,i.get?i:{enumerable:!0,get:()=>n[t]})}}return e.default=n,Object.freeze(e)}const s=p(c);class a extends s.Component{constructor(){super(...arguments),this.draggable=null,this.onPress=e=>{const t=this.draggable&&this.draggable.element;t&&this.props.onPress&&this.props.onPress(e.event,t)},this.onDrag=e=>{const t=this.draggable&&this.draggable.element;t&&this.props.onDrag&&this.props.onDrag(e.event,t)},this.onRelease=e=>{this.draggable&&this.draggable.element&&this.props.onRelease&&this.props.onRelease(e.event)},this.sortChange=e=>{if(e.preventDefault(),this.props.onSortChange){const t=this.props.dir==="asc"?"desc":"asc";this.props.onSortChange(e,t)}},this.groupRemove=e=>{e.preventDefault(),e.stopPropagation(),this.props.onRemove&&this.props.onRemove(e)},this.onContextMenu=e=>{const t={title:this.props.title,dir:this.props.dir,index:this.props.index};this.props.onContextMenu&&this.props.onContextMenu.call(void 0,e,{dataItem:{...t}})}}render(){const{dir:e}=this.props;return s.createElement(o.Draggable,{onPress:this.onPress,onDrag:this.onDrag,onRelease:this.onRelease,ref:t=>{this.draggable=t}},s.createElement("div",{className:"k-chip k-chip-md k-chip-solid k-chip-solid-base k-rounded-md",onClick:this.sortChange,onContextMenu:this.onContextMenu,role:"button",style:{touchAction:"none"}},s.createElement("span",null,s.createElement(o.IconWrap,{name:"sort-"+e+"-small",icon:e==="asc"?r.sortAscSmallIcon:r.sortDescSmallIcon,size:"small"})),s.createElement("span",{className:"k-chip-content"},this.props.title),s.createElement("span",{className:"k-chip-actions"},s.createElement("span",{className:"k-chip-action k-chip-remove-action",onClick:this.groupRemove},s.createElement(o.IconWrap,{name:"x-circle",icon:r.xCircleIcon,size:"small"})))))}}l.registerForLocalization(a);exports.GroupingIndicator=a;

package/drag/GroupingIndicator.mjs

@@ -0,0 +1,91 @@
+/**
+ * @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 n, IconWrap as o } from "@progress/kendo-react-common";
+import { registerForLocalization as r } from "@progress/kendo-react-intl";
+import { sortAscSmallIcon as i, sortDescSmallIcon as a, xCircleIcon as l } from "@progress/kendo-svg-icons";
+class p extends s.Component {
+  constructor() {
+    super(...arguments), this.draggable = null, this.onPress = (e) => {
+      const t = this.draggable && this.draggable.element;
+      t && this.props.onPress && this.props.onPress(e.event, t);
+    }, this.onDrag = (e) => {
+      const t = this.draggable && this.draggable.element;
+      t && this.props.onDrag && this.props.onDrag(e.event, t);
+    }, this.onRelease = (e) => {
+      this.draggable && this.draggable.element && this.props.onRelease && this.props.onRelease(e.event);
+    }, this.sortChange = (e) => {
+      if (e.preventDefault(), this.props.onSortChange) {
+        const t = this.props.dir === "asc" ? "desc" : "asc";
+        this.props.onSortChange(e, t);
+      }
+    }, this.groupRemove = (e) => {
+      e.preventDefault(), e.stopPropagation(), this.props.onRemove && this.props.onRemove(e);
+    }, this.onContextMenu = (e) => {
+      const t = {
+        title: this.props.title,
+        dir: this.props.dir,
+        index: this.props.index
+      };
+      this.props.onContextMenu && this.props.onContextMenu.call(void 0, e, { dataItem: { ...t } });
+    };
+  }
+  render() {
+    const { dir: e } = this.props;
+    return /* @__PURE__ */ s.createElement(
+      n,
+      {
+        onPress: this.onPress,
+        onDrag: this.onDrag,
+        onRelease: this.onRelease,
+        ref: (t) => {
+          this.draggable = t;
+        }
+      },
+      /* @__PURE__ */ s.createElement(
+        "div",
+        {
+          className: "k-chip k-chip-md k-chip-solid k-chip-solid-base k-rounded-md",
+          onClick: this.sortChange,
+          onContextMenu: this.onContextMenu,
+          role: "button",
+          style: { touchAction: "none" }
+        },
+        /* @__PURE__ */ s.createElement("span", null, /* @__PURE__ */ s.createElement(
+          o,
+          {
+            name: "sort-" + e + "-small",
+            icon: e === "asc" ? i : a,
+            size: "small"
+          }
+        )),
+        /* @__PURE__ */ s.createElement("span", { className: "k-chip-content" }, this.props.title),
+        /* @__PURE__ */ s.createElement("span", { className: "k-chip-actions" }, /* @__PURE__ */ s.createElement(
+          "span",
+          {
+            className: "k-chip-action k-chip-remove-action",
+            onClick: this.groupRemove
+          },
+          /* @__PURE__ */ s.createElement(
+            o,
+            {
+              name: "x-circle",
+              icon: l,
+              size: "small"
+            }
+          )
+        ))
+      )
+    );
+  }
+}
+r(p);
+export {
+  p as GroupingIndicator
+};

package/filterCommon.js

@@ -0,0 +1,8 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const p=require("./messages/index.js"),s=[{text:"grid.filterAndLogic",operator:"and"},{text:"grid.filterOrLogic",operator:"or"}],f={text:[{text:"grid.filterContainsOperator",operator:"contains"},{text:"grid.filterNotContainsOperator",operator:"doesnotcontain"},{text:"grid.filterEqOperator",operator:"eq"},{text:"grid.filterNotEqOperator",operator:"neq"},{text:"grid.filterStartsWithOperator",operator:"startswith"},{text:"grid.filterEndsWithOperator",operator:"endswith"},{text:"grid.filterIsNullOperator",operator:"isnull"},{text:"grid.filterIsNotNullOperator",operator:"isnotnull"},{text:"grid.filterIsEmptyOperator",operator:"isempty"},{text:"grid.filterIsNotEmptyOperator",operator:"isnotempty"}],numeric:[{text:"grid.filterEqOperator",operator:"eq"},{text:"grid.filterNotEqOperator",operator:"neq"},{text:"grid.filterGteOperator",operator:"gte"},{text:"grid.filterGtOperator",operator:"gt"},{text:"grid.filterLteOperator",operator:"lte"},{text:"grid.filterLtOperator",operator:"lt"},{text:"grid.filterIsNullOperator",operator:"isnull"},{text:"grid.filterIsNotNullOperator",operator:"isnotnull"}],date:[{text:"grid.filterEqOperator",operator:"eq"},{text:"grid.filterNotEqOperator",operator:"neq"},{text:"grid.filterAfterOrEqualOperator",operator:"gte"},{text:"grid.filterAfterOperator",operator:"gt"},{text:"grid.filterBeforeOperator",operator:"lt"},{text:"grid.filterBeforeOrEqualOperator",operator:"lte"},{text:"grid.filterIsNullOperator",operator:"isnull"},{text:"grid.filterIsNotNullOperator",operator:"isnotnull"}],boolean:[{text:"grid.filterEqOperator",operator:"eq"}]},i=t=>t==="isnull"||t==="isnotnull"||t==="isempty"||t==="isnotempty",g=(t,o)=>t.map(r=>({text:o.toLanguageString(r.text,p.messages[r.text]),operator:r.operator})),l="eq",d=[{text:"grid.filterBooleanAll",operator:""},{text:"grid.filterIsTrue",operator:!0},{text:"grid.filterIsFalse",operator:!1}],u={text:!1,numeric:!1,date:!1,boolean:!0},c=(t,o,r)=>{const a=n(r.operators);let e=r.operator;switch(r.filterType){case"numeric":(!e||i(e))&&(e=a),t===null&&e===a&&(e="");break;case"date":(!e||i(e))&&(e=a),t===null&&e===a&&(e="");break;case"text":(!e||i(e))&&(e=a),!t&&e===a&&(e="");break;default:return}r.onChange({value:t,operator:e,syntheticEvent:o})},n=(t,o)=>o?t[o][0].operator:t[0].operator,x=t=>t||"text",O=(t,o)=>{const r=t.target.value;o({value:r.operator,operator:r.operator===""?"":l,syntheticEvent:t.syntheticEvent})},q=(t,o,r)=>{let a=o;const e=t.target.value;t.target.state.opened&&(i(e.operator)&&(a=null),o===null&&!i(e.operator)&&(a=void 0),r({value:a,operator:e.operator,syntheticEvent:t.syntheticEvent}))};exports.IsUnaryFilter=i;exports.booleanFilterValues=d;exports.cellBoolDropdownChange=O;exports.cellInputChange=c;exports.cellOperatorChange=q;exports.defaultBooleanOperator=l;exports.defaultHideSecondFilter=u;exports.filterLogicList=s;exports.getDefaultOperator=n;exports.getFilterType=x;exports.operatorMap=g;exports.operators=f;

package/filterCommon.mjs

@@ -0,0 +1,103 @@
+/**
+ * @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 { messages as l } from "./messages/index.mjs";
+const f = [
+  { text: "grid.filterAndLogic", operator: "and" },
+  { text: "grid.filterOrLogic", operator: "or" }
+], g = {
+  text: [
+    { text: "grid.filterContainsOperator", operator: "contains" },
+    { text: "grid.filterNotContainsOperator", operator: "doesnotcontain" },
+    { text: "grid.filterEqOperator", operator: "eq" },
+    { text: "grid.filterNotEqOperator", operator: "neq" },
+    { text: "grid.filterStartsWithOperator", operator: "startswith" },
+    { text: "grid.filterEndsWithOperator", operator: "endswith" },
+    { text: "grid.filterIsNullOperator", operator: "isnull" },
+    { text: "grid.filterIsNotNullOperator", operator: "isnotnull" },
+    { text: "grid.filterIsEmptyOperator", operator: "isempty" },
+    { text: "grid.filterIsNotEmptyOperator", operator: "isnotempty" }
+  ],
+  numeric: [
+    { text: "grid.filterEqOperator", operator: "eq" },
+    { text: "grid.filterNotEqOperator", operator: "neq" },
+    { text: "grid.filterGteOperator", operator: "gte" },
+    { text: "grid.filterGtOperator", operator: "gt" },
+    { text: "grid.filterLteOperator", operator: "lte" },
+    { text: "grid.filterLtOperator", operator: "lt" },
+    { text: "grid.filterIsNullOperator", operator: "isnull" },
+    { text: "grid.filterIsNotNullOperator", operator: "isnotnull" }
+  ],
+  date: [
+    { text: "grid.filterEqOperator", operator: "eq" },
+    { text: "grid.filterNotEqOperator", operator: "neq" },
+    { text: "grid.filterAfterOrEqualOperator", operator: "gte" },
+    { text: "grid.filterAfterOperator", operator: "gt" },
+    { text: "grid.filterBeforeOperator", operator: "lt" },
+    { text: "grid.filterBeforeOrEqualOperator", operator: "lte" },
+    { text: "grid.filterIsNullOperator", operator: "isnull" },
+    { text: "grid.filterIsNotNullOperator", operator: "isnotnull" }
+  ],
+  boolean: [
+    { text: "grid.filterEqOperator", operator: "eq" }
+  ]
+}, i = (t) => t === "isnull" || t === "isnotnull" || t === "isempty" || t === "isnotempty", d = (t, o) => t.map((e) => ({
+  text: o.toLanguageString(e.text, l[e.text]),
+  operator: e.operator
+})), n = "eq", u = [
+  { text: "grid.filterBooleanAll", operator: "" },
+  { text: "grid.filterIsTrue", operator: !0 },
+  { text: "grid.filterIsFalse", operator: !1 }
+], x = {
+  text: !1,
+  numeric: !1,
+  date: !1,
+  boolean: !0
+}, c = (t, o, e) => {
+  const a = p(e.operators);
+  let r = e.operator;
+  switch (e.filterType) {
+    case "numeric":
+      (!r || i(r)) && (r = a), t === null && r === a && (r = "");
+      break;
+    case "date":
+      (!r || i(r)) && (r = a), t === null && r === a && (r = "");
+      break;
+    case "text":
+      (!r || i(r)) && (r = a), !t && r === a && (r = "");
+      break;
+    default:
+      return;
+  }
+  e.onChange({ value: t, operator: r, syntheticEvent: o });
+}, p = (t, o) => o ? t[o][0].operator : t[0].operator, O = (t) => t || "text", q = (t, o) => {
+  const e = t.target.value;
+  o({
+    value: e.operator,
+    operator: e.operator === "" ? "" : n,
+    syntheticEvent: t.syntheticEvent
+  });
+}, E = (t, o, e) => {
+  let a = o;
+  const r = t.target.value;
+  t.target.state.opened && (i(r.operator) && (a = null), o === null && !i(r.operator) && (a = void 0), e({ value: a, operator: r.operator, syntheticEvent: t.syntheticEvent }));
+};
+export {
+  i as IsUnaryFilter,
+  u as booleanFilterValues,
+  q as cellBoolDropdownChange,
+  c as cellInputChange,
+  E as cellOperatorChange,
+  n as defaultBooleanOperator,
+  x as defaultHideSecondFilter,
+  f as filterLogicList,
+  p as getDefaultOperator,
+  O as getFilterType,
+  d as operatorMap,
+  g as operators
+};

package/footer/Footer.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("@progress/kendo-react-common"),l=require("react");function i(r){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(r){for(const o in r)if(o!=="default"){const a=Object.getOwnPropertyDescriptor(r,o);Object.defineProperty(e,o,a.get?a:{enumerable:!0,get:()=>r[o]})}}return e.default=r,Object.freeze(e)}const t=i(l);class n extends t.Component{constructor(){super(...arguments),this.footerWrap=null,this.table=null,this.scrollbarWidth=s.getScrollbarWidth()}componentDidMount(){this.setState({})}setScrollLeft(e){this.footerWrap&&(this.footerWrap.scrollLeft=e)}setWidth(e){this.table&&(this.table.style.width=e+"px")}render(){return this.props.staticHeaders?t.createElement("div",{className:"k-grid-footer",role:"presentation"},t.createElement("div",{ref:e=>{this.footerWrap=e},className:"k-grid-footer-wrap",style:this.scrollbarWidth?{}:{borderWidth:0},role:"presentation"},t.createElement("table",{ref:e=>{this.table=e},className:s.classNames("k-table k-grid-footer-table",{"k-table-md":!this.props.size,[`k-table-${s.kendoThemeMaps.sizeMap[this.props.size]||this.props.size}`]:this.props.size},this.props.className),role:"presentation"},t.createElement("colgroup",{ref:e=>{this.props.columnResize.colGroupFooter=e},role:"presentation"},this.props.cols),t.createElement("tfoot",{className:"k-table-tfoot",role:"presentation"},this.props.row)))):t.createElement("tfoot",{className:"k-table-tfoot"},this.props.row)}}exports.Footer=n;

package/footer/Footer.mjs

@@ -0,0 +1,76 @@
+/**
+ * @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 { getScrollbarWidth as s, classNames as r, kendoThemeMaps as o } from "@progress/kendo-react-common";
+import * as t from "react";
+class l extends t.Component {
+  constructor() {
+    super(...arguments), this.footerWrap = null, this.table = null, this.scrollbarWidth = s();
+  }
+  componentDidMount() {
+    this.setState({});
+  }
+  /**
+   *
+   * @param scrollLeft - Scrolls to the left (in pixels).
+   */
+  setScrollLeft(e) {
+    this.footerWrap && (this.footerWrap.scrollLeft = e);
+  }
+  /**
+   *
+   * @param width - Scrolls the width (in pixels).
+   */
+  setWidth(e) {
+    this.table && (this.table.style.width = e + "px");
+  }
+  render() {
+    return this.props.staticHeaders ? /* @__PURE__ */ t.createElement(
+      "div",
+      {
+        className: "k-grid-footer",
+        role: "presentation"
+      },
+      /* @__PURE__ */ t.createElement(
+        "div",
+        {
+          ref: (e) => {
+            this.footerWrap = e;
+          },
+          className: "k-grid-footer-wrap",
+          style: this.scrollbarWidth ? {} : { borderWidth: 0 },
+          role: "presentation"
+        },
+        /* @__PURE__ */ t.createElement(
+          "table",
+          {
+            ref: (e) => {
+              this.table = e;
+            },
+            className: r(
+              "k-table k-grid-footer-table",
+              {
+                "k-table-md": !this.props.size,
+                [`k-table-${o.sizeMap[this.props.size] || this.props.size}`]: this.props.size
+              },
+              this.props.className
+            ),
+            role: "presentation"
+          },
+          /* @__PURE__ */ t.createElement("colgroup", { ref: (e) => {
+            this.props.columnResize.colGroupFooter = e;
+          }, role: "presentation" }, this.props.cols),
+          /* @__PURE__ */ t.createElement("tfoot", { className: "k-table-tfoot", role: "presentation" }, this.props.row)
+        )
+      )
+    ) : /* @__PURE__ */ t.createElement("tfoot", { className: "k-table-tfoot" }, this.props.row);
+  }
+}
+export {
+  l as Footer
+};

package/footer/FooterRow.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 c=require("react"),a=require("../utils/index.js"),d=require("@progress/kendo-react-common");function f(r){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(r){for(const t in r)if(t!=="default"){const l=Object.getOwnPropertyDescriptor(r,t);Object.defineProperty(e,t,l.get?l:{enumerable:!0,get:()=>r[t]})}}return e.default=r,Object.freeze(e)}const o=f(c);class p extends o.Component{constructor(){super(...arguments),this._element=null,this.renderCell=(e,t)=>{const l={colSpan:e.colSpan!==1?e.colSpan:void 0,style:e.left!==void 0?this.props.isRtl?{left:e.right,right:e.left}:{left:e.left,right:e.right}:{},className:d.classNames("k-table-td",e.locked&&e.left!==void 0?"k-grid-footer-sticky":""),key:t,role:"gridcell","aria-colindex":e.ariaColumnIndex},n={field:e.field,ariaColumnIndex:e.ariaColumnIndex,...l},s=a.resolveCells(this.props.cells,e.cells);if(s&&s.footerCell){const i=s.footerCell;return o.createElement(i,{...n,tdProps:l,index:t})}return e.footerCell&&o.createElement(e.footerCell,{...n,key:t})||o.createElement("td",{...l})}}get element(){return this._element}render(){return o.createElement("tr",{className:"k-table-row",role:"row","aria-rowindex":this.props.ariaRowIndex},a.footerColumns(this.props.columns).map(this.renderCell))}}exports.FooterRow=p;

package/footer/FooterRow.mjs

@@ -0,0 +1,46 @@
+/**
+ * @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 t from "react";
+import { resolveCells as i, footerColumns as n } from "../utils/index.mjs";
+import { classNames as p } from "@progress/kendo-react-common";
+class c extends t.Component {
+  constructor() {
+    super(...arguments), this._element = null, this.renderCell = (e, r) => {
+      const l = {
+        colSpan: e.colSpan !== 1 ? e.colSpan : void 0,
+        style: e.left !== void 0 ? this.props.isRtl ? { left: e.right, right: e.left } : { left: e.left, right: e.right } : {},
+        className: p(
+          "k-table-td",
+          e.locked && e.left !== void 0 ? "k-grid-footer-sticky" : ""
+        ),
+        key: r,
+        role: "gridcell",
+        "aria-colindex": e.ariaColumnIndex
+      }, o = {
+        field: e.field,
+        ariaColumnIndex: e.ariaColumnIndex,
+        ...l
+      }, s = i(this.props.cells, e.cells);
+      if (s && s.footerCell) {
+        const a = s.footerCell;
+        return /* @__PURE__ */ t.createElement(a, { ...o, tdProps: l, index: r });
+      }
+      return e.footerCell && /* @__PURE__ */ t.createElement(e.footerCell, { ...o, key: r }) || /* @__PURE__ */ t.createElement("td", { ...l });
+    };
+  }
+  get element() {
+    return this._element;
+  }
+  render() {
+    return /* @__PURE__ */ t.createElement("tr", { className: "k-table-row", role: "row", "aria-rowindex": this.props.ariaRowIndex }, n(this.props.columns).map(this.renderCell));
+  }
+}
+export {
+  c as FooterRow
+};