@progress/kendo-react-dropdowns 9.2.0-develop.4 → 9.2.0-develop.6

package/DropDownTree/DropDownTree.mjs

@@ -8,26 +8,26 @@
 "use client";
 import * as t from "react";
 import n from "prop-types";
-import { createPropsContext as Xe, validatePackage as Ye, usePropsContext as Ze, useId as et, getTabIndex as tt, useRtl as nt, ADAPTIVE_MEDIUM_BREAKPOINT as at, canUseDOM as ot, Keys as c, noop as U, mapTree as rt, extendDataItem as it, classNames as oe, IconWrap as we, kendoThemeMaps as lt } from "@progress/kendo-react-common";
-import { Popup as st } from "@progress/kendo-react-popup";
-import { useLocalization as ct } from "@progress/kendo-react-intl";
-import { TreeView as Fe } from "@progress/kendo-react-treeview";
-import { packageMetadata as ut } from "../package-metadata.mjs";
-import { getItemValue as dt, areSame as De, isPresent as pt } from "../common/utils.mjs";
+import { createPropsContext as Ye, validatePackage as Ze, usePropsContext as et, useId as tt, getTabIndex as nt, useRtl as ot, useAdaptiveModeContext as at, canUseDOM as rt, Keys as c, noop as j, mapTree as it, extendDataItem as lt, classNames as ae, IconWrap as Fe, kendoThemeMaps as st } from "@progress/kendo-react-common";
+import { Popup as ct } from "@progress/kendo-react-popup";
+import { useLocalization as ut } from "@progress/kendo-react-intl";
+import { TreeView as De } from "@progress/kendo-react-treeview";
+import { packageMetadata as dt } from "../package-metadata.mjs";
+import { getItemValue as pt, areSame as Ie, isPresent as mt } from "../common/utils.mjs";
 import { useDropdownWidth as ft } from "./useDropdownWidth.mjs";
-import { ListNoData as mt } from "./ListNoData.mjs";
-import { clear as Ie, messages as re, nodata as j } from "../messages/index.mjs";
-import { FloatingLabel as vt } from "@progress/kendo-react-labels";
-import Se from "../common/ListFilter.mjs";
-import { Button as gt } from "@progress/kendo-react-buttons";
-import { xIcon as bt, caretAltDownIcon as ht } from "@progress/kendo-svg-icons";
-import { AdaptiveMode as yt } from "../common/AdaptiveMode.mjs";
+import { ListNoData as vt } from "./ListNoData.mjs";
+import { clear as Se, messages as re, nodata as G } from "../messages/index.mjs";
+import { FloatingLabel as gt } from "@progress/kendo-react-labels";
+import Me from "../common/ListFilter.mjs";
+import { Button as bt } from "@progress/kendo-react-buttons";
+import { xIcon as ht, caretAltDownIcon as yt } from "@progress/kendo-svg-icons";
+import { AdaptiveMode as Ct } from "../common/AdaptiveMode.mjs";
 import { ActionSheetContent as Et } from "@progress/kendo-react-layout";
