@progress/kendo-react-dropdowns 14.5.0-develop.14 → 14.5.0-develop.15

package/DropDownTree/DropDownTree.mjs

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