@progress/kendo-react-dropdowns 11.4.0-develop.6 → 11.4.0-develop.7

package/DropDownTree/DropDownTree.mjs

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