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

package/index.mjs

@@ -1,755 +1,32 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2024 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the package root for more information
-*-------------------------------------------------------------------------------------------*/
+/**
+ * @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 a from "react";
-import p from "prop-types";
-import { Keys as f, treeIdUtils as h, isEnabledAndAllParentsEnabled as R, isItemExpandedAndWithChildren as b, withIdHOC as M, classNames as g, Draggable as W, hasChildren as x, IconWrap as O, kendoThemeMaps as V, validatePackage as Y, TreeFieldsService as X, dispatchEvent as F, resolveItemId as Z, isArray as C, resolveItemsIds as q, updateItem as j, getNestedValue as v, removeItem as T, addItem as P, getAllDirectIndirectChildrenIds as Q, areAllDirectChildrenChecked as J, getAllParents as ee, toIconName as te } from "@progress/kendo-react-common";
-import { TreeFieldsService as Ae } from "@progress/kendo-react-common";
-import { caretAltDownIcon as ie, caretAltLeftIcon as se, caretAltRightIcon as ne, plusIcon as re, insertTopIcon as oe, insertBottomIcon as de, insertMiddleIcon as le, cancelIcon as ae } from "@progress/kendo-svg-icons";
-import { Reveal as he } from "@progress/kendo-react-animation";
-function ce(n, e, t, i, s) {
-  switch (i) {
-    case f.left:
-      return r();
-    case f.right:
-      return o();
-    case f.up:
-      return d();
-    case f.down:
-      return u();
-    case f.home:
-      return h.ZERO_LEVEL_ZERO_NODE_ID;
-    case f.end:
-      return I();
-    default:
-      return e;
-  }
-  function r() {
-    return h.isIdZeroLevel(e) || s.expanded(n) && R(e, t, s) ? e : h.getDirectParentId(e);
-  }
-  function o() {
-    return b(n, s) ? h.getFirstChildId(e) : e;
-  }
-  function d() {
-    const m = Number(h.getShortId(e)), l = h.getDirectParentId(e);
-    return m ? L(h.createId(m - 1, l), t, s) : h.isIdZeroLevel(e) ? e : l;
-  }
-  function u() {
-    return b(n, s) ? h.getFirstChildId(e) : A(e, t, s) || e;
-  }
-  function I() {
-    let m = (t.length - 1).toString(), l = t[t.length - 1], c;
-    for (; b(l, s); )
-      c = l[s.getChildrenField()], m = h.createId(c.length - 1, m), l = c[c.length - 1];
-    return m;
-  }
-}
-function A(n, e, t) {
-  const i = h.getDirectParentId(n), s = i ? h.getItemById(i, e, t.getChildrenField()) : void 0, r = s ? s[t.getChildrenField()] : e, o = Number(h.getShortId(n));
-  return o < r.length - 1 ? h.createId(o + 1, i) : s ? A(i, e, t) : void 0;
-}
-function L(n, e, t) {
-  const i = h.getItemById(n, e, t.getChildrenField());
-  return b(i, t) ? L(h.createId(i[t.getChildrenField()].length - 1, n), e, t) : n;
-}
-const U = "expanded", pe = "text", ue = "disabled", E = "items", me = "hasChildren", K = "selected", y = "checked", B = "checkIndeterminate", k = "_kendoItemId", z = "_kendoTreeViewGuid", { sizeMap: Ie } = V, fe = a.createContext((n) => n);
-class G extends a.Component {
-  constructor() {
-    super(...arguments), this.onCheckChange = (e) => {
-      this.props.onCheckChange(e, this.item, this.itemId);
-    }, this.onExpandChange = (e) => {
-      this.props.onExpandChange(e, this.item, this.itemId);
-    }, this.onItemClick = (e) => {
-      this.props.onItemClick(e, this.item, this.itemId);
-    }, this.onPress = (e) => {
-      this.props.onPress(e.event, this.item, this.itemId);
-    }, this.onDrag = (e) => {
-      this.props.onDrag(e.event, this.item, this.itemId);
-    }, this.onRelease = (e) => {
-      this.props.onRelease(e.event, this.item, this.itemId);
-    }, this.onContextMenu = (e) => {
-      this.props.onContextMenu(e, this.item, this.itemId);
-    }, this.assignDraggableMeta = (e) => {
-      e && (e[k] = this.props.itemId, e[z] = this.props.treeGuid);
-    };
-  }
-  render() {
-    const e = this.renderSubitemsIfApplicable(), t = this.renderItemInPart();
-    return /* @__PURE__ */ a.createElement(
-      "li",
-      {
-        className: g("k-treeview-item"),
-        tabIndex: this.tabIndex,
-        role: "treeitem",
-        "aria-expanded": this.ariaExpanded,
-        "aria-selected": this.ariaSelected,
-        "aria-checked": this.ariaChecked,
-        "aria-disabled": this.disabled ? !0 : void 0,
-        ref: (i) => this.itemElement = i
-      },
-      /* @__PURE__ */ a.createElement("div", { className: `k-treeview-${this.props.position}`, ref: this.assignDraggableMeta }, this.renderExpandIcon(), this.renderCheckbox(), this.props.draggable ? /* @__PURE__ */ a.createElement(W, { onPress: this.onPress, onDrag: this.onDrag, onRelease: this.onRelease }, t) : t),
-      this.props.animate ? /* @__PURE__ */ a.createElement(
-        he,
-        {
-          transitionEnterDuration: 200,
-          transitionExitDuration: 200,
-          style: { display: "block" },
-          children: e
-        }
-      ) : e
-    );
-  }
-  componentDidMount() {
-    const e = this.props.focusedItemId, t = this.itemId;
-    e && e === t && this.props.onFocusDomElNeeded(this.itemElement), this.checkboxElement && (this.checkboxElement.indeterminate = this.fieldsSvc.checkIndeterminate(this.item));
-  }
-  componentDidUpdate(e) {
-    const t = this.props.focusedItemId;
-    if (t && t !== e.focusedItemId && t === this.itemId && this.props.onFocusDomElNeeded(this.itemElement), this.checkboxElement) {
-      const i = this.fieldsSvc.checkIndeterminate(this.item);
-      i !== e.fieldsService.checkIndeterminate(e.item) && (this.checkboxElement.indeterminate = i);
-    }
-  }
-  renderCheckbox() {
-    if (this.props.checkboxes) {
-      const e = this.props.size;
-      return /* @__PURE__ */ a.createElement("div", { className: g("k-checkbox-wrap") }, /* @__PURE__ */ a.createElement(
-        "input",
-        {
-          type: "checkbox",
-          className: g(
-            "k-checkbox k-rounded-md",
-            {
-              [`k-checkbox-${Ie[e] || e}`]: e,
-              "k-disabled": this.disabled
-            }
-          ),
-          "aria-label": this.item.text,
-          checked: !!this.fieldsSvc.checked(this.item),
-          id: this.props.id,
-          tabIndex: -1,
-          onChange: this.onCheckChange,
-          ref: (t) => this.checkboxElement = t
-        }
-      ), /* @__PURE__ */ a.createElement("label", { className: "k-checkbox-label", htmlFor: this.props.id }));
-    } else
-      return;
-  }
-  renderExpandIcon() {
-    return this.props.expandIcons && // If it is explicitly said that the item has children (even not loaded yet)
-    // or if the item actually has children, then render the icon.
-    (this.fieldsSvc.hasChildren(this.item) || x(this.item, this.fieldsSvc.getChildrenField())) && // Allowing the toggle-button even with `disabled=true` might be a valid case!
-    // Re-evaluate the classes bellow if such scenario occurs
-    /* @__PURE__ */ a.createElement("span", { className: g("k-treeview-toggle", { "k-disabled": this.disabled }), onClick: this.onExpandChange }, /* @__PURE__ */ a.createElement(O, { ...this.getIconProps() }));
-  }
-  renderSubitemsIfApplicable() {
-    const e = this.fieldsSvc.children(this.item);
-    return b(this.item, this.fieldsSvc) ? /* @__PURE__ */ a.createElement("ul", { className: "k-treeview-group", role: "group" }, e.map((t, i) => /* @__PURE__ */ a.createElement(
-      S,
-      {
-        item: t,
-        position: i === 0 ? "top" : i === e.length - 1 ? "bot" : "mid",
-        itemId: h.createId(i, this.itemId),
-        treeGuid: this.props.treeGuid,
-        animate: this.props.animate,
-        focusedItemId: this.props.focusedItemId,
-        tabbableItemId: this.props.tabbableItemId,
-        fieldsService: this.props.fieldsService,
-        itemUI: this.props.itemUI,
-        checkboxes: this.props.checkboxes,
-        ariaMultiSelectable: this.props.ariaMultiSelectable,
-        onItemClick: this.props.onItemClick,
-        onFocusDomElNeeded: this.props.onFocusDomElNeeded,
-        draggable: this.props.draggable,
-        onPress: this.props.onPress,
-        onDrag: this.props.onDrag,
-        onRelease: this.props.onRelease,
-        expandIcons: this.props.expandIcons,
-        onExpandChange: this.props.onExpandChange,
-        onCheckChange: this.props.onCheckChange,
-        onContextMenu: this.props.onContextMenu,
-        key: i,
-        size: this.props.size,
-        disabled: this.disabled,
-        isRtl: this.props.isRtl
-      }
-    ))) : void 0;
-  }
-  renderItemInPart() {
-    return /* @__PURE__ */ a.createElement(
-      "span",
-      {
-        className: g(
-          "k-treeview-leaf",
-          {
-            "k-focus": this.props.focusedItemId === this.itemId,
-            "k-selected": this.fieldsSvc.selected(this.item),
-            "k-disabled": this.disabled
-          }
-        ),
-        style: { touchAction: "none" },
-        onClick: this.onItemClick,
-        onContextMenu: this.onContextMenu
-      },
-      /* @__PURE__ */ a.createElement("span", { className: "k-treeview-leaf-text" }, this.props.itemUI ? /* @__PURE__ */ a.createElement(this.props.itemUI, { item: this.item, itemHierarchicalIndex: this.itemId }) : this.fieldsSvc.text(this.item))
-    );
-  }
-  get fieldsSvc() {
-    return this.props.fieldsService;
-  }
-  get itemId() {
-    return this.props.itemId;
-  }
-  get item() {
-    return this.props.item;
-  }
-  get tabIndex() {
-    return (this.props.focusedItemId || this.props.tabbableItemId) === this.itemId ? 0 : -1;
-  }
-  get ariaExpanded() {
-    return this.fieldsSvc.hasChildren(this.item) || x(this.item, this.fieldsSvc.getChildrenField()) ? !!this.fieldsSvc.expanded(this.item) : void 0;
-  }
-  get disabled() {
-    return this.props.disabled || this.fieldsSvc.disabled(this.item);
-  }
-  get ariaChecked() {
-    if (this.props.checkboxes)
-      return this.fieldsSvc.checked(this.item) ? "true" : this.fieldsSvc.checkIndeterminate(this.item) ? "mixed" : "false";
-  }
-  get ariaSelected() {
-    return this.fieldsSvc.selected(this.item) ? !0 : this.props.ariaMultiSelectable ? this.disabled ? void 0 : !1 : void 0;
-  }
-  getIconProps() {
-    const e = this.fieldsSvc.expanded(this.item);
-    return e && !x(this.item, this.fieldsSvc.getChildrenField()) ? { name: "loading" } : e ? { name: "caret-alt-down", icon: ie } : { name: this.props.isRtl ? "caret-alt-left" : "caret-alt-right", icon: this.props.isRtl ? se : ne };
-  }
-}
-G.defaultProps = {
-  position: "top"
-};
-const S = M(a.forwardRef((n, e) => {
-  const i = a.useContext(fe).call(void 0, n);
-  return /* @__PURE__ */ a.createElement(
-    G,
-    {
-      ref: e,
-      ...i
-    }
-  );
-}));
-S.displayName = "TreeViewItem";
-const ge = {
-  name: "@progress/kendo-react-treeview",
-  productName: "KendoReact",
-  productCodes: ["KENDOUIREACT", "KENDOUICOMPLETE"],
-  publishDate: 1709631817,
-  version: "",
-  licensingDocsUrl: "https://www.telerik.com/kendo-react-ui/components/my-license/"
-}, { sizeMap: be } = V;
-let N = class extends a.Component {
-  constructor(e) {
-    super(e), this.state = { focusedItemId: void 0, focusedItemPublicId: void 0, tabbableItemId: h.ZERO_LEVEL_ZERO_NODE_ID }, this.fieldsSvc = null, this.allowExplicitFocus = !1, this._element = null, this.onFocusDomElNeeded = (t) => {
-      this.allowExplicitFocus && this.focusDomItem(t);
-    }, this.onCheckChange = (t, i, s) => {
-      this.setFocus(s), this.dispatchCheckChange(t, i, s);
-    }, this.onExpandChange = (t, i, s) => {
-      this.setFocus(s), this.dispatchExpandChange(t, i, s);
-    }, this.onPress = (t, i, s) => {
-      this.props.onItemDragStart && this.props.onItemDragStart.call(
-        void 0,
-        { target: this, item: i, itemHierarchicalIndex: s }
-      );
-    }, this.onDrag = (t, i, s) => {
-      const { pageX: r, pageY: o, clientX: d, clientY: u } = t;
-      this.props.onItemDragOver && this.props.onItemDragOver.call(
-        void 0,
-        {
-          target: this,
-          item: i,
-          itemHierarchicalIndex: s,
-          pageX: r,
-          pageY: o,
-          clientX: d,
-          clientY: u
-        }
-      );
-    }, this.onRelease = (t, i, s) => {
-      const { pageX: r, pageY: o, clientX: d, clientY: u } = t;
-      this.props.onItemDragEnd && this.props.onItemDragEnd.call(
-        void 0,
-        {
-          target: this,
-          item: i,
-          itemHierarchicalIndex: s,
-          pageX: r,
-          pageY: o,
-          clientX: d,
-          clientY: u
-        }
-      );
-    }, this.onItemClick = (t, i, s) => {
-      this.setFocus(s), this.dispatchItemClick(t, i, s);
-    }, this.onFocus = () => {
-      clearTimeout(this.blurRequest), this.state.focusedItemId === void 0 && this.data.length && this.setFocus(this.state.tabbableItemId);
-    }, this.onBlur = () => {
-      clearTimeout(this.blurRequest), this.blurRequest = window.setTimeout(() => this.setFocus(void 0), 0);
-    }, this.onKeyDown = (t) => {
-      const i = this.getFocusedItem();
-      if (i && this.fieldsSvc) {
-        const s = ce(i, this.state.focusedItemId, this.data, t.keyCode, this.fieldsSvc);
-        s !== this.state.focusedItemId && (t.preventDefault(), this.allowExplicitFocus = !0, this.setFocus(s)), this.dispatchEventsOnKeyDown(t, i);
-      }
-    }, this.onContextMenu = (t, i, s) => {
-      if (this.props.onContextMenu) {
-        const r = {
-          target: this,
-          syntheticEvent: t,
-          nativeEvent: t.nativeEvent,
-          item: i,
-          itemID: s
-        };
-        this.props.onContextMenu.call(void 0, r);
-      }
-    }, Y(ge);
-  }
-  get treeGuid() {
-    return this.props.id + "-accessibility-id";
-  }
-  /**
-   * @hidden
-   */
-  get element() {
-    return this._element;
-  }
-  /**
-   * @hidden
-   */
-  render() {
-    this.fieldsSvc = new X(this.props);
-    const { size: e, className: t } = this.props;
-    return /* @__PURE__ */ a.createElement(
-      "div",
-      {
-        id: this.props.id,
-        style: this.props.style ? this.props.style : void 0,
-        className: g(
-          "k-treeview",
-          {
-            [`k-treeview-${be[e] || e}`]: e,
-            ["k-user-select-none"]: this.props.draggable,
-            ["k-rtl"]: this.props.dir === "rtl"
-          },
-          t
-        ),
-        onKeyDown: this.onKeyDown,
-        onFocus: this.onFocus,
-        onBlur: this.onBlur,
-        role: "tree",
-        "aria-multiselectable": this.ariaMultiSelectable ? !0 : void 0,
-        "aria-label": this.props["aria-label"],
-        "aria-labelledby": this.props["aria-labelledby"],
-        ref: (i) => this._element = i,
-        tabIndex: this.props.tabIndex
-      },
-      /* @__PURE__ */ a.createElement("ul", { className: "k-treeview-lines k-treeview-group", role: "group" }, this.data.map((i, s) => /* @__PURE__ */ a.createElement(
-        S,
-        {
-          id: this.props.id + "-item-" + s,
-          item: i,
-          position: s === 0 ? "top" : s === this.data.length - 1 ? "bot" : "mid",
-          itemId: s.toString(),
-          treeGuid: this.treeGuid,
-          animate: this.props.animate,
-          focusedItemId: this.state.focusedItemId,
-          tabbableItemId: this.state.tabbableItemId,
-          fieldsService: this.fieldsSvc,
-          itemUI: this.props.item,
-          checkboxes: this.props.checkboxes,
-          ariaMultiSelectable: this.ariaMultiSelectable,
-          onItemClick: this.onItemClick,
-          onFocusDomElNeeded: this.onFocusDomElNeeded,
-          draggable: this.props.draggable,
-          onPress: this.onPress,
-          onDrag: this.onDrag,
-          onRelease: this.onRelease,
-          expandIcons: this.props.expandIcons,
-          onExpandChange: this.onExpandChange,
-          onCheckChange: this.onCheckChange,
-          onContextMenu: this.onContextMenu,
-          key: s,
-          size: e,
-          isRtl: this.props.dir === "rtl"
-        }
-      )))
-    );
-  }
-  /**
-   * @hidden
-   */
-  componentDidUpdate() {
-    this.allowExplicitFocus = !1, this.refocusDueToFocusIdField();
-  }
-  dispatchEventsOnKeyDown(e, t) {
-    if (this.fieldsSvc === null)
-      return;
-    const i = () => this.fieldsSvc && R(this.state.focusedItemId, this.data, this.fieldsSvc);
-    e.keyCode === f.left && this.fieldsSvc.expanded(t) && i() ? this.dispatchExpandChange(e, t, this.state.focusedItemId) : e.keyCode === f.right && !this.fieldsSvc.expanded(t) && (this.fieldsSvc.hasChildren(t) || x(t, this.props.childrenField)) && i() ? this.dispatchExpandChange(e, t, this.state.focusedItemId) : e.keyCode === f.enter && i() ? this.dispatchItemClick(e, t, this.state.focusedItemId) : e.keyCode === f.space && i() && (e.preventDefault(), this.dispatchCheckChange(e, t, this.state.focusedItemId));
-  }
-  setFocus(e) {
-    if (e && this.fieldsSvc)
-      if (this.fieldsSvc.focusIdField) {
-        const t = this.getItemById(e);
-        this.setState({ focusedItemId: e, focusedItemPublicId: this.fieldsSvc.focusId(t) });
-      } else
-        this.setState({ focusedItemId: e });
-    else
-      this.setState((t) => ({
-        focusedItemId: void 0,
-        focusedItemPublicId: void 0,
-        tabbableItemId: t.focusedItemId
-      }));
-  }
-  getFocusedItem() {
-    return this.state.focusedItemId ? this.getItemById(this.state.focusedItemId) : void 0;
-  }
-  getItemById(e) {
-    return h.getItemById(e, this.data, this.props.childrenField || E);
-  }
-  dispatchCheckChange(e, t, i) {
-    F(this.props.onCheckChange, e, this, { item: t, itemHierarchicalIndex: i });
-  }
-  dispatchExpandChange(e, t, i) {
-    F(this.props.onExpandChange, e, this, { item: t, itemHierarchicalIndex: i });
-  }
-  dispatchItemClick(e, t, i) {
-    F(this.props.onItemClick, e, this, { item: t, itemHierarchicalIndex: i });
-  }
-  refocusDueToFocusIdField() {
-    if (this.fieldsSvc && this.fieldsSvc.focusIdField) {
-      const e = this.state.focusedItemPublicId;
-      if (e) {
-        const t = this.props.getFocusHierarchicalIndex ? this.props.getFocusHierarchicalIndex(e) : Z(e, this.fieldsSvc.focusIdField, this.data, this.props.childrenField);
-        t !== this.state.focusedItemId && (this.allowExplicitFocus = !0, this.setState({ focusedItemId: t }));
-      }
-    }
-  }
-  get ariaMultiSelectable() {
-    return this.props["aria-multiselectable"] === !0 || this.props["aria-multiselectable"] === "true";
-  }
-  get data() {
-    return this.props.data || [];
-  }
-  focusDomItem(e) {
-    e.focus();
-  }
-  /**
-   * Returns the `guid` which is associated with the TreeView.
-   */
-  get guid() {
-    return this.treeGuid;
-  }
-};
-N.propTypes = {
-  data: p.arrayOf(p.any),
-  animate: p.bool,
-  tabIndex: p.number,
-  focusIdField: p.string,
-  getHierarchicalIndexById: p.func,
-  onExpandChange: p.func,
-  onItemClick: p.func,
-  expandField: p.string,
-  selectField: p.string,
-  childrenField: p.string,
-  hasChildrenField: p.string,
-  textField: p.string,
-  disableField: p.string,
-  item: p.any,
-  "aria-multiselectable": (n, e, t) => n[e] !== void 0 && n[e] !== !0 && n[e] !== !1 && n[e] !== "true" && n[e] !== "false" ? new Error(
-    "Invalid prop `" + e + "` supplied to `" + t + "`. Validation failed."
-  ) : null,
-  "aria-label": p.string,
-  "aria-labelledby": p.string,
-  size: p.oneOf([null, "small", "medium", "large"]),
-  dir: p.string
-};
-N.defaultProps = {
-  animate: !0,
-  expandField: U,
-  selectField: K,
-  hasChildrenField: me,
-  childrenField: E,
-  textField: pe,
-  disableField: ue,
-  checkField: y,
-  checkIndeterminateField: B,
-  size: "medium"
-};
-function Pe(n, e) {
-  if (!n || !n.length)
-    return [];
-  let t = n;
-  const i = e.cloneField || "cloned", s = e.expandField || U, r = e.selectField || K, o = e.checkField || y, d = e.childrenField || E;
-  return t = D(t, s, e.expand, i, d), t = D(t, r, e.select, i, d), t = D(t, o, e.check, i, d), Ee(t, d, e.check), t;
-}
-function D(n, e, t, i, s) {
-  if (t) {
-    let { ids: r, field: o } = H(t, e), d = !C(t) && t.idField ? q(r, t.idField, n, s) : r;
-    return Ce(n, d, o, i, s);
-  } else
-    return n;
-}
-function H(n, e) {
-  let t, i;
-  return C(n) ? (t = n, i = e) : (t = n.ids || [], i = n.operationField || e), { ids: t, field: i };
-}
-function Ce(n, e, t, i, s) {
-  let r = n;
-  return e.forEach((o) => {
-    r = j(r, o, (d) => $(t, d), i, s);
-  }), r;
-}
-function $(n, e) {
-  const t = (n || "").split(".");
-  let i = e;
-  for (let s = 0; s < t.length; s++) {
-    const r = t[s];
-    if (s === t.length - 1)
-      i[r] = !0;
-    else if (i[r] !== void 0)
-      i[r] = { ...i[r] }, i = i[r];
-    else
-      return;
-  }
-}
-function Ee(n, e, t) {
-  if (t && !C(t) && t.applyCheckIndeterminate) {
-    const { field: i } = H(t, y), s = t.checkIndeterminateField || B;
-    for (let r = 0; r < n.length; r++) {
-      const o = n[r], d = o[e];
-      d && w(
-        d,
-        v(i, o) ? [] : [o],
-        e,
-        i,
-        s
-      );
-    }
-  }
-}
-function w(n, e, t, i, s) {
-  let r = !1;
-  for (let o = 0; o < n.length; o++) {
-    const d = n[o];
-    if (v(i, d)) {
-      if (!r)
-        for (let u = 0; u < e.length; u++)
-          $(s, e[u]);
-      r = !0, d[t] && w(d[t], [], t, i, s);
-    } else
-      d[t] && w(
-        d[t],
-        r ? [d] : e.concat([d]),
-        t,
-        i,
-        s
-      );
-  }
-}
-function _e(n, e, t, i, s, r) {
-  const o = r || E;
-  if (!m())
-    return u();
-  const d = h.getItemById(n, e, o);
-  if (!d)
-    return u();
-  if (!s || s === e) {
-    if (!I())
-      return u();
-    const l = T(n, o, e), c = P(
-      d,
-      t,
-      o,
-      h.getDecrementedItemIdAfterRemoval(n, i),
-      l
-    );
-    return s ? { sourceData: c, targetData: c } : c;
-  } else {
-    const l = T(n, o, e), c = P(d, t, o, i, s);
-    return { sourceData: l, targetData: c };
-  }
-  function u() {
-    return s ? { sourceData: e, targetData: s } : e;
-  }
-  function I() {
-    return !`${i}_`.startsWith(`${n}_`);
-  }
-  function m() {
-    if (!e || !e.length || !n || !i || s && !s.length)
-      return !1;
-    const l = !s || s === e ? e : s;
-    return !!h.getItemById(i, l, o);
-  }
-}
-function Re(n, e, t, i = {}, s) {
-  if (!t || !t.length)
-    return [];
-  const { ids: r, idField: o } = xe(e), d = o ? v(o, n.item) : n.itemHierarchicalIndex, u = r.indexOf(d), I = u === -1, m = s || E;
-  let l;
-  return i.singleMode ? l = I ? [d] : [] : (l = r.slice(), I ? l.push(d) : l.splice(u, 1), i.checkChildren && ke(n.item, n.itemHierarchicalIndex, I, o, m, l), i.checkParents && ve(n.itemHierarchicalIndex, I, o, m, l, t)), C(e) ? l : Object.assign({}, e, { ids: l });
-}
-function xe(n) {
-  let e, t;
-  return C(n) ? e = n : (e = n.ids || [], t = n.idField), { ids: e, idField: t };
-}
-function ke(n, e, t, i, s, r) {
-  Q(n, e, s, i).forEach((o) => {
-    t && r.indexOf(o) === -1 ? r.push(o) : !t && r.indexOf(o) > -1 && r.splice(r.indexOf(o), 1);
-  });
-}
-function ve(n, e, t, i, s, r) {
-  const o = m();
-  let d = o.next();
-  e ? u() : I();
-  function u() {
-    for (; !d.done; ) {
-      const { id: l, item: c } = d.value;
-      if (s.indexOf(l) === -1 && J(c, l, t, i, s))
-        s.push(l), d = o.next();
-      else
-        break;
-    }
-  }
-  function I() {
-    for (; !d.done; ) {
-      const { id: l } = d.value, c = s.indexOf(l);
-      if (c > -1)
-        s.splice(c, 1), d = o.next();
-      else
-        break;
-    }
-  }
-  function* m() {
-    if (t) {
-      const l = ee(n, i, r);
-      for (let c = l.length - 1; c > -1; c--)
-        yield { id: v(t, l[c]), item: e ? l[c] : void 0 };
-    } else {
-      let l = h.getDirectParentId(n);
-      for (; l; )
-        yield { id: l, item: e ? h.getItemById(l, r, i) : void 0 }, l = h.getDirectParentId(l);
-    }
-  }
-}
-class Fe extends a.PureComponent {
-  constructor() {
-    super(...arguments), this.state = {
-      visible: !1,
-      top: 0,
-      left: 0,
-      text: "",
-      operationClassName: "cancel"
-    };
-  }
-  /**
-   * @hidden
-   */
-  render() {
-    const e = { top: this.state.top + "px", left: this.state.left + "px" };
-    return this.state.visible && /* @__PURE__ */ a.createElement("div", { className: "k-header k-drag-clue", style: { ...this.props.style, ...e } }, /* @__PURE__ */ a.createElement(
-      O,
-      {
-        className: g("k-drag-status"),
-        name: this.state.operationClassName && te(this.state.operationClassName),
-        icon: this.state.operationClassName === "k-i-plus" ? re : this.state.operationClassName === "k-i-insert-up" ? oe : this.state.operationClassName === "k-i-insert-down" ? de : this.state.operationClassName === "k-i-insert-middle" ? le : ae
-      }
-    ), this.state.text);
-  }
-  /**
-   * Displays the TreeViewDragClue component.
-   *
-   * @param top - The `top` CSS position of the component.
-   * @param left - The `left` CSS position of the component.
-   * @param text - The text of the component.
-   * @param operationClassName - The CSS class name which is related to the specific drop operation.
-   */
-  show(e, t, i, s) {
-    this.setState({ visible: !0, top: e, left: t, text: i, operationClassName: s });
-  }
-  /**
-   * Hides the TreeViewDragClue component.
-   */
-  hide() {
-    this.setState({ visible: !1 });
-  }
-}
-Fe.defaultProps = { style: { display: "block", position: "absolute", zIndex: 2e4, padding: "4px 6px" } };
-const _ = 6;
-class Me {
-  /**
-   * @param event - The event that will be analyzed.
-   */
-  constructor(e) {
-    this.event = e, this.initialized = !1, this.destItemId = "", this.destTreeViewGuid = "", this.itemId = e.itemHierarchicalIndex, this.treeViewGuid = e.target.guid;
-  }
-  /**
-   * The method which initializes the analyzer.
-   * Invoke the method before you call any other methods.
-   *
-   * @returns - The analyzer object of the `drag` event.
-   */
-  init() {
-    return this.initialized || (this.setDestimationMeta(document.elementFromPoint(this.event.clientX, this.event.clientY)), this.initialized = !0), this;
-  }
-  /**
-   * Returns `true` if dropping is allowed. Otherwise, returns `false`.
-   */
-  get isDropAllowed() {
-    return this.initialized && this.destItemId && this.destTreeViewGuid ? !`${this.destTreeViewGuid}_${this.destItemId}_`.startsWith(`${this.treeViewGuid}_${this.itemId}_`) : !1;
-  }
-  /**
-   * Returns an object which contains:
-   * * The `itemHierarchicalIndex` of the destination item (the item below the dragged item) and
-   * * The `guid` of the destination TreeView (the TreeView which renders the destination item).
-   */
-  get destinationMeta() {
-    return { itemHierarchicalIndex: this.destItemId, treeViewGuid: this.destTreeViewGuid };
-  }
-  /**
-   * Returns the specific drop operation.
-   *
-   * @returns - The following values are returned:
-   * * `before`&mdash;Indicates that the dragged item is positioned at the beginning of the destination item.
-   * * `after`&mdash;Indicates that the dragged item is positioned at the end of the destination item.
-   * * `child`&mdash;Indicates that the dragged item is positioned in the middle of the destination item.
-   * * `undefined`&mdash;Indicates that dropping is not allowed.
-   */
-  getDropOperation() {
-    if (this.initialized && this.isDropAllowed) {
-      const { top: e, height: t } = this.destDomNodeWithMeta.getBoundingClientRect();
-      return e + t - this.event.clientY < _ ? "after" : this.event.clientY - e < _ ? "before" : "child";
-    } else
-      return;
-  }
-  setDestimationMeta(e) {
-    let t = e;
-    for (; t && !t[k]; )
-      t = t.parentNode;
-    t && t[k] && (this.destDomNodeWithMeta = t, this.destItemId = t[k], this.destTreeViewGuid = t[z]);
-  }
-}
-const De = M(N);
-De.displayName = "KendoReactTreeView";
+import { TreeView as e } from "./TreeView.mjs";
+import { processTreeViewItems as p } from "./processTreeViewItems.mjs";
+import { moveTreeViewItem as w } from "./moveTreeViewItem.mjs";
+import { handleTreeViewCheckChange as f } from "./handleTreeViewCheckChange.mjs";
+import { TreeViewDragClue as V } from "./TreeViewDragClue.mjs";
+import { TreeViewDragAnalyzer as d } from "./TreeViewDragAnalyzer.mjs";
+import { TreeViewItemPropsContext as c } from "./TreeViewItem.mjs";
+import { default as I } from "./utils/getItemIdUponKeyboardNavigation.mjs";
+import { withIdHOC as r } from "@progress/kendo-react-common";
+import { TreeFieldsService as h } from "@progress/kendo-react-common";
+const o = r(e);
+o.displayName = "KendoReactTreeView";
 export {
-  Ae as FieldsService,
-  De as TreeView,
-  N as TreeViewClassComponent,
-  Me as TreeViewDragAnalyzer,
-  Fe as TreeViewDragClue,
-  fe as TreeViewItemPropsContext,
-  ce as getItemIdUponKeyboardNavigation,
-  Re as handleTreeViewCheckChange,
-  _e as moveTreeViewItem,
-  Pe as processTreeViewItems
+  h as FieldsService,
+  o as TreeView,
+  e as TreeViewClassComponent,
+  d as TreeViewDragAnalyzer,
+  V as TreeViewDragClue,
+  c as TreeViewItemPropsContext,
+  I as getItemIdUponKeyboardNavigation,
+  f as handleTreeViewCheckChange,
+  w as moveTreeViewItem,
+  p as processTreeViewItems
 };