@progress/kendo-react-dropdowns 9.2.0-develop.4 → 9.2.0-develop.6

package/MultiSelectTree/MultiSelectTree.mjs

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

package/common/AdaptiveMode.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const A=require("react"),c=require("@progress/kendo-react-layout"),y=require("@progress/kendo-svg-icons"),i=require("@progress/kendo-react-buttons"),r=require("@progress/kendo-react-common");function v(t){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const a in t)if(a!=="default"){const o=Object.getOwnPropertyDescriptor(t,a);Object.defineProperty(e,a,o.get?o:{enumerable:!0,get:()=>t[a]})}}return e.default=t,Object.freeze(e)}const n=v(A),h=t=>{const{footer:e,windowWidth:a=0,mobileFilter:o,children:s,navigatable:d,navigatableElements:u,expand:b,animation:p,title:m,subTitle:f,onClose:l}=t,g={navigatable:d||!1,navigatableElements:u||[],expand:b,animation:p!==!1,actions:n.createElement(i.Button,{tabIndex:0,"aria-label":"Cancel","aria-disabled":"false",type:"button",fillMode:"flat",icon:"x",svgIcon:y.xIcon,onClick:l}),filter:o,onClose:l,animationStyles:a<=r.ADAPTIVE_SMALL_BREAKPOINT?{top:0,width:"100%",height:"100%"}:void 0,title:m,subTitle:f,className:"k-adaptive-actionsheet",position:a<=r.ADAPTIVE_SMALL_BREAKPOINT?"fullscreen":void 0};return n.createElement(c.ActionSheet,{...g},s,e&&n.createElement(c.ActionSheetFooter,{className:"k-actions k-actions-stretched"},n.createElement(i.Button,{size:"large",tabIndex:0,"aria-label":e.cancelText,"aria-disabled":"false",type:"button",onClick:e.onCancel},e.cancelText),n.createElement(i.Button,{tabIndex:0,themeColor:"primary",size:"large","aria-label":e.applyText,"aria-disabled":"false",type:"button",onClick:e.onApply},e.applyText)))};exports.AdaptiveMode=h;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const v=require("react"),r=require("@progress/kendo-react-layout"),y=require("@progress/kendo-svg-icons"),i=require("@progress/kendo-react-buttons"),x=require("@progress/kendo-react-common");function h(t){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const a in t)if(a!=="default"){const o=Object.getOwnPropertyDescriptor(t,a);Object.defineProperty(e,a,o.get?o:{enumerable:!0,get:()=>t[a]})}}return e.default=t,Object.freeze(e)}const n=h(v),k=t=>{const{footer:e,windowWidth:a=0,mobileFilter:o,children:s,navigatable:d,navigatableElements:u,expand:b,animation:p,title:m,subTitle:f,onClose:c}=t,l=x.useAdaptiveModeContext(),g={navigatable:d||!1,navigatableElements:u||[],expand:b,animation:p!==!1,actions:n.createElement(i.Button,{tabIndex:0,"aria-label":"Cancel","aria-disabled":"false",type:"button",fillMode:"flat",icon:"x",svgIcon:y.xIcon,onClick:c}),filter:o,onClose:c,animationStyles:l&&a<=l.small?{top:0,width:"100%",height:"100%"}:void 0,title:m,subTitle:f,className:"k-adaptive-actionsheet",position:l&&a<=l.small?"fullscreen":void 0};return n.createElement(r.ActionSheet,{...g},s,e&&n.createElement(r.ActionSheetFooter,{className:"k-actions k-actions-stretched"},n.createElement(i.Button,{size:"large",tabIndex:0,"aria-label":e.cancelText,"aria-disabled":"false",type:"button",onClick:e.onCancel},e.cancelText),n.createElement(i.Button,{tabIndex:0,themeColor:"primary",size:"large","aria-label":e.applyText,"aria-disabled":"false",type:"button",onClick:e.onApply},e.applyText)))};exports.AdaptiveMode=k;