-const { sizeMap: Ct, roundedMap: kt } = lt, xt = "Please select a value from the list!", wt = (E) => /* @__PURE__ */ t.createElement("span", { className: "k-input-value-text" }, E.children), Me = (E) => E.split("_").map((D) => parseInt(D, 10)), Ft = (E, D) => {
-  const { validationMessage: r, valid: o, required: G } = E;
+const { sizeMap: kt, roundedMap: xt } = st, wt = "Please select a value from the list!", Ft = (C) => /* @__PURE__ */ t.createElement("span", { className: "k-input-value-text" }, C.children), Re = (C) => C.split("_").map((D) => parseInt(D, 10)), Dt = (C, D) => {
+  const { validationMessage: r, valid: a, required: U } = C;
   return {
     customError: r !== void 0,
-    valid: !!(o !== void 0 ? o : !G || D),
+    valid: !!(a !== void 0 ? a : !U || D),
     valueMissing: !D
   };
 }, ie = {
@@ -45,60 +45,60 @@ const { sizeMap: Ct, roundedMap: kt } = lt, xt = "Please select a value from the
   size: "medium",
   rounded: "medium",
   fillMode: "solid"
-}, Dt = Xe(), Re = t.forwardRef((E, D) => {
-  Ye(ut);
-  const r = Ze(Dt, E), o = {
+}, It = Ye(), Te = t.forwardRef((C, D) => {
+  Ze(dt);
+  const r = et(It, C), a = {
     ...ie,
     ...r
-  }, G = et(), le = o.id || G, {
+  }, U = tt(), le = a.id || U, {
     data: T,
-    dataItemKey: P,
+    dataItemKey: N,
     popupSettings: b = {},
-    style: N,
+    style: P,
     opened: u,
     disabled: I,
-    onOpen: V = U,
-    onClose: f = U,
+    onOpen: V = j,
+    onClose: m = j,
     placeholder: J,
     label: K,
-    name: Te,
+    name: Ne,
     selectField: z,
     subItemsField: O,
     validationMessage: H,
     valid: Pe,
     required: Q,
-    validityStyles: Ne
-  } = o, X = tt(o.tabIndex, I), i = t.useRef(null), m = t.useRef(null), S = t.useRef(null), Y = t.useRef(null), _ = t.useRef(null), h = t.useRef(null), $ = t.useRef(!1), [se, Ve] = t.useState(void 0), C = o.value !== void 0, v = C ? o.value : se !== void 0 ? se : o.defaultValue, A = pt(v), Z = A ? dt(v, o.textField) : "", ee = Ft({ validationMessage: H, valid: Pe, required: Q }, A), Ke = t.useCallback(() => m.current && m.current.focus(), []);
+    validityStyles: Ve
+  } = a, X = nt(a.tabIndex, I), i = t.useRef(null), f = t.useRef(null), S = t.useRef(null), Y = t.useRef(null), $ = t.useRef(null), h = t.useRef(null), _ = t.useRef(!1), [se, Ke] = t.useState(void 0), E = a.value !== void 0, v = E ? a.value : se !== void 0 ? se : a.defaultValue, L = mt(v), Z = L ? pt(v, a.textField) : "", ee = Dt({ validationMessage: H, valid: Pe, required: Q }, L), Oe = t.useCallback(() => f.current && f.current.focus(), []);
   t.useImperativeHandle(i, () => ({
-    props: o,
-    element: m.current,
-    focus: Ke
+    props: a,
+    element: f.current,
+    focus: Oe
   })), t.useImperativeHandle(D, () => i.current);
-  const k = nt(m, o.dir), Oe = {
+  const k = ot(f, a.dir), Le = {
     width: ft(
-      m,
+      f,
       ie,
       { ...ie.popupSettings, ...b },
-      N
+      P
     ),
     ...k !== void 0 ? { direction: k } : {}
-  }, [Ae, ce] = t.useState(!1), l = u !== void 0 ? u : Ae, [d, te] = t.useState(!1), [ne, Be] = t.useState(), x = !!(ne && ne <= at && o.adaptive), [ue, Le] = t.useState(""), We = t.useCallback(() => {
-    _.current && _.current.setCustomValidity && _.current.setCustomValidity(
-      ee.valid ? "" : H === void 0 ? xt : H
+  }, [Be, ce] = t.useState(!1), l = u !== void 0 ? u : Be, [d, te] = t.useState(!1), [ne, We] = t.useState(), [ue, qe] = t.useState(""), de = at(), x = !!(ne && de && ne <= de.medium && a.adaptive), Ae = t.useCallback(() => {
+    $.current && $.current.setCustomValidity && $.current.setCustomValidity(
+      ee.valid ? "" : H === void 0 ? wt : H
     );
   }, [H, ee]);
-  t.useEffect(We), t.useEffect(() => {
-    const e = ot && window.ResizeObserver && new window.ResizeObserver(Je.bind(void 0));
+  t.useEffect(Ae), t.useEffect(() => {
+    const e = rt && window.ResizeObserver && new window.ResizeObserver(Qe.bind(void 0));
     return document != null && document.body && e && e.observe(document.body), () => {
       document != null && document.body && e && e.disconnect();
     };
   }, []);
-  const de = t.useCallback(
+  const pe = t.useCallback(
     (e) => {
       if (!l) {
         if (V) {
-          const a = { ...e };
-          V.call(void 0, a);
+          const o = { ...e };
+          V.call(void 0, o);
         }
         u === void 0 && ce(!0);
       }
@@ -107,36 +107,36 @@ const { sizeMap: Ct, roundedMap: kt } = lt, xt = "Please select a value from the
   ), w = t.useCallback(
     (e) => {
       if (l) {
-        if (f) {
-          const a = { ...e };
-          f.call(void 0, a);
+        if (m) {
+          const o = { ...e };
+          m.call(void 0, o);
         }
         u === void 0 && (ce(!1), x && setTimeout(() => {
-          var a;
-          g((a = Y.current) == null ? void 0 : a.element);
+          var o;
+          g((o = Y.current) == null ? void 0 : o.element);
         }, 300));
       }
     },
-    [l, u, f, x]
-  ), qe = t.useCallback(
+    [l, u, m, x]
+  ), ze = t.useCallback(
     (e) => {
       if (!e.isDefaultPrevented() && i.current) {
         te(!0);
-        const a = {
+        const o = {
           syntheticEvent: e,
           nativeEvent: e.nativeEvent,
           target: i.current
         };
-        (l ? w : de)(a);
+        (l ? w : pe)(o);
       }
     },
-    [l, u, V, f]
+    [l, u, V, m]
   ), M = t.useCallback((e) => {
-    $.current = !0, e(), window.setTimeout(() => $.current = !1, 0);
-  }, []), ze = t.useCallback(
+    _.current = !0, e(), window.setTimeout(() => _.current = !1, 0);
+  }, []), He = t.useCallback(
     (e) => {
-      var F, ke;
-      const { keyCode: a, altKey: s } = e, p = h.current && h.current.element;
+      var F, xe;
+      const { keyCode: o, altKey: s } = e, p = h.current && h.current.element;
       if (!i.current || e.isDefaultPrevented() && ((F = S.current) == null ? void 0 : F.element) === e.target)
         return;
       const R = {
@@ -145,120 +145,120 @@ const { sizeMap: Ct, roundedMap: kt } = lt, xt = "Please select a value from the
         target: i.current
       };
       if (l)
-        if (a === c.esc || s && a === c.up)
+        if (o === c.esc || s && o === c.up)
           e.preventDefault(), w(R);
-        else if (p && p.querySelector(".k-focus") && (a === c.up || a === c.down || a === c.left || a === c.right || a === c.home || a === c.end)) {
-          if (a === c.up && ((ke = S.current) != null && ke.element)) {
-            const W = Array.from(p.querySelectorAll(".k-treeview-item")), xe = [...W].reverse().find((q) => !!(q && q.querySelector(".k-focus")));
-            if (xe && W.indexOf(xe) === 0)
+        else if (p && p.querySelector(".k-focus") && (o === c.up || o === c.down || o === c.left || o === c.right || o === c.home || o === c.end)) {
+          if (o === c.up && ((xe = S.current) != null && xe.element)) {
+            const q = Array.from(p.querySelectorAll(".k-treeview-item")), we = [...q].reverse().find((A) => !!(A && A.querySelector(".k-focus")));
+            if (we && q.indexOf(we) === 0)
               return M(() => {
-                var q;
-                g((q = S.current) == null ? void 0 : q.element);
+                var A;
+                g((A = S.current) == null ? void 0 : A.element);
               });
           }
-          M(U);
+          M(j);
         } else
-          a === c.down && M(() => {
-            var W;
-            g(((W = S.current) == null ? void 0 : W.element) || p);
+          o === c.down && M(() => {
+            var q;
+            g(((q = S.current) == null ? void 0 : q.element) || p);
           });
       else
-        s && a === c.down ? (e.preventDefault(), de(R)) : l || a === c.esc && ve(e);
+        s && o === c.down ? (e.preventDefault(), pe(R)) : l || o === c.esc && ge(e);
     },
-    [l, u, V, f]
-  ), pe = t.useCallback((e) => {
-    const { keyCode: a, altKey: s } = e;
-    s || a !== c.up && a !== c.down || (e.preventDefault(), M(
-      a === c.up ? () => {
-        g(m.current);
+    [l, u, V, m]
+  ), me = t.useCallback((e) => {
+    const { keyCode: o, altKey: s } = e;
+    s || o !== c.up && o !== c.down || (e.preventDefault(), M(
+      o === c.up ? () => {
+        g(f.current);
       } : () => {
         g(h.current && h.current.element);
       }
     ));
   }, []), g = t.useCallback((e) => {
     e && M(() => e.focus());
-  }, []), He = t.useCallback(() => {
+  }, []), $e = t.useCallback(() => {
     var e;
     !d && l && !u ? w({ target: i.current }) : r.filterable ? g((e = S.current) == null ? void 0 : e.element) : g(h.current && h.current.element);
-  }, [f, r.filterable, d, u, l]), _e = t.useCallback(() => {
-    d && g(m.current);
-  }, [d]), $e = t.useCallback(
+  }, [m, r.filterable, d, u, l]), _e = t.useCallback(() => {
+    d && g(f.current);
+  }, [d]), je = t.useCallback(
     (e) => {
-      if (!d && !$.current && (te(!0), r.onFocus && i.current)) {
-        const a = {
+      if (!d && !_.current && (te(!0), r.onFocus && i.current)) {
+        const o = {
           syntheticEvent: e,
           nativeEvent: e.nativeEvent,
           target: i.current
         };
-        r.onFocus.call(void 0, a);
+        r.onFocus.call(void 0, o);
       }
     },
     [d, r.onFocus]
-  ), Ue = t.useCallback(
+  ), Ge = t.useCallback(
     (e) => {
-      if (d && !$.current && i.current) {
+      if (d && !_.current && i.current) {
         te(!1);
-        const a = {
+        const o = {
           syntheticEvent: e,
           nativeEvent: e.nativeEvent,
           target: i.current
         };
         if (r.onBlur) {
-          const s = { ...a };
+          const s = { ...o };
           r.onBlur.call(void 0, s);
         }
-        x || w(a);
+        x || w(o);
       }
     },
-    [d, r.onBlur, l, u, f]
-  ), je = t.useCallback(() => {
-    d && M(U), x && setTimeout(() => {
+    [d, r.onBlur, l, u, m]
+  ), Ue = t.useCallback(() => {
+    d && M(j), x && setTimeout(() => {
       var e;
       g((e = Y.current) == null ? void 0 : e.element);
     }, 300);
   }, [d, x]), fe = t.useCallback(
-    (e, a, s) => {
+    (e, o, s) => {
       if (r.onChange) {
         const p = {
-          value: a,
-          level: s ? Me(s) : [],
+          value: o,
+          level: s ? Re(s) : [],
           ...e
         };
         r.onChange.call(void 0, p);
       }
-      C || Ve(a);
+      E || Ke(o);
     },
-    [r.onChange, C]
-  ), me = t.useCallback(
+    [r.onChange, E]
+  ), ve = t.useCallback(
     (e) => {
-      if (De(e.item, v, P) || !i.current)
+      if (Ie(e.item, v, N) || !i.current)
         return;
-      const { item: a, itemHierarchicalIndex: s, nativeEvent: p, syntheticEvent: R } = e, F = {
+      const { item: o, itemHierarchicalIndex: s, nativeEvent: p, syntheticEvent: R } = e, F = {
         syntheticEvent: R,
         nativeEvent: p,
         target: i.current
       };
-      fe(F, a, s), w(F);
+      fe(F, o, s), w(F);
     },
-    [C, v, r.onChange, P, l, u, f]
-  ), ve = t.useCallback(
+    [E, v, r.onChange, N, l, u, m]
+  ), ge = t.useCallback(
     (e) => {
       if (!i.current)
         return;
-      const a = {
+      const o = {
         syntheticEvent: e,
         nativeEvent: e.nativeEvent,
         target: i.current
       };
-      fe(a, null), w(a), e.preventDefault();
+      fe(o, null), w(o), e.preventDefault();
     },
-    [C, r.onChange, l, u, f]
-  ), ge = t.useCallback(
+    [E, r.onChange, l, u, m]
+  ), be = t.useCallback(
     (e) => {
       if (e.syntheticEvent.stopPropagation(), r.onExpandChange && i.current) {
-        const { item: a, itemHierarchicalIndex: s, nativeEvent: p, syntheticEvent: R } = e, F = {
-          level: Me(s),
-          item: a,
+        const { item: o, itemHierarchicalIndex: s, nativeEvent: p, syntheticEvent: R } = e, F = {
+          level: Re(s),
+          item: o,
           nativeEvent: p,
           syntheticEvent: R,
           target: i.current
@@ -267,7 +267,7 @@ const { sizeMap: Ct, roundedMap: kt } = lt, xt = "Please select a value from the
       }
     },
     [r.onExpandChange]
-  ), be = t.useCallback(
+  ), he = t.useCallback(
     (e) => {
       if (r.onFilterChange && i.current) {
         const s = {
@@ -280,181 +280,181 @@ const { sizeMap: Ct, roundedMap: kt } = lt, xt = "Please select a value from the
           nativeEvent: e.nativeEvent,
           target: i.current
         };
-        r.onFilterChange.call(void 0, s), r.filter === void 0 && Le(e.target.value);
+        r.onFilterChange.call(void 0, s), r.filter === void 0 && qe(e.target.value);
       }
     },
     [r.onFilterChange, r.filter, r.textField]
-  ), Ge = () => {
-    const e = o.filterable ? /* @__PURE__ */ t.createElement(
-      Se,
+  ), Je = () => {
+    const e = a.filterable ? /* @__PURE__ */ t.createElement(
+      Me,
       {
-        value: o.filter === void 0 ? ue : o.filter,
+        value: a.filter === void 0 ? ue : a.filter,
         ref: Y,
-        onChange: be,
-        onKeyDown: pe,
+        onChange: he,
+        onKeyDown: me,
         size: y,
         rounded: B,
-        fillMode: L
+        fillMode: W
       }
-    ) : null, a = {
-      title: o.adaptiveTitle,
+    ) : null, o = {
+      title: a.adaptiveTitle,
       expand: l,
       onClose: (s) => w(s),
       windowWidth: ne,
       mobileFilter: e
     };
-    return /* @__PURE__ */ t.createElement(yt, { ...a }, /* @__PURE__ */ t.createElement(Et, { overflowHidden: !0 }, /* @__PURE__ */ t.createElement("div", { className: "k-list-container" }, /* @__PURE__ */ t.createElement("div", { className: "k-list k-list-lg" }, T.length > 0 ? /* @__PURE__ */ t.createElement(
-      Fe,
+    return /* @__PURE__ */ t.createElement(Ct, { ...o }, /* @__PURE__ */ t.createElement(Et, { overflowHidden: !0 }, /* @__PURE__ */ t.createElement("div", { className: "k-list-container" }, /* @__PURE__ */ t.createElement("div", { className: "k-list k-list-lg" }, T.length > 0 ? /* @__PURE__ */ t.createElement(
+      De,
       {
         ref: h,
         tabIndex: X,
-        data: he,
-        focusIdField: P,
-        textField: o.textField,
+        data: ye,
+        focusIdField: N,
+        textField: a.textField,
         selectField: z,
-        expandField: o.expandField,
+        expandField: a.expandField,
         childrenField: O,
         expandIcons: !0,
-        onItemClick: me,
-        onExpandChange: ge,
+        onItemClick: ve,
+        onExpandChange: be,
         size: y,
-        item: o.item,
+        item: a.item,
         dir: k,
         animate: b.animate
       }
-    ) : /* @__PURE__ */ t.createElement(ye, null, ae.toLanguageString(j, re[j]))))));
-  }, Je = t.useCallback((e) => {
-    for (const a of e)
-      Be(a.target.clientWidth);
-  }, []), he = t.useMemo(() => C || !A ? T : rt(
+    ) : /* @__PURE__ */ t.createElement(Ce, null, oe.toLanguageString(G, re[G]))))));
+  }, Qe = t.useCallback((e) => {
+    for (const o of e)
+      We(o.target.clientWidth);
+  }, []), ye = t.useMemo(() => E || !L ? T : it(
     T,
     O,
-    (e) => it(e, O, { [z]: De(e, v, P) })
-  ), [T, v, C, A, z, O]), ye = o.listNoData || mt, Qe = o.valueHolder || wt, ae = ct(), Ee = !Ne || ee.valid, { size: y, rounded: B, fillMode: L } = o, Ce = /* @__PURE__ */ t.createElement(t.Fragment, null, /* @__PURE__ */ t.createElement(
+    (e) => lt(e, O, { [z]: Ie(e, v, N) })
+  ), [T, v, E, L, z, O]), Ce = a.listNoData || vt, Xe = a.valueHolder || Ft, oe = ut(), Ee = !Ve || ee.valid, { size: y, rounded: B, fillMode: W } = a, ke = /* @__PURE__ */ t.createElement(t.Fragment, null, /* @__PURE__ */ t.createElement(
     "span",
     {
-      className: oe("k-dropdowntree k-picker", o.className, {
-        [`k-picker-${Ct[y] || y}`]: y,
-        [`k-rounded-${kt[B] || B}`]: B,
-        [`k-picker-${L}`]: L,
+      className: ae("k-dropdowntree k-picker", a.className, {
+        [`k-picker-${kt[y] || y}`]: y,
+        [`k-rounded-${xt[B] || B}`]: B,
+        [`k-picker-${W}`]: W,
         "k-focus": d,
         "k-invalid": !Ee,
-        "k-loading": o.loading,
+        "k-loading": a.loading,
         "k-required": Q,
-        "k-disabled": o.disabled
+        "k-disabled": a.disabled
       }),
       tabIndex: X,
-      accessKey: o.accessKey,
+      accessKey: a.accessKey,
       id: le,
-      style: K ? { ...N, width: void 0 } : N,
+      style: K ? { ...P, width: void 0 } : P,
       dir: k,
-      ref: m,
-      onKeyDown: I ? void 0 : ze,
-      onMouseDown: je,
-      onClick: I ? void 0 : qe,
-      onFocus: $e,
-      onBlur: Ue,
+      ref: f,
+      onKeyDown: I ? void 0 : He,
+      onMouseDown: Ue,
+      onClick: I ? void 0 : ze,
+      onFocus: je,
+      onBlur: Ge,
       role: "combobox",
       "aria-haspopup": "tree",
       "aria-expanded": l,
       "aria-disabled": I,
       "aria-label": K,
-      "aria-labelledby": o.ariaLabelledBy,
-      "aria-describedby": o.ariaDescribedBy,
+      "aria-labelledby": a.ariaLabelledBy,
+      "aria-describedby": a.ariaDescribedBy,
       "aria-required": Q
     },
-    /* @__PURE__ */ t.createElement("span", { className: "k-input-inner" }, (Z || J) && /* @__PURE__ */ t.createElement(Qe, { item: v }, Z || J)),
-    o.loading && /* @__PURE__ */ t.createElement(we, { className: "k-input-loading-icon", name: "loading" }),
-    A && !I && /* @__PURE__ */ t.createElement(
+    /* @__PURE__ */ t.createElement("span", { className: "k-input-inner" }, (Z || J) && /* @__PURE__ */ t.createElement(Xe, { item: v }, Z || J)),
+    a.loading && /* @__PURE__ */ t.createElement(Fe, { className: "k-input-loading-icon", name: "loading" }),
+    L && !I && /* @__PURE__ */ t.createElement(
       "span",
       {
-        onClick: ve,
+        onClick: ge,
         className: "k-clear-value",
-        title: ae.toLanguageString(Ie, re[Ie]),
+        title: oe.toLanguageString(Se, re[Se]),
         role: "button",
         tabIndex: -1,
         onMouseDown: (e) => e.preventDefault()
       },
-      /* @__PURE__ */ t.createElement(we, { name: "x", icon: bt })
+      /* @__PURE__ */ t.createElement(Fe, { name: "x", icon: ht })
     ),
     /* @__PURE__ */ t.createElement(
-      gt,
+      bt,
       {
         tabIndex: -1,
         type: "button",
         "aria-label": "select",
         className: "k-input-button",
         size: y,
-        fillMode: L,
+        fillMode: W,
         themeColor: "base",
         rounded: null,
         icon: "caret-alt-down",
-        svgIcon: ht
+        svgIcon: yt
       }
     ),
     /* @__PURE__ */ t.createElement(
       "select",
       {
-        name: Te,
-        ref: _,
+        name: Ne,
+        ref: $,
         tabIndex: -1,
         "aria-hidden": !0,
         title: K,
         style: { opacity: 0, width: 1, border: 0, zIndex: -1, position: "absolute", left: "50%" }
       },
-      /* @__PURE__ */ t.createElement("option", { value: o.valueMap ? o.valueMap.call(void 0, v) : v })
+      /* @__PURE__ */ t.createElement("option", { value: a.valueMap ? a.valueMap.call(void 0, v) : v })
     ),
     !x && /* @__PURE__ */ t.createElement(
-      st,
+      ct,
       {
         ...b,
-        className: oe(b.className, { "k-rtl": k === "rtl" }),
-        popupClass: oe(b.popupClass, "k-dropdowntree-popup k-list-container"),
-        style: Oe,
-        anchor: b.anchor || m.current,
+        className: ae(b.className, { "k-rtl": k === "rtl" }),
+        popupClass: ae(b.popupClass, "k-dropdowntree-popup k-list-container"),
+        style: Le,
+        anchor: b.anchor || f.current,
         show: l,
-        onOpen: He,
+        onOpen: $e,
         onClose: _e
       },
-      o.filterable && /* @__PURE__ */ t.createElement(
-        Se,
+      a.filterable && /* @__PURE__ */ t.createElement(
+        Me,
         {
-          value: o.filter === void 0 ? ue : o.filter,
+          value: a.filter === void 0 ? ue : a.filter,
           ref: S,
-          onChange: be,
-          onKeyDown: pe,
+          onChange: he,
+          onKeyDown: me,
           size: y,
           rounded: B,
-          fillMode: L,
+          fillMode: W,
           renderListFilterWrapper: !0,
           renderPrefixSeparator: !0
         }
       ),
       T.length > 0 ? /* @__PURE__ */ t.createElement(
-        Fe,
+        De,
         {
           style: { height: b.height },
           ref: h,
           tabIndex: X,
-          data: he,
-          focusIdField: P,
-          textField: o.textField,
+          data: ye,
+          focusIdField: N,
+          textField: a.textField,
           selectField: z,
-          expandField: o.expandField,
+          expandField: a.expandField,
           childrenField: O,
           expandIcons: !0,
-          onItemClick: me,
-          onExpandChange: ge,
+          onItemClick: ve,
+          onExpandChange: be,
           size: y,
-          item: o.item,
+          item: a.item,
           dir: k,
           animate: b.animate
         }
-      ) : /* @__PURE__ */ t.createElement(ye, null, ae.toLanguageString(j, re[j]))
+      ) : /* @__PURE__ */ t.createElement(Ce, null, oe.toLanguageString(G, re[G]))
     )
-  ), x && Ge());
+  ), x && Je());
   return K ? /* @__PURE__ */ t.createElement(
-    vt,
+    gt,
     {
       label: K,
       editorValue: Z,
@@ -462,12 +462,12 @@ const { sizeMap: Ct, roundedMap: kt } = lt, xt = "Please select a value from the
       editorValid: Ee,
       editorDisabled: I,
       editorId: le,
-      style: { width: N ? N.width : void 0 },
-      children: Ce,
+      style: { width: P ? P.width : void 0 },
+      children: ke,
       dir: k
     }
-  ) : Ce;
-}), It = {
+  ) : ke;
+}), St = {
   opened: n.bool,
   disabled: n.bool,
   dir: n.string,
@@ -523,9 +523,9 @@ const { sizeMap: Ct, roundedMap: kt } = lt, xt = "Please select a value from the
   adaptiveTitle: n.string,
   adaptive: n.bool
 };
-Re.displayName = "KendoReactDropDownTree";
-Re.propTypes = It;
+Te.displayName = "KendoReactDropDownTree";
+Te.propTypes = St;
 export {
-  Re as DropDownTree,
-  Dt as DropDownTreePropsContext
+  Te as DropDownTree,
+  It as DropDownTreePropsContext
 };