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

package/MultiSelectTree/MultiSelectTree.mjs

@@ -7,26 +7,26 @@
  */
 import * as t from "react";
 import n from "prop-types";
-import { usePropsContext as it, validatePackage as rt, getLicenseMessage as ot, useId as lt, noop as Y, getTabIndex as st, useRtl as ct, useAdaptiveModeContext as ut, canUseDOM as dt, Keys as r, classNames as Z, kendoThemeMaps as pt, IconWrap as ft, WatermarkOverlay as mt, createPropsContext as gt } from "@progress/kendo-react-common";
-import { Popup as vt } from "@progress/kendo-react-popup";
-import { useLocalization as ht } from "@progress/kendo-react-intl";
-import { TreeView as Ie } from "@progress/kendo-react-treeview";
-import { packageMetadata as Te } from "../package-metadata.mjs";
-import { getItemValue as bt, areSame as yt, matchTags as De } from "../common/utils.mjs";
-import { useDropdownWidth as Ct } from "../DropDownTree/useDropdownWidth.mjs";
-import { ListNoData as Et } from "../DropDownTree/ListNoData.mjs";
-import { nodata as ee, messages as Me } from "../messages/index.mjs";
-import { FloatingLabel as kt } from "@progress/kendo-react-labels";
-import Ft from "../MultiSelect/TagList.mjs";
-import xt from "../common/ClearButton.mjs";
-import Re from "../common/ListFilter.mjs";
-import { AdaptiveMode as St } from "../common/AdaptiveMode.mjs";
-import { ActionSheetContent as wt } from "@progress/kendo-react-layout";
-const It = "Please select a value from the list!", { sizeMap: Pe, roundedMap: Tt } = pt, Dt = (N) => N.split("_").map((M) => parseInt(M, 10)), Mt = (N, M) => {
-  const { validationMessage: a, valid: V, required: te } = N;
+import { usePropsContext as st, validatePackage as ct, getLicenseMessage as ut, useId as dt, noop as Y, getTabIndex as pt, useRtl as ft, useAdaptiveModeContext as mt, canUseDOM as vt, Keys as r, classNames as Z, kendoThemeMaps as gt, IconWrap as ht, WatermarkOverlay as bt, createPropsContext as yt } from "@progress/kendo-react-common";
+import { Popup as Ct } from "@progress/kendo-react-popup";
+import { useLocalization as Et } from "@progress/kendo-react-intl";
+import { TreeView as Me } from "@progress/kendo-react-treeview";
+import { packageMetadata as Re } from "../package-metadata.mjs";
+import { getItemValue as kt, areSame as Ft, matchTags as Le } from "../common/utils.mjs";
+import { useDropdownWidth as xt } from "../DropDownTree/useDropdownWidth.mjs";
+import { ListNoData as St } from "../DropDownTree/ListNoData.mjs";
+import { chipListAriaLabel as Pe, messages as fe, nodata as ee } from "../messages/index.mjs";
+import { FloatingLabel as wt } from "@progress/kendo-react-labels";
+import It from "../MultiSelect/TagList.mjs";
+import Tt from "../common/ClearButton.mjs";
+import Ne from "../common/ListFilter.mjs";
+import { AdaptiveMode as Dt } from "../common/AdaptiveMode.mjs";
+import { ActionSheetContent as Mt } from "@progress/kendo-react-layout";
+const Rt = "Please select a value from the list!", { sizeMap: Oe, roundedMap: Lt } = gt, Pt = (N) => N.split("_").map((M) => parseInt(M, 10)), Nt = (N, M) => {
+  const { validationMessage: a, valid: W, required: te } = N;
   return {
     customError: a !== void 0,
-    valid: !!(V !== void 0 ? V : !te || M),
+    valid: !!(W !== void 0 ? W : !te || M),
     valueMissing: !M
   };
 }, b = {
@@ -43,56 +43,57 @@ const It = "Please select a value from the list!", { sizeMap: Pe, roundedMap: Tt
   fillMode: void 0,
   required: !1,
   validityStyles: !0
-}, Rt = gt(), Ne = t.forwardRef(
+}, Ot = yt(), Be = t.forwardRef(
   (N, M) => {
-    const a = it(Rt, N), V = !rt(Te, { component: "MultiSelectTree" }), te = ot(Te), Oe = lt(), O = a.id || Oe, {
-      data: W = [],
+    var Te;
+    const a = st(Ot, N), W = !ct(Re, { component: "MultiSelectTree" }), te = ut(Re), Ke = dt(), R = a.id || Ke, ne = `${R}-treeview`, {
+      data: z = [],
       dataItemKey: x,
-      style: L = {},
-      placeholder: ne,
+      style: O = {},
+      placeholder: ae,
       label: B,
-      name: Le,
+      name: Ve,
       validationMessage: q,
-      valid: Be,
-      tags: ue,
+      valid: We,
+      tags: me,
       value: m,
       opened: S,
-      disabled: E,
-      popupSettings: R = b.popupSettings,
-      checkField: de = b.checkField,
-      checkIndeterminateField: pe = b.checkIndeterminateField,
-      subItemsField: fe = b.subItemsField,
-      size: y = b.size,
+      disabled: y,
+      popupSettings: L = b.popupSettings,
+      checkField: ve = b.checkField,
+      checkIndeterminateField: ge = b.checkIndeterminateField,
+      subItemsField: he = b.subItemsField,
+      size: C = b.size,
       rounded: K = b.rounded,
-      fillMode: z = b.fillMode,
-      required: me = b.required,
-      validityStyles: Ke = b.validityStyles,
-      onOpen: ae = Y,
-      onClose: A = Y
-    } = a, $ = st(a.tabIndex, E), o = t.useRef(null), C = t.useRef(null), w = t.useRef(null), ie = t.useRef(null), H = t.useRef(null), k = t.useRef(null), G = t.useRef(!1), _ = t.useRef([]), j = t.useRef(null), [P, Ve] = t.useState(), [We, ge] = t.useState(!1), [d, re] = t.useState(!1), [oe, qe] = t.useState(), [ze, Ae] = t.useState([]), [ve, $e] = t.useState(""), s = S !== void 0 ? S : We, le = !!(Array.isArray(m) && m.length), se = Mt({ validationMessage: q, valid: Be, required: me }, le), I = ct(C, a.dir), He = {
-      width: Ct(C, b, R, L),
+      fillMode: A = b.fillMode,
+      required: ie = b.required,
+      validityStyles: ze = b.validityStyles,
+      onOpen: re = Y,
+      onClose: $ = Y
+    } = a, H = pt(a.tabIndex, y), o = t.useRef(null), E = t.useRef(null), w = t.useRef(null), oe = t.useRef(null), G = t.useRef(null), k = t.useRef(null), _ = t.useRef(!1), j = t.useRef([]), U = t.useRef(null), [P, qe] = t.useState(), [Ae, be] = t.useState(!1), [d, le] = t.useState(!1), [se, $e] = t.useState(), [He, Ge] = t.useState([]), [ye, _e] = t.useState(""), s = S !== void 0 ? S : Ae, ce = !!(Array.isArray(m) && m.length), ue = Nt({ validationMessage: q, valid: We, required: ie }, ce), I = ft(E, a.dir), je = {
+      width: xt(E, b, L, O),
       ...I !== void 0 ? { direction: I } : {}
-    }, Ge = t.useCallback(() => C.current && C.current.focus(), []), he = ut(), T = !!(oe && he && oe <= he.medium && a.adaptive);
-    _.current = ue === void 0 ? (m || []).map((e) => ({ text: bt(e, a.textField), data: [e] })) : [...ue], t.useImperativeHandle(o, () => ({
+    }, Ue = t.useCallback(() => E.current && E.current.focus(), []), Ce = mt(), T = !!(se && Ce && se <= Ce.medium && a.adaptive);
+    j.current = me === void 0 ? (m || []).map((e) => ({ text: kt(e, a.textField), data: [e] })) : [...me], t.useImperativeHandle(o, () => ({
       props: a,
-      element: C.current,
-      focus: Ge
+      element: E.current,
+      focus: Ue
     })), t.useImperativeHandle(
       M,
       () => o.current
     );
-    const _e = t.useCallback(() => {
-      H.current && H.current.setCustomValidity && H.current.setCustomValidity(
-        se.valid ? "" : q === void 0 ? It : q
+    const Je = t.useCallback(() => {
+      G.current && G.current.setCustomValidity && G.current.setCustomValidity(
+        ue.valid ? "" : q === void 0 ? Rt : q
       );
-    }, [q, se]);
-    t.useEffect(_e), t.useEffect(() => {
-      const e = dt && window.ResizeObserver && new window.ResizeObserver(nt.bind(void 0));
+    }, [q, ue]);
+    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), () => {
         e && e.disconnect();
       };
     }, []), t.useEffect(() => {
-      j.current && s && j.current.setPosition(j.current.element);
+      U.current && s && U.current.setPosition(U.current.element);
     }, [m, s]);
     const F = t.useCallback(
       (e, i, l) => {
@@ -106,9 +107,9 @@ const It = "Please select a value from the list!", { sizeMap: Pe, roundedMap: Tt
         }
       },
       [a.onChange]
-    ), U = t.useCallback(
+    ), J = t.useCallback(
       (e) => {
-        if (yt(e.item, m, x) || !o.current)
+        if (Ft(e.item, m, x) || !o.current)
           return;
         const { item: i, nativeEvent: l, syntheticEvent: h } = e, D = {
           syntheticEvent: h,
@@ -118,46 +119,46 @@ const It = "Please select a value from the list!", { sizeMap: Pe, roundedMap: Tt
         F(D, [i], "toggle");
       },
       [m, x, F]
-    ), J = t.useCallback(
+    ), Q = t.useCallback(
       (e) => {
         if (!s) {
-          if (ae) {
+          if (re) {
             const i = { ...e };
-            ae.call(void 0, i);
+            re.call(void 0, i);
           }
-          S === void 0 && (ge(!0), Ae(m || []), T && setTimeout(() => {
+          S === void 0 && (be(!0), Ge(m || []), T && setTimeout(() => {
             var i;
-            u((i = ie.current) == null ? void 0 : i.element);
+            u((i = oe.current) == null ? void 0 : i.element);
           }, 300));
         }
       },
-      [s, S, ae, T, ie]
-    ), g = t.useCallback(
+      [s, S, re, T, oe]
+    ), v = t.useCallback(
       (e) => {
         if (s) {
-          if (A) {
+          if ($) {
             const i = { ...e };
-            A.call(void 0, i);
+            $.call(void 0, i);
           }
-          S === void 0 && ge(!1);
+          S === void 0 && be(!1);
         }
       },
-      [s, S, A]
-    ), v = t.useCallback((e) => {
-      G.current = !0, e(), window.setTimeout(() => G.current = !1, 0);
+      [s, S, $]
+    ), g = t.useCallback((e) => {
+      _.current = !0, e(), window.setTimeout(() => _.current = !1, 0);
     }, []), u = t.useCallback(
       (e) => {
-        e && v(() => e.focus());
+        e && g(() => e.focus());
       },
-      [v]
-    ), je = t.useCallback(() => {
+      [g]
+    ), Qe = t.useCallback(() => {
       var e;
-      !d && s ? g({ target: o.current }) : a.filterable ? u((e = w.current) == null ? void 0 : e.element) : u(k.current && k.current.element);
-    }, [d, s, u, g, a.filterable]), Ue = t.useCallback(() => {
-      d && u(C.current);
-    }, [d, u]), Je = t.useCallback(
+      !d && s ? v({ target: o.current }) : a.filterable ? u((e = w.current) == null ? void 0 : e.element) : u(k.current && k.current.element);
+    }, [d, s, u, v, a.filterable]), Xe = t.useCallback(() => {
+      d && u(E.current);
+    }, [d, u]), Ye = t.useCallback(
       (e) => {
-        if (!d && !G.current && (re(!0), a.onFocus && o.current)) {
+        if (!d && !_.current && (le(!0), a.onFocus && o.current)) {
           const i = {
             syntheticEvent: e,
             nativeEvent: e.nativeEvent,
@@ -167,10 +168,10 @@ const It = "Please select a value from the list!", { sizeMap: Pe, roundedMap: Tt
         }
       },
       [d, a.onFocus]
-    ), Qe = t.useCallback(
+    ), Ze = t.useCallback(
       (e) => {
-        if (d && !G.current && o.current) {
-          re(!1);
+        if (d && !_.current && o.current) {
+          le(!1);
           const i = {
             syntheticEvent: e,
             nativeEvent: e.nativeEvent,
@@ -180,28 +181,28 @@ const It = "Please select a value from the list!", { sizeMap: Pe, roundedMap: Tt
             const l = { ...i };
             a.onBlur.call(void 0, l);
           }
-          T || g(i);
+          T || v(i);
         }
       },
-      [d, a.onBlur, s, S, A]
-    ), Xe = t.useCallback(() => {
-      d && v(Y);
-    }, [d, v]), be = t.useCallback(
+      [d, a.onBlur, s, S, $]
+    ), et = t.useCallback(() => {
+      d && g(Y);
+    }, [d, g]), Ee = t.useCallback(
       (e) => {
         if (!e.isDefaultPrevented() && o.current) {
-          re(!0);
+          le(!0);
           const i = {
             syntheticEvent: e,
             nativeEvent: e.nativeEvent,
             target: o.current
           };
-          s || J(i);
+          s || Q(i);
         }
       },
-      [s, J]
-    ), Ye = t.useCallback(
+      [s, Q]
+    ), tt = t.useCallback(
       (e) => {
-        var X, we;
+        var X, De;
         const { keyCode: i, altKey: l } = e, h = k.current && k.current.element;
         if (!o.current || e.isDefaultPrevented() && ((X = w.current) == null ? void 0 : X.element) === e.target)
           return;
@@ -211,45 +212,45 @@ const It = "Please select a value from the list!", { sizeMap: Pe, roundedMap: Tt
           target: o.current
         };
         if (m && m.length > 0 && (i === r.left || i === r.right || i === r.home || i === r.end || i === r.delete)) {
-          const c = _.current;
-          let p = P ? c.findIndex((at) => De(at, P, x)) : -1, f;
-          const ce = p !== -1;
-          i === r.left ? (ce ? p = Math.max(0, p - 1) : p = c.length - 1, f = c[p]) : i === r.right ? p === c.length - 1 ? f = void 0 : ce && (p = Math.min(c.length - 1, p + 1), f = c[p]) : i === r.home ? f = c[0] : i === r.end ? f = c[c.length - 1] : i === r.delete && ce && F(D, c[p].data, "delete"), f !== P && Ve(f);
+          const c = j.current;
+          let p = P ? c.findIndex((lt) => Le(lt, P, x)) : -1, f;
+          const pe = p !== -1;
+          i === r.left ? (pe ? p = Math.max(0, p - 1) : p = c.length - 1, f = c[p]) : i === r.right ? p === c.length - 1 ? f = void 0 : pe && (p = Math.min(c.length - 1, p + 1), f = c[p]) : i === r.home ? f = c[0] : i === r.end ? f = c[c.length - 1] : i === r.delete && pe && F(D, c[p].data, "delete"), f !== P && qe(f);
         }
         if (s)
           if (i === r.esc || l && i === r.up)
-            e.preventDefault(), g(D);
+            e.preventDefault(), v(D);
           else if (h && h.querySelector(".k-focus") && (i === r.up || i === r.down || i === r.left || i === r.right || i === r.home || i === r.end)) {
-            if (i === r.up && ((we = w.current) != null && we.element)) {
+            if (i === r.up && ((De = w.current) != null && De.element)) {
               const c = Array.from(h.querySelectorAll(".k-treeview-item")), p = [...c].reverse().find((f) => !!(f && f.querySelector(".k-focus")));
               if (p && c.indexOf(p) === 0)
-                return v(() => {
+                return g(() => {
                   var f;
                   u((f = w.current) == null ? void 0 : f.element);
                 });
             }
-            v(Y);
-          } else i === r.down && v(() => {
+            g(Y);
+          } else i === r.down && g(() => {
             var c;
             u(((c = w.current) == null ? void 0 : c.element) || h);
           });
         else
-          l && i === r.down && (e.preventDefault(), J(D));
+          l && i === r.down && (e.preventDefault(), Q(D));
       },
-      [s, g, u, v, J, P, x, m, F]
-    ), ye = t.useCallback(
+      [s, v, u, g, Q, P, x, m, F]
+    ), ke = t.useCallback(
       (e) => {
         const { keyCode: i, altKey: l } = e;
-        l || i !== r.up && i !== r.down || (e.preventDefault(), v(
+        l || i !== r.up && i !== r.down || (e.preventDefault(), g(
           i === r.up ? () => {
-            u(C.current);
+            u(E.current);
           } : () => {
             u(k.current && k.current.element);
           }
         ));
       },
-      [u, v]
-    ), Ze = t.useCallback(
+      [u, g]
+    ), nt = t.useCallback(
       (e) => {
         if (!o.current)
           return;
@@ -258,13 +259,13 @@ const It = "Please select a value from the list!", { sizeMap: Pe, roundedMap: Tt
           nativeEvent: e.nativeEvent,
           target: o.current
         };
-        F(i, [], "clear"), g(i), e.preventDefault();
+        F(i, [], "clear"), v(i), e.preventDefault();
       },
-      [F, g]
-    ), et = t.useCallback(
+      [F, v]
+    ), at = t.useCallback(
       (e, i) => {
         var l;
-        g({ target: o.current }), d || u((l = w.current) == null ? void 0 : l.element), F(
+        v({ target: o.current }), d || u((l = w.current) == null ? void 0 : l.element), F(
           {
             syntheticEvent: i,
             nativeEvent: i.nativeEvent,
@@ -274,12 +275,12 @@ const It = "Please select a value from the list!", { sizeMap: Pe, roundedMap: Tt
           "delete"
         );
       },
-      [F, g, u, d]
-    ), Ce = t.useCallback(
+      [F, v, u, d]
+    ), Fe = t.useCallback(
       (e) => {
         if (a.onExpandChange && o.current) {
           const { item: i, itemHierarchicalIndex: l, nativeEvent: h, syntheticEvent: D } = e, X = {
-            level: Dt(l),
+            level: Pt(l),
             item: i,
             nativeEvent: h,
             syntheticEvent: D,
@@ -289,7 +290,7 @@ const It = "Please select a value from the list!", { sizeMap: Pe, roundedMap: Tt
         }
       },
       [a.onExpandChange]
-    ), Ee = t.useCallback(
+    ), xe = t.useCallback(
       (e) => {
         if (a.onFilterChange && o.current) {
           const l = {
@@ -302,7 +303,7 @@ const It = "Please select a value from the list!", { sizeMap: Pe, roundedMap: Tt
             nativeEvent: e.nativeEvent,
             target: o.current
           };
-          a.onFilterChange.call(void 0, l), a.filter === void 0 && $e(e.target.value);
+          a.onFilterChange.call(void 0, l), a.filter === void 0 && _e(e.target.value);
         }
       },
       [a.onFilterChange, a.filter, a.textField]
@@ -316,122 +317,136 @@ const It = "Please select a value from the list!", { sizeMap: Pe, roundedMap: Tt
           nativeEvent: e.nativeEvent,
           target: o.current
         };
-        a.onCancel && a.onCancel.call(void 0, i), g(i), e.preventDefault();
+        a.onCancel && a.onCancel.call(void 0, i), v(i), e.preventDefault();
       },
-      [a.onCancel, g]
+      [a.onCancel, v]
     );
-    const tt = () => {
+    const it = () => {
       const e = a.filterable ? /* @__PURE__ */ t.createElement(
-        Re,
+        Ne,
         {
-          value: a.filter === void 0 ? ve : a.filter,
-          ref: ie,
-          onChange: Ee,
-          onKeyDown: ye,
+          value: a.filter === void 0 ? ye : a.filter,
+          ref: oe,
+          onChange: xe,
+          onKeyDown: ke,
           size: "large",
           rounded: K,
-          fillMode: z,
-          placeholder: ne
+          fillMode: A,
+          placeholder: ae
         }
       ) : null, i = {
         title: a.adaptiveTitle || a.label,
         subTitle: a.adaptiveSubtitle,
         expand: s,
-        onClose: (l) => g(l),
-        windowWidth: oe,
+        onClose: (l) => v(l),
+        windowWidth: se,
         mobileFilter: e
       };
-      return /* @__PURE__ */ t.createElement(St, { ...i }, /* @__PURE__ */ t.createElement(wt, null, W.length > 0 ? /* @__PURE__ */ t.createElement(
-        Ie,
+      return /* @__PURE__ */ t.createElement(Dt, { ...i }, /* @__PURE__ */ t.createElement(Mt, null, z.length > 0 ? /* @__PURE__ */ t.createElement(
+        Me,
         {
+          id: ne,
           ref: k,
           animate: !1,
-          tabIndex: $,
-          data: W,
+          tabIndex: H,
+          data: z,
           focusIdField: x,
           textField: a.textField,
-          checkField: de,
-          checkIndeterminateField: pe,
+          checkField: ve,
+          checkIndeterminateField: ge,
           expandField: a.expandField,
-          childrenField: fe,
+          childrenField: he,
           expandIcons: !0,
-          onItemClick: U,
-          onCheckChange: U,
-          onExpandChange: Ce,
+          onItemClick: J,
+          onCheckChange: J,
+          onExpandChange: Fe,
           checkboxes: !0,
           size: "large",
           item: a.item,
           dir: I
         }
-      ) : /* @__PURE__ */ t.createElement(ke, null, Fe.toLanguageString(ee, Me[ee]))));
-    }, nt = t.useCallback((e) => {
+      ) : /* @__PURE__ */ t.createElement(Se, null, de.toLanguageString(ee, fe[ee]))));
+    }, rt = t.useCallback((e) => {
       for (const i of e)
-        qe(i.target.clientWidth);
-    }, []), ke = a.listNoData || Et, Fe = ht(), xe = !Ke || se.valid, Q = T && s ? ze : _.current, Se = /* @__PURE__ */ t.createElement(t.Fragment, null, /* @__PURE__ */ t.createElement(
+        $e(i.target.clientWidth);
+    }, []), Se = a.listNoData || St, de = Et(), we = !ze || ue.valid, V = T && s ? He : j.current, ot = (Te = a.ariaDescribedBy) != null ? Te : V.length > 0 ? "tagslist-" + R : void 0, Ie = /* @__PURE__ */ t.createElement(t.Fragment, null, /* @__PURE__ */ t.createElement(
       "span",
       {
         className: Z("k-multiselecttree k-input", a.className, {
-          [`k-input-${Pe[y] || y}`]: y,
-          [`k-rounded-${Tt[K] || K}`]: K,
-          [`k-input-${z}`]: z,
-          "k-focus": d && !E,
-          "k-invalid": !xe,
-          "k-disabled": E,
+          [`k-input-${Oe[C] || C}`]: C,
+          [`k-rounded-${Lt[K] || K}`]: K,
+          [`k-input-${A}`]: A,
+          "k-focus": d && !y,
+          "k-invalid": !we,
+          "k-disabled": y,
           "k-loading": a.loading,
-          "k-required": me
+          "k-required": ie
         }),
-        tabIndex: $,
+        tabIndex: H,
         accessKey: a.accessKey,
-        id: O,
-        style: B ? { ...L, width: void 0 } : L,
+        id: R,
+        style: B ? { ...O, width: void 0 } : O,
         dir: I,
-        ref: C,
-        onKeyDown: E ? void 0 : Ye,
-        onMouseDown: Xe,
+        ref: E,
+        onKeyDown: y ? void 0 : tt,
+        onMouseDown: et,
         onFocus: (e) => {
-          T ? be(e) : Je(e);
+          T ? Ee(e) : Ye(e);
         },
-        onBlur: Qe,
-        role: "combobox",
-        "aria-haspopup": "tree",
-        "aria-expanded": s,
-        "aria-disabled": E,
-        "aria-label": B,
+        onBlur: Ze,
+        "aria-disabled": y || void 0,
         "aria-labelledby": a.ariaLabelledBy,
-        "aria-describedby": a.ariaDescribedBy ? a.ariaDescribedBy : "tagslist-" + O,
-        "aria-required": a.required,
-        onClick: E ? void 0 : be
+        onClick: y ? void 0 : Ee
       },
       /* @__PURE__ */ t.createElement(
         "div",
         {
-          id: "tagslist-" + O,
+          id: "tagslist-" + R,
           className: Z("k-input-values k-chip-list", {
-            [`k-chip-list-${Pe[y] || y}`]: y
-          })
+            [`k-chip-list-${Oe[C] || C}`]: C
+          }),
+          role: "listbox",
+          "aria-label": de.toLanguageString(Pe, fe[Pe]),
+          "aria-orientation": "horizontal"
         },
-        Q.length > 0 && /* @__PURE__ */ t.createElement(
-          Ft,
+        V.length > 0 && /* @__PURE__ */ t.createElement(
+          It,
           {
             tag: a.tag,
-            onTagDelete: et,
-            data: Q,
-            guid: O,
-            focused: P ? _.current.find(
-              (e) => De(e, P, x)
+            onTagDelete: at,
+            data: V,
+            guid: R,
+            focused: P ? j.current.find(
+              (e) => Le(e, P, x)
             ) : void 0,
-            size: y
+            size: C
           }
         )
       ),
-      /* @__PURE__ */ t.createElement("span", { className: "k-input-inner" }, Q.length === 0 && /* @__PURE__ */ t.createElement("span", { className: "k-input-value-text" }, ne)),
-      a.loading && /* @__PURE__ */ t.createElement(ft, { className: "k-input-loading-icon", name: "loading" }),
-      le && !E && Q.length > 0 && /* @__PURE__ */ t.createElement(xt, { onClick: Ze }),
+      /* @__PURE__ */ t.createElement(
+        "span",
+        {
+          className: "k-input-inner",
+          role: "combobox",
+          "aria-haspopup": "tree",
+          "aria-expanded": s,
+          "aria-autocomplete": "list",
+          "aria-label": a.ariaLabel || B,
+          "aria-controls": s ? ne : void 0,
+          "aria-describedby": ot,
+          "aria-disabled": y ? !0 : void 0,
+          "aria-required": ie || void 0,
+          tabIndex: 0
+        },
+        V.length === 0 && /* @__PURE__ */ t.createElement("span", { className: "k-input-value-text" }, ae)
+      ),
+      a.loading && /* @__PURE__ */ t.createElement(ht, { className: "k-input-loading-icon", name: "loading" }),
+      ce && !y && V.length > 0 && /* @__PURE__ */ t.createElement(Tt, { onClick: nt }),
       /* @__PURE__ */ t.createElement(
         "select",
         {
-          name: Le,
-          ref: H,
+          name: Ve,
+          ref: G,
           tabIndex: -1,
           "aria-hidden": !0,
           title: B,
@@ -440,76 +455,77 @@ const It = "Please select a value from the list!", { sizeMap: Pe, roundedMap: Tt
         /* @__PURE__ */ t.createElement("option", { value: a.valueMap ? a.valueMap.call(void 0, m) : m })
       ),
       !T && /* @__PURE__ */ t.createElement(
-        vt,
+        Ct,
         {
-          ...R,
-          popupClass: Z(R.popupClass, "k-multiselecttree-popup"),
-          className: Z(R.className, { "k-rtl": I === "rtl" }),
-          style: He,
-          anchor: R.anchor || C.current,
+          ...L,
+          popupClass: Z(L.popupClass, "k-multiselecttree-popup"),
+          className: Z(L.className, { "k-rtl": I === "rtl" }),
+          style: je,
+          anchor: L.anchor || E.current,
           show: s,
-          onOpen: je,
-          onClose: Ue,
-          ref: j
+          onOpen: Qe,
+          onClose: Xe,
+          ref: U
         },
         a.filterable && /* @__PURE__ */ t.createElement(
-          Re,
+          Ne,
           {
-            value: a.filter === void 0 ? ve : a.filter,
+            value: a.filter === void 0 ? ye : a.filter,
             ref: w,
-            onChange: Ee,
-            onKeyDown: ye,
-            tabIndex: $,
-            size: y,
+            onChange: xe,
+            onKeyDown: ke,
+            tabIndex: H,
+            size: C,
             rounded: K,
-            fillMode: z,
+            fillMode: A,
             renderListFilterWrapper: !0,
             renderPrefixSeparator: !0
           }
         ),
-        W.length > 0 ? /* @__PURE__ */ t.createElement(
-          Ie,
+        z.length > 0 ? /* @__PURE__ */ t.createElement(
+          Me,
           {
-            style: { height: R.height },
+            id: ne,
+            style: { height: L.height },
             animate: !1,
             ref: k,
-            tabIndex: $,
-            data: W,
+            tabIndex: H,
+            data: z,
             focusIdField: x,
             textField: a.textField,
-            checkField: de,
-            checkIndeterminateField: pe,
+            checkField: ve,
+            checkIndeterminateField: ge,
             expandField: a.expandField,
-            childrenField: fe,
+            childrenField: he,
             expandIcons: !0,
-            onItemClick: U,
-            onCheckChange: U,
-            onExpandChange: Ce,
+            onItemClick: J,
+            onCheckChange: J,
+            onExpandChange: Fe,
             checkboxes: !0,
-            size: y,
+            size: C,
             item: a.item,
             dir: I
           }
-        ) : /* @__PURE__ */ t.createElement(ke, null, Fe.toLanguageString(ee, Me[ee])),
-        V && /* @__PURE__ */ t.createElement(mt, { message: te })
+        ) : /* @__PURE__ */ t.createElement(Se, null, de.toLanguageString(ee, fe[ee])),
+        W && /* @__PURE__ */ t.createElement(bt, { message: te })
       )
-    ), T && tt());
+    ), T && it());
     return B ? /* @__PURE__ */ t.createElement(
-      kt,
+      wt,
       {
         label: B,
-        editorValue: le,
-        editorPlaceholder: ne,
-        editorValid: xe,
-        editorDisabled: E,
-        editorId: O,
-        style: { width: L ? L.width : void 0 },
-        children: Se,
+        editorValue: ce,
+        editorPlaceholder: ae,
+        editorValid: we,
+        editorDisabled: y,
+        editorId: R,
+        style: { width: O ? O.width : void 0 },
+        children: Ie,
         dir: I
       }
-    ) : Se;
+    ) : Ie;
   }
-), Pt = {
+), Bt = {
   opened: n.bool,
   disabled: n.bool,
   dir: n.string,
@@ -573,9 +589,9 @@ const It = "Please select a value from the list!", { sizeMap: Pe, roundedMap: Tt
   adaptiveSubtitle: n.string,
   adaptive: n.bool
 };
-Ne.displayName = "KendoReactMultiSelectTree";
-Ne.propTypes = Pt;
+Be.displayName = "KendoReactMultiSelectTree";
+Be.propTypes = Bt;
 export {
-  Ne as MultiSelectTree,
-  Rt as MultiSelectTreePropsContext
+  Be as MultiSelectTree,
+  Ot as MultiSelectTreePropsContext
 };