@progress/kendo-react-treelist 15.2.0-develop.1 → 15.2.0-develop.3

package/rows/TreeListDraggableRow.mjs

@@ -5,13 +5,13 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-import * as a from "react";
+import * as e from "react";
 import * as h from "react-dom";
-import { canUseDOM as g, Draggable as m, IconWrap as f, classNames as v } from "@progress/kendo-react-common";
-import { TreeListRow as D } from "./TreeListRow.mjs";
-import { plusIcon as w, cancelIcon as E } from "@progress/kendo-svg-icons";
-const b = (e) => e.visible && g ? h.createPortal(
-  /* @__PURE__ */ a.createElement(
+import { canUseDOM as b, Draggable as O, IconWrap as S, classNames as T } from "@progress/kendo-react-common";
+import { TreeListRow as L } from "./TreeListRow.mjs";
+import { plusIcon as H, cancelIcon as F } from "@progress/kendo-svg-icons";
+const M = (t) => t.visible && b ? h.createPortal(
+  /* @__PURE__ */ e.createElement(
     "div",
     {
       className: "k-header k-drag-clue",
@@ -20,99 +20,110 @@ const b = (e) => e.visible && g ? h.createPortal(
         position: "absolute",
         zIndex: 2e4,
         padding: "8px 12px",
-        top: e.top + "px",
-        left: e.left + "px"
+        top: t.top + "px",
+        left: t.left + "px"
       }
     },
-    /* @__PURE__ */ a.createElement(
-      f,
+    /* @__PURE__ */ e.createElement(
+      S,
       {
-        className: v("k-drag-status"),
-        name: e.allowDrop ? "plus" : "cancel",
-        icon: e.allowDrop ? w : E
+        className: T("k-drag-status"),
+        name: t.allowDrop ? "plus" : "cancel",
+        icon: t.allowDrop ? H : F
       }
     ),
-    e.text
+    t.text
   ),
   document.body
 ) : null;
-function x(e, s, r) {
-  if (!e.originalEvent)
+function X(t, i, a) {
+  if (!t.originalEvent)
     return -1;
-  const o = c(e, "tr", r);
-  if (o) {
-    const t = s ? s.childNodes : [];
-    for (let n = 0; n < t.length; n++)
-      if (t[n] === o)
+  const u = x(t, "tr", a);
+  if (u) {
+    const s = i ? i.childNodes : [];
+    for (let n = 0; n < s.length; n++)
+      if (s[n] === u)
         return n;
   }
   return -1;
 }
-function c(e, s, r) {
-  const o = r ? r.elementFromPoint(e.clientX, e.clientY) : null;
-  return s && o ? o.closest(s) : null;
+function x(t, i, a) {
+  const u = a ? a.elementFromPoint(t.clientX, t.clientY) : null;
+  return i && u ? u.closest(i) : null;
 }
-const P = "k-grid", i = {
+const w = "k-grid", E = {
   visible: !1,
   top: 0,
   left: 0,
   text: "",
   allowDrop: !1
-};
-class k extends a.Component {
-  constructor() {
-    super(...arguments), this.state = {
-      clueProps: { ...i }
-    }, this.draggable = a.createRef(), this.dragged = null, this.draggedOver = null, this.onPress = () => this.dragged = this.props.level, this.onDrag = (s) => {
-      if (!g)
+}, Y = e.forwardRef((t, i) => {
+  const [a, u] = e.useState({ ...E }), s = e.useRef(null), n = e.useRef(null), m = e.useRef(null), c = e.useRef(null), R = e.useRef(a);
+  R.current = a;
+  const o = e.useRef(t);
+  o.current = t;
+  const D = e.useRef(null);
+  e.useImperativeHandle(
+    D,
+    () => ({
+      props: t
+    })
+  ), e.useImperativeHandle(i, () => D.current), e.useEffect(() => () => {
+    c.current && (c.current.style.userSelect = "", c.current = null);
+  }, []);
+  const I = e.useCallback(() => {
+    var r;
+    n.current = o.current.level;
+    const f = (r = s.current) == null ? void 0 : r.element;
+    f && (c.current = f.closest("." + w), c.current && (c.current.style.userSelect = "none"));
+  }, [s]), y = e.useCallback(
+    (f) => {
+      var p;
+      if (!b)
         return;
-      const r = this.draggable.current && this.draggable.current.element, o = r ? r.ownerDocument : document;
-      if (!o)
+      const r = (p = s.current) == null ? void 0 : p.element, g = (r == null ? void 0 : r.ownerDocument) || document;
+      if (!g)
         return;
-      const t = s.event, n = this.dragged;
-      if (r && n) {
-        !t.isTouch && t.type !== "scroll" && t.originalEvent.preventDefault();
-        const l = this.props.levels[x(t, r.parentNode, o)];
-        this.draggedOver = l;
-        const d = l ? !n.every((p, u) => p === l[u]) : !!c(t, P, o);
-        this.setState({
-          clueProps: {
-            visible: !0,
-            top: t.pageY + 10,
-            left: t.pageX,
-            text: r.innerText,
-            allowDrop: d
-          }
-        }), this.props.onDrag && this.props.onDrag.call(void 0, {
-          nativeEvent: t.originalEvent,
-          dragged: n,
-          draggedOver: l,
-          draggedItem: this.props.dataItem
-        });
-      }
-    }, this.onRelease = (s) => {
-      const r = s.event;
-      if (this.dragged) {
-        const o = [...this.dragged], t = this.draggedOver && [...this.draggedOver], n = this.state.clueProps.allowDrop;
-        this.dragged = null, this.draggedOver = null, this.setState({ clueProps: { ...i } });
-        const l = this.props.dataItem;
-        n && this.props.onDrop && this.props.onDrop.call(void 0, {
-          nativeEvent: r.originalEvent,
-          dragged: o,
-          draggedOver: t,
-          draggedItem: l
+      const l = f.event, d = n.current;
+      if (r && d) {
+        !l.isTouch && l.type !== "scroll" && l.originalEvent.preventDefault();
+        const v = o.current.levels[X(l, r.parentNode, g)];
+        m.current = v;
+        const C = v ? !d.every((N, P) => N === v[P]) : !!x(l, w, g);
+        u({
+          visible: !0,
+          top: l.pageY + 10,
+          left: l.pageX,
+          text: r.innerText,
+          allowDrop: C
+        }), o.current.onDrag && o.current.onDrag({
+          nativeEvent: l.originalEvent,
+          dragged: d,
+          draggedOver: v,
+          draggedItem: o.current.dataItem
         });
       }
-    };
-  }
-  /**
-   * @hidden
-   */
-  render() {
-    const { clueProps: s } = this.state;
-    return /* @__PURE__ */ a.createElement(a.Fragment, null, /* @__PURE__ */ a.createElement(m, { ref: this.draggable, onPress: this.onPress, onDrag: this.onDrag, onRelease: this.onRelease }, /* @__PURE__ */ a.createElement(D, { ...this.props })), /* @__PURE__ */ a.createElement(b, { ...s }));
-  }
-}
+    },
+    [s]
+  ), k = e.useCallback((f) => {
+    c.current && (c.current.style.userSelect = "", c.current = null);
+    const r = f.event;
+    if (n.current) {
+      const g = [...n.current], l = m.current && [...m.current], d = R.current.allowDrop;
+      n.current = null, m.current = null, u({ ...E });
+      const p = o.current.dataItem;
+      d && o.current.onDrop && o.current.onDrop({
+        nativeEvent: r.originalEvent,
+        dragged: g,
+        draggedOver: l,
+        draggedItem: p
+      });
+    }
+  }, []);
+  return /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(O, { ref: s, onPress: I, onDrag: y, onRelease: k }, /* @__PURE__ */ e.createElement(L, { ...t })), /* @__PURE__ */ e.createElement(M, { ...a }));
+});
+Y.displayName = "KendoReactTreeListDraggableRow";
 export {
-  k as TreeListDraggableRow
+  Y as TreeListDraggableRow
 };

package/rows/TreeListRow.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const f=require("react"),b=require("@progress/kendo-react-common"),g=require("../constants/index.js");function k(e){const a=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const n=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(a,t,n.get?n:{enumerable:!0,get:()=>e[t]})}}return a.default=e,Object.freeze(a)}const o=k(f),i=o.forwardRef((e,a)=>{const{isSelected:t,rowHeight:n,isAltRow:l,expanded:c,ariaRowIndex:d,level:s,ariaSetSize:u,ariaPosInSet:m}=e,w=b.classNames("k-table-row","k-master-row",{"k-selected":t,"k-table-alt-row":l}),R=o.useMemo(()=>n!==void 0?{height:n+"px"}:void 0,[n]),r=o.createElement("tr",{onClick:e.onClick,onDoubleClick:e.onDoubleClick,onContextMenu:e.onContextMenu,className:w,style:R,ref:a,"aria-expanded":c,role:"row","aria-rowindex":d,"aria-level":s.length,"aria-posinset":m,"aria-setsize":u,[g.TREELIST_ROW_INDEX_ATTRIBUTE]:e.rowIndex},e.children);return o.createElement(o.Fragment,null,e.render?e.render.call(void 0,r,e):r)});i.displayName="KendoReactTreeListRow";exports.TreeListRow=i;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const f=require("react"),b=require("@progress/kendo-react-common"),g=require("../constants/index.js");function k(e){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const n=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,n.get?n:{enumerable:!0,get:()=>e[t]})}}return r.default=e,Object.freeze(r)}const a=k(f),i=a.forwardRef((e,r)=>{const{isSelected:t,rowHeight:n,isAltRow:l,expanded:c,ariaRowIndex:s,level:d,ariaSetSize:u,ariaPosInSet:m}=e,w=b.classNames("k-table-row","k-master-row",{"k-selected":t,"k-table-alt-row":l}),R=a.useMemo(()=>n!==void 0?{height:n+"px"}:void 0,[n]),o=a.createElement("tr",{onClick:e.onClick,onDoubleClick:e.onDoubleClick,onContextMenu:e.onContextMenu,className:w,style:R,ref:r,"aria-expanded":c,role:"row","aria-rowindex":s,"aria-level":d.length,"aria-posinset":m,"aria-setsize":u,[g.TREELIST_ROW_INDEX_ATTRIBUTE]:e.rowIndex},e.children);return a.createElement(a.Fragment,null,e.render?e.render(o,e):o)});i.displayName="KendoReactTreeListRow";exports.TreeListRow=i;

package/rows/TreeListRow.mjs

@@ -34,7 +34,7 @@ const u = t.forwardRef((e, o) => {
     },
     e.children
   );
-  return /* @__PURE__ */ t.createElement(t.Fragment, null, e.render ? e.render.call(void 0, n, e) : n);
+  return /* @__PURE__ */ t.createElement(t.Fragment, null, e.render ? e.render(n, e) : n);
 });
 u.displayName = "KendoReactTreeListRow";
 export {

package/TreeListMcpWrapper.d.ts

@@ -1,17 +0,0 @@
-/**
- * @license
- *-------------------------------------------------------------------------------------------
- * Copyright © 2026 Progress Software Corporation. All rights reserved.
- * Licensed under commercial license. See LICENSE.md in the package root for more information
- *-------------------------------------------------------------------------------------------
- */
-import { TreeList as TreeListClassComponent } from './TreeList.js';
-import { TreeListProps } from './interfaces/TreeListProps';
-import * as React from 'react';
-/**
- * Functional wrapper that adds Web MCP tool registration
- * around the class-based TreeList component.
- *
- * @hidden
- */
-export declare const TreeListWrapper: React.ForwardRefExoticComponent<TreeListProps & React.RefAttributes<TreeListClassComponent>>;

package/TreeListMcpWrapper.js

@@ -1,8 +0,0 @@
-/**
- * @license
- *-------------------------------------------------------------------------------------------
- * Copyright © 2026 Progress Software Corporation. All rights reserved.
- * Licensed under commercial license. See LICENSE.md in the package root for more information
- *-------------------------------------------------------------------------------------------
- */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react"),s=require("./TreeList.js"),c=require("@progress/kendo-react-common");function u(e){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const n=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,n.get?n:{enumerable:!0,get:()=>e[t]})}}return r.default=e,Object.freeze(r)}const o=u(i),a=o.forwardRef((e,r)=>{const[t,n]=c.useMergedRef(r);return c.useWebMcpRegister("treelist",t,e,e.webMcp),o.createElement(s.TreeList,{...e,ref:n})});a.displayName="KendoReactTreeList";exports.TreeListWrapper=a;

package/TreeListMcpWrapper.mjs

@@ -1,18 +0,0 @@
-/**
- * @license
- *-------------------------------------------------------------------------------------------
- * Copyright © 2026 Progress Software Corporation. All rights reserved.
- * Licensed under commercial license. See LICENSE.md in the package root for more information
- *-------------------------------------------------------------------------------------------
- */
-import * as r from "react";
-import { TreeList as m } from "./TreeList.mjs";
-import { useMergedRef as o, useWebMcpRegister as s } from "@progress/kendo-react-common";
-const a = r.forwardRef((e, t) => {
-  const [i, f] = o(t);
-  return s("treelist", i, e, e.webMcp), /* @__PURE__ */ r.createElement(m, { ...e, ref: f });
-});
-a.displayName = "KendoReactTreeList";
-export {
-  a as TreeListWrapper
-};