@progress/kendo-react-dropdowns 8.1.0-develop.22 → 8.1.0-develop.23

package/MultiSelectTree/MultiSelectTree.mjs

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