@progress/kendo-react-dropdowns 11.0.0-develop.2 → 11.0.0-develop.4

package/MultiSelectTree/MultiSelectTree.mjs

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