@progress/kendo-react-dropdowns 10.1.0-develop.12 → 10.1.0-develop.13

package/DropDownList/DropDownList.mjs

@@ -7,22 +7,22 @@
  */
 import * as i from "react";
 import k from "prop-types";
-import { validatePackage as Yt, useUnstyled as $t, useId as jt, usePropsContext as Jt, canUseDOM as ot, useAdaptiveModeContext as Qt, classNames as E, uDropDownList as b, getTabIndex as Xt, IconWrap as Zt, svgIconPropType as Rt, createPropsContext as en, Keys as y, uDropDownsActionSheet as J, WatermarkOverlay as tn } from "@progress/kendo-react-common";
+import { validatePackage as Yt, useUnstyled as $t, useId as jt, usePropsContext as Jt, canUseDOM as rt, useAdaptiveModeContext as Qt, classNames as E, uDropDownList as b, getTabIndex as Xt, IconWrap as Zt, svgIconPropType as Rt, createPropsContext as en, Keys as w, uDropDownsActionSheet as J, WatermarkOverlay as tn } from "@progress/kendo-react-common";
 import { FloatingLabel as nn } from "@progress/kendo-react-labels";
 import { caretAltDownIcon as rn, xIcon as on } from "@progress/kendo-svg-icons";
 import an from "../common/ListContainer.mjs";
 import ln from "../common/ListFilter.mjs";
-import it from "../common/GroupStickyHeader.mjs";
+import ot from "../common/GroupStickyHeader.mjs";
 import sn from "../common/ListDefaultItem.mjs";
 import dn from "../common/List.mjs";
-import ct from "../common/DropDownBase.mjs";
-import { getFilteredData as P, areSame as N, getItemValue as fe, isPresent as at, itemIndexStartsWith as cn, sameCharsOnly as un, shuffleData as pn, matchText as lt } from "../common/utils.mjs";
+import dt from "../common/DropDownBase.mjs";
+import { getFilteredData as P, areSame as N, getItemValue as fe, isPresent as it, itemIndexStartsWith as cn, sameCharsOnly as un, shuffleData as pn, matchText as at } from "../common/utils.mjs";
 import { packageMetadata as mn } from "../package-metadata.mjs";
-import { Button as st } from "@progress/kendo-react-buttons";
+import { Button as lt } from "@progress/kendo-react-buttons";
 import { useLocalization as fn } from "@progress/kendo-react-intl";
-import { dropDownListArrowBtnAriaLabel as dt, messages as vn } from "../messages/index.mjs";
+import { dropDownListArrowBtnAriaLabel as st, messages as vn } from "../messages/index.mjs";
 import { ActionSheet as gn, ActionSheetHeader as hn, ActionSheetContent as In } from "@progress/kendo-react-layout";
-const wn = "Please select a value from the list!", Te = i.forwardRef((D, ut) => {
+const yn = "Please select a value from the list!", Te = i.forwardRef((D, ct) => {
   let ze = !1;
   if (D.filterable || D.virtual) {
     const e = [];
@@ -31,9 +31,9 @@ const wn = "Please select a value from the list!", Te = i.forwardRef((D, ut) =>
       features: e
     });
   }
-  const F = $t(), ve = jt(D.id), r = Jt(yn, D), {
-    delay: pt = z.delay,
-    tabIndex: mt = z.tabIndex,
+  const F = $t(), ve = jt(D.id), r = Jt(wn, D), {
+    delay: ut = z.delay,
+    tabIndex: pt = z.tabIndex,
     ignoreCase: ge = z.ignoreCase,
     size: Q = z.size,
     rounded: Oe = z.rounded,
@@ -41,37 +41,37 @@ const wn = "Please select a value from the list!", Te = i.forwardRef((D, ut) =>
     groupMode: xn = z.groupMode
   } = r, Ie = () => {
     var e;
-    if (ot)
+    if (rt)
       return ((e = Z.current) == null ? void 0 : e.ownerDocument) || window.document;
-  }, ft = () => {
+  }, mt = () => {
     var e, n;
     (e = t == null ? void 0 : t.current) != null && e.wrapper && ((n = t == null ? void 0 : t.current) == null || n.wrapper.focus({ preventScroll: !0 }));
   }, L = () => {
     let e;
-    return H.current !== void 0 && H.current !== null ? e = H.current : r.value !== void 0 ? e = r.value : p.value !== void 0 && p.value !== null ? e = p.value : r.defaultValue !== void 0 && r.defaultValue !== null && (e = r.defaultValue), !at(e) && r.defaultItem !== void 0 && r.defaultItem !== null && (e = r.defaultItem), e;
-  }, vt = () => {
+    return H.current !== void 0 && H.current !== null ? e = H.current : r.value !== void 0 ? e = r.value : p.value !== void 0 && p.value !== null ? e = p.value : r.defaultValue !== void 0 && r.defaultValue !== null && (e = r.defaultValue), !it(e) && r.defaultItem !== void 0 && r.defaultItem !== null && (e = r.defaultItem), e;
+  }, ft = () => {
     const { dataItemKey: e } = r, n = P(D), a = L();
     return n.findIndex((c) => N(c, a, e));
-  }, we = () => r.required !== void 0 ? r.required : z.required, ye = () => {
-    const e = r.validationMessage !== void 0, n = L(), a = !we() || n !== null && n !== "" && n !== void 0, c = r.valid !== void 0 ? r.valid : a;
+  }, ye = () => r.required !== void 0 ? r.required : z.required, we = () => {
+    const e = r.validationMessage !== void 0, n = L(), a = !ye() || n !== null && n !== "" && n !== void 0, c = r.valid !== void 0 ? r.valid : a;
     return {
       customError: e,
       valid: c,
       valueMissing: n === null
     };
-  }, gt = () => r.validityStyles !== void 0 ? r.validityStyles : z.validityStyles, oe = (e) => {
+  }, vt = () => r.validityStyles !== void 0 ? r.validityStyles : z.validityStyles, oe = (e) => {
     ie.current = !0, e.focus(), window.setTimeout(() => ie.current = !1, 30);
   }, xe = () => {
     R.current && oe(R.current), r.adaptive && setTimeout(() => {
       R.current && oe(R.current);
     }, 300);
-  }, ht = i.useCallback((e) => {
+  }, gt = i.useCallback((e) => {
     for (const n of e)
-      zt(n.target.clientWidth);
+      Tt(n.target.clientWidth);
   }, []), Ae = () => {
     var e;
     (e = Ee.current) != null && e.setCustomValidity && Ee.current.setCustomValidity(
-      ye().valid ? "" : r.validationMessage || wn
+      we().valid ? "" : r.validationMessage || yn
     );
   }, q = (e, n) => {
     const a = L();
@@ -85,7 +85,7 @@ const wn = "Please select a value from the list!", Te = i.forwardRef((D, ut) =>
     q(o, n), d && ((s = t == null ? void 0 : t.current) == null || s.triggerPageChangeCornerItems(o, n));
   }, A = (e, n, a) => {
     var I, h;
-    const { defaultItem: c, dataItemKey: u, virtual: m = { skip: 0, total: 0, pageSize: 0 } } = r, v = L(), f = P(D), o = (I = t == null ? void 0 : t.current) == null ? void 0 : I.vs, d = f.findIndex((w) => N(w, v, u)), s = (h = t == null ? void 0 : t.current) == null ? void 0 : h.navigation.navigate({
+    const { defaultItem: c, dataItemKey: u, virtual: m = { skip: 0, total: 0, pageSize: 0 } } = r, v = L(), f = P(D), o = (I = t == null ? void 0 : t.current) == null ? void 0 : I.vs, d = f.findIndex((y) => N(y, v, u)), s = (h = t == null ? void 0 : t.current) == null ? void 0 : h.navigation.navigate({
       current: m.skip + d,
       max: (o != null && o.enabled ? m.total : f.length) - 1,
       min: c !== void 0 ? -1 : 0,
@@ -93,9 +93,9 @@ const wn = "Please select a value from the list!", Te = i.forwardRef((D, ut) =>
       skipItems: a || void 0
     });
     s !== void 0 && X(s, e), K(e);
-  }, It = (e) => {
+  }, ht = (e) => {
     Z.current = e, t.current.wrapper = e;
-  }, wt = (e) => /* @__PURE__ */ i.createElement(
+  }, It = (e) => /* @__PURE__ */ i.createElement(
     "select",
     {
       name: r.name,
@@ -117,7 +117,7 @@ const wn = "Please select a value from the list!", Te = i.forwardRef((D, ut) =>
       filterable: u,
       skipDisabledItems: m = !0
     } = r, v = L(), f = P(D), o = r.filter ? r.filter : p.text;
-    return m && e && !o && !v ? f.findIndex((d) => !d.disabled && d[e]) : at(v) && o === void 0 || u && o === "" ? f.findIndex((d) => N(d, v, n)) : o ? ke.current ? c(f, o, e) : f.findIndex((d) => N(d, v, n)) : a.skip === 0 ? 0 : -1;
+    return m && e && !o && !v ? f.findIndex((d) => !d.disabled && d[e]) : it(v) && o === void 0 || u && o === "" ? f.findIndex((d) => N(d, v, n)) : o ? ke.current ? c(f, o, e) : f.findIndex((d) => N(d, v, n)) : a.skip === 0 ? 0 : -1;
   }, He = (e, n) => n !== void 0 && n !== -1 && e && e.length > 0 && e[n].disabled, Se = () => {
     const e = P(D), n = t.current.initState(), a = De();
     He(e, a) && (q(null, n), K(n));
@@ -127,7 +127,7 @@ const wn = "Please select a value from the list!", Te = i.forwardRef((D, ut) =>
     const n = t.current.initState();
     n.syntheticEvent = e, p.focused || (n.data.focused = !0), Se(), t.current.togglePopup(n), K(n);
   }, Ve = (e) => {
-    var O, pe, _, me, j, nt, rt;
+    var O, pe, _, me, j, tt, nt;
     e && e.target instanceof Element && e.target.nodeName === "INPUT" && e.stopPropagation && e.stopPropagation();
     const {
       filterable: n,
@@ -139,33 +139,33 @@ const wn = "Please select a value from the list!", Te = i.forwardRef((D, ut) =>
       groupField: f = "",
       textField: o,
       skipDisabledItems: d = !0
-    } = r, s = P(D), I = L(), h = s.findIndex((C) => N(C, I, v)), w = r.opened !== void 0 ? r.opened : p.opened, l = e.keyCode, T = l === y.home || l === y.end, M = l === y.up || l === y.down, $ = !w && (e.altKey && l === y.down || l === y.enter || l === y.space), re = w && (e.altKey && l === y.up || l === y.esc), ce = u && (l === y.left || l === y.right), ue = M || ce && !n || T, S = t.current.initState();
+    } = r, s = P(D), I = L(), h = s.findIndex((C) => N(C, I, v)), y = r.opened !== void 0 ? r.opened : p.opened, l = e.keyCode, T = l === w.home || l === w.end, M = l === w.up || l === w.down, $ = !y && (e.altKey && l === w.down || l === w.enter || l === w.space), re = y && (e.altKey && l === w.up || l === w.esc), ce = u && (l === w.left || l === w.right), ue = M || ce && !n || T, S = t.current.initState();
     if (S.syntheticEvent = e, !a) {
       if (T && ((O = t == null ? void 0 : t.current) != null && O.vs.enabled))
-        l === y.home ? m.skip !== 0 ? ((pe = t == null ? void 0 : t.current) == null || pe.triggerOnPageChange(S, 0, m.pageSize), V.current = !0) : q(s[0], S) : m.skip < m.total - m.pageSize ? ((_ = t == null ? void 0 : t.current) == null || _.triggerOnPageChange(
+        l === w.home ? m.skip !== 0 ? ((pe = t == null ? void 0 : t.current) == null || pe.triggerOnPageChange(S, 0, m.pageSize), V.current = !0) : q(s[0], S) : m.skip < m.total - m.pageSize ? ((_ = t == null ? void 0 : t.current) == null || _.triggerOnPageChange(
           S,
           m.total - m.pageSize,
           m.pageSize
         ), V.current = !0) : q(s[s.length - 1], S);
-      else if (w && l === y.pageUp)
+      else if (y && l === w.pageUp)
         e.preventDefault(), (me = t == null ? void 0 : t.current) == null || me.scrollPopupByPageSize(-1);
-      else if (w && l === y.pageDown)
+      else if (y && l === w.pageDown)
         e.preventDefault(), (j = t == null ? void 0 : t.current) == null || j.scrollPopupByPageSize(1);
-      else if (w && l === y.enter) {
+      else if (y && l === w.enter) {
         const C = De();
-        He(s, C) ? (q(null, S), K(S)) : X(C, S), (nt = t == null ? void 0 : t.current) == null || nt.togglePopup(S), e.preventDefault();
+        He(s, C) ? (q(null, S), K(S)) : X(C, S), (tt = t == null ? void 0 : t.current) == null || tt.togglePopup(S), e.preventDefault();
       } else if ($ || re)
-        re && Se(), (rt = t == null ? void 0 : t.current) == null || rt.togglePopup(S), e.preventDefault();
+        re && Se(), (nt = t == null ? void 0 : t.current) == null || nt.togglePopup(S), e.preventDefault();
       else if (ue) {
         if (ke.current = !1, f !== "" && o)
-          if (!d && w)
+          if (!d && y)
             A(S, l);
           else {
             let C;
-            if (l === y.down || l === y.right) {
+            if (l === w.down || l === w.right) {
               const x = s.slice(h + 1).find((g) => !g.disabled && g[o]);
               C = x && s.findIndex((g) => g[o] === x[o]);
-            } else if (l === y.up || l === y.left) {
+            } else if (l === w.up || l === w.left) {
               let x;
               if (h === 0 && c)
                 C = -1;
@@ -184,14 +184,14 @@ const wn = "Please select a value from the list!", Te = i.forwardRef((D, ut) =>
               A(S, l, x);
             } else C === void 0 && s.findIndex((x) => x[o] === I[o]) === s.length - 1 && A(S, l);
           }
-        else if (!d && w || T)
+        else if (!d && y || T)
           A(S, l);
         else if (o) {
           let C;
-          if (l === y.down || l === y.right) {
+          if (l === w.down || l === w.right) {
             const x = s.slice(h + 1).find((g) => !g.disabled && g[o]);
             C = x && s.findIndex((g) => g[o] === x[o]);
-          } else if (l === y.up || l === y.left) {
+          } else if (l === w.up || l === w.left) {
             let x;
             if (h === 0 && c)
               C = -1;
@@ -233,7 +233,7 @@ const wn = "Please select a value from the list!", Te = i.forwardRef((D, ut) =>
         renderListFilterWrapper: !0
       }
     );
-  }, xt = (e) => {
+  }, wt = (e) => {
     var a;
     const n = t.current.initState();
     n.syntheticEvent = e, (a = t == null ? void 0 : t.current) == null || a.togglePopup(n), q(r.defaultItem, n), K(n);
@@ -246,13 +246,13 @@ const wn = "Please select a value from the list!", Te = i.forwardRef((D, ut) =>
         textField: e,
         selected: N(c, n, a),
         key: "defaultitemkey",
-        onClick: xt
+        onClick: wt
       }
     );
-  }, Dt = (e, n) => {
+  }, xt = (e, n) => {
     var a;
     (a = t == null ? void 0 : t.current) == null || a.handleItemClick(e, n), H.current = void 0;
-  }, St = (e) => {
+  }, Dt = (e) => {
     const { vs: n, list: a } = t.current;
     n.scrollHandler(e);
     const { groupField: c } = r;
@@ -274,7 +274,7 @@ const wn = "Please select a value from the list!", Te = i.forwardRef((D, ut) =>
       groupHeaderItemRender: c,
       listNoDataRender: u,
       itemRender: m
-    } = r, v = P(D), f = F && F.uDropDownList, o = t.current.vs, d = a.skip, s = r.opened !== void 0 ? r.opened : p.opened, I = t.current.getPopupSettings(), h = `translateY(${o.translate}px)`, w = L();
+    } = r, v = P(D), f = F && F.uDropDownList, o = t.current.vs, d = a.skip, s = r.opened !== void 0 ? r.opened : p.opened, I = t.current.getPopupSettings(), h = `translateY(${o.translate}px)`, y = L();
     return /* @__PURE__ */ i.createElement(
       dn,
       {
@@ -282,7 +282,7 @@ const wn = "Please select a value from the list!", Te = i.forwardRef((D, ut) =>
         show: s,
         data: v.slice(),
         focusedIndex: De(),
-        value: w,
+        value: y,
         textField: e,
         valueField: n,
         optionsGuid: je,
@@ -294,24 +294,24 @@ const wn = "Please select a value from the list!", Te = i.forwardRef((D, ut) =>
         listStyle: o.enabled ? { transform: h } : void 0,
         key: "listkey",
         skip: d,
-        onClick: Dt,
+        onClick: xt,
         itemRender: m,
         groupHeaderItemRender: c,
         noDataRender: u,
-        onScroll: St,
+        onScroll: Dt,
         wrapperRef: o.scrollerRef,
         scroller: (l = t == null ? void 0 : t.current) == null ? void 0 : l.renderScrollElement(),
         ariaSetSize: a.total
       }
     );
-  }, Ct = () => {
+  }, St = () => {
     var h;
     const { header: e, footer: n, adaptiveTitle: a, groupField: c, groupStickyHeaderItemRender: u, list: m } = r, v = P(D), f = r.opened !== void 0 ? r.opened : p.opened, o = F && F.uDropDownList, d = F && F.uDropDownsActionSheet, s = {
       navigatable: !1,
       navigatableElements: [],
       expand: f,
       animation: !0,
-      onClose: (w) => Ce(w),
+      onClose: (y) => Ce(y),
       className: E(
         J.wrapper({
           c: d
@@ -323,7 +323,7 @@ const wn = "Please select a value from the list!", Te = i.forwardRef((D, ut) =>
     };
     let { group: I } = p;
     return I === void 0 && c !== void 0 && (I = fe(v[0], c)), /* @__PURE__ */ i.createElement(gn, { ...s }, /* @__PURE__ */ i.createElement(hn, { className: E(J.header({ c: d })) }, /* @__PURE__ */ i.createElement("div", { className: E(J.titleBar({ c: d })) }, /* @__PURE__ */ i.createElement("div", { className: E(J.title({ c: d })) }, /* @__PURE__ */ i.createElement("div", null, a)), /* @__PURE__ */ i.createElement("div", { className: E(J.actions({ c: d })) }, /* @__PURE__ */ i.createElement(
-      st,
+      lt,
       {
         tabIndex: 0,
         "aria-label": "Cancel",
@@ -347,7 +347,7 @@ const wn = "Please select a value from the list!", Te = i.forwardRef((D, ut) =>
       },
       We(),
       !m && I && v.length !== 0 && /* @__PURE__ */ i.createElement(
-        it,
+        ot,
         {
           group: I,
           groupMode: "modern",
@@ -356,14 +356,14 @@ const wn = "Please select a value from the list!", Te = i.forwardRef((D, ut) =>
       ),
       _e()
     ), n && /* @__PURE__ */ i.createElement("div", { className: E(b.listFooter({ c: o })) }, n)));
-  }, Et = () => {
+  }, Ct = () => {
     p.focused && window.setTimeout(() => {
       p.focused && t.current.wrapper && oe(t.current.wrapper);
     });
-  }, kt = (e) => {
+  }, Et = (e) => {
     var n;
     (n = r.popupSettings) != null && n.onMouseDownOutside && r.popupSettings.onMouseDownOutside.call(void 0, e);
-  }, Lt = () => {
+  }, kt = () => {
     const { header: e, footer: n, dir: a, groupField: c, groupStickyHeaderItemRender: u, list: m } = r, v = P(D), f = t.current, o = f.getPopupSettings(), d = r.opened !== void 0 ? r.opened : p.opened, s = o.width !== void 0 ? o.width : f.popupWidth, I = F && F.uDropDownList, h = {
       dir: a !== void 0 ? a : f.dirCalculated,
       width: s,
@@ -378,13 +378,13 @@ const wn = "Please select a value from the list!", Te = i.forwardRef((D, ut) =>
         anchor: o.anchor || Z.current,
         show: d,
         onOpen: xe,
-        onClose: Et,
-        onMouseDownOutside: kt
+        onClose: Ct,
+        onMouseDownOutside: Et
       },
       itemsCount: [v.length]
     };
-    let { group: w } = p;
-    return w === void 0 && c !== void 0 && (w = fe(v[0], c)), /* @__PURE__ */ i.createElement(an, { ...h }, Be(), e && /* @__PURE__ */ i.createElement("div", { className: E(b.listHeader({ c: I })) }, e), /* @__PURE__ */ i.createElement(
+    let { group: y } = p;
+    return y === void 0 && c !== void 0 && (y = fe(v[0], c)), /* @__PURE__ */ i.createElement(an, { ...h }, Be(), e && /* @__PURE__ */ i.createElement("div", { className: E(b.listHeader({ c: I })) }, e), /* @__PURE__ */ i.createElement(
       "div",
       {
         className: E(
@@ -396,10 +396,10 @@ const wn = "Please select a value from the list!", Te = i.forwardRef((D, ut) =>
         )
       },
       We(),
-      !m && w && v.length !== 0 && /* @__PURE__ */ i.createElement(it, { group: w, groupMode: "modern", render: u }),
+      !m && y && v.length !== 0 && /* @__PURE__ */ i.createElement(ot, { group: y, groupMode: "modern", render: u }),
       _e()
     ), n && /* @__PURE__ */ i.createElement("div", { className: E(b.listFooter({ c: I })) }, n), ze && /* @__PURE__ */ i.createElement(tn, null));
-  }, bt = (e) => {
+  }, Lt = (e) => {
     const { dataItemKey: n } = r, a = P(D), c = L();
     let u = a.map((M, $) => ({ item: M, itemIndex: $ }));
     const m = U.current.word, v = U.current.last, f = un(m, v);
@@ -408,10 +408,10 @@ const wn = "Please select a value from the list!", Te = i.forwardRef((D, ut) =>
       a.findIndex((M) => N(M, c, n))
     ), s;
     r.defaultItem && (s = { item: r.defaultItem, itemIndex: -1 }, o += 1, d += 1), d += f ? 1 : 0, u = pn(u, d, s);
-    let I, h, w, l = 0;
+    let I, h, y, l = 0;
     const { textField: T } = r;
     for (; l < o; ) {
-      if (I = fe(u[l].item, T), h = f && lt(I, v, ge), w = lt(I, m, ge), h || w) {
+      if (I = fe(u[l].item, T), h = f && at(I, v, ge), y = at(I, m, ge), h || y) {
         l = u[l].itemIndex;
         break;
       }
@@ -421,24 +421,24 @@ const wn = "Please select a value from the list!", Te = i.forwardRef((D, ut) =>
       const M = t.current.initState();
       M.syntheticEvent = e, X(l, M), K(M), H.current = void 0;
     }
+  }, bt = (e) => {
+    clearTimeout(Ue.current), r.filterable || (Ue.current = window.setTimeout(() => U.current.word = "", ut), Lt(e));
   }, Pt = (e) => {
-    clearTimeout(Ue.current), r.filterable || (Ue.current = window.setTimeout(() => U.current.word = "", pt), bt(e));
-  }, Mt = (e) => {
     ie.current || t.current.handleFocus(e);
-  }, Nt = (e) => {
+  }, Mt = (e) => {
     if (ie.current || !p.focused)
       return;
     const n = r.opened !== void 0 ? r.opened : p.opened, a = t.current.initState();
     a.syntheticEvent = e, a.data.focused = !1, a.events.push({ type: "onBlur" }), n && Se(), n && !Fe && t.current.togglePopup(a), K(a);
-  }, Ft = (e) => {
-    if (r.filterable || e.which === 0 || e.keyCode === y.enter)
+  }, Nt = (e) => {
+    if (r.filterable || e.which === 0 || e.keyCode === w.enter)
       return;
     let n = String.fromCharCode(e.charCode || e.keyCode);
     ge && (n = n.toLowerCase()), n === " " && e.preventDefault(), U.current = {
       word: U.current.word + n,
       last: U.current.last + n
-    }, Pt(e);
-  }, Kt = () => {
+    }, bt(e);
+  }, Ft = () => {
     const e = t.current.initState();
     e.data.opened = p.opened, t.current.togglePopup(e), K(e);
   }, qe = i.useRef(null), Z = i.useRef(null), Ee = i.useRef(), R = i.useRef(null);
@@ -449,13 +449,13 @@ const wn = "Please select a value from the list!", Te = i.forwardRef((D, ut) =>
         return Z.current;
       },
       get index() {
-        return vt();
+        return ft();
       },
       get name() {
         return r.name;
       },
       get validity() {
-        return ye();
+        return we();
       },
       get value() {
         return L();
@@ -466,16 +466,16 @@ const wn = "Please select a value from the list!", Te = i.forwardRef((D, ut) =>
       get opened() {
         return p.opened;
       },
-      focus: ft,
+      focus: mt,
       props: r,
-      togglePopup: Kt
+      togglePopup: Ft
     })
   ), i.useImperativeHandle(
-    ut,
+    ct,
     () => qe.current
   );
   const Ue = i.useRef(null), U = i.useRef({ word: "", last: "" }), ie = i.useRef(!1), H = i.useRef(null), V = i.useRef(!1), ke = i.useRef(!1), B = i.useRef({}), Le = i.useRef({}), t = i.useRef(
-    new ct({
+    new dt({
       props: D,
       setState: () => {
       },
@@ -487,8 +487,8 @@ const wn = "Please select a value from the list!", Te = i.forwardRef((D, ut) =>
       handleItemSelect: () => {
       }
     })
-  ), Ge = i.useRef(0), ee = i.useRef(null), [p, Tt] = i.useState({}), [G, zt] = i.useState(), [, Ye] = i.useReducer((e) => e, !0), Ot = fn(), te = (e) => {
-    Tt({ ...p, ...e });
+  ), Ge = i.useRef(0), ee = i.useRef(null), [p, Kt] = i.useState({}), [G, Tt] = i.useState(), [, Ye] = i.useReducer((e) => e, !0), zt = fn(), te = (e) => {
+    Kt({ ...p, ...e });
   };
   i.useEffect(() => {
     t.current.updateComponentArgs({
@@ -501,14 +501,14 @@ const wn = "Please select a value from the list!", Te = i.forwardRef((D, ut) =>
       value: L()
     });
   }, [te, p, Ye, X, L]), i.useEffect(() => {
-    var d, s, I, h, w, l, T, M, $, re, ce, ue, S;
+    var d, s, I, h, y, l, T, M, $, re, ce, ue, S;
     const { dataItemKey: e, virtual: n, groupField: a = "", textField: c } = r, u = P(D), m = B.current.virtual ? B.current.virtual.total : 0, v = r.opened !== void 0 ? r.opened : p.opened, f = B.current.opened !== void 0 ? B.current.opened : Le.current.opened, o = !f && v;
     if ((d = t == null ? void 0 : t.current) == null || d.didUpdate(), (s = t == null ? void 0 : t.current) != null && s.getPopupSettings().animate || o && xe(), n && n.total !== m)
       (I = t == null ? void 0 : t.current) == null || I.vs.calcScrollElementHeight(), (h = t == null ? void 0 : t.current) == null || h.vs.reset();
     else {
       const O = L(), pe = B.current.value !== void 0 ? B.current.value : Le.current.value;
       let _ = u.findIndex((j) => N(j, O, e));
-      a !== "" && O && c && (_ = (l = (w = t == null ? void 0 : t.current) == null ? void 0 : w.getGroupedDataModernMode(u, a)) == null ? void 0 : l.map((j) => j[c]).indexOf(O[c]));
+      a !== "" && O && c && (_ = (l = (y = t == null ? void 0 : t.current) == null ? void 0 : y.getGroupedDataModernMode(u, a)) == null ? void 0 : l.map((j) => j[c]).indexOf(O[c]));
       const me = !N(pe, O, e);
       o && n ? (T = t == null ? void 0 : t.current) == null || T.scrollToVirtualItem(n, _) : o && !n ? (xe(), u && u.length !== 0 && ((M = t == null ? void 0 : t.current) == null || M.resetGroupStickyHeader(u[0][a], {
         setState: te,
@@ -519,35 +519,35 @@ const wn = "Please select a value from the list!", Te = i.forwardRef((D, ut) =>
     V.current = !1, Le.current = p, B.current = r, Ae();
   }), i.useEffect(() => {
     var e, n;
-    return ee.current = ot && window.ResizeObserver && new window.ResizeObserver(ht.bind(void 0)), (e = t == null ? void 0 : t.current) == null || e.didMount(), Ae(), (n = Ie()) != null && n.body && ee.current && ee.current.observe(Ie().body), () => {
+    return ee.current = rt && window.ResizeObserver && new window.ResizeObserver(gt.bind(void 0)), (e = t == null ? void 0 : t.current) == null || e.didMount(), Ae(), (n = Ie()) != null && n.body && ee.current && ee.current.observe(Ie().body), () => {
       var a;
       (a = Ie()) != null && a.body && ee.current && ee.current.disconnect();
     };
   }, []);
-  const $e = ve + "-accessibility-id", be = ve + "-listbox-id", je = ve + "-guid", At = Ot.toLanguageString(
-    dt,
-    vn[dt]
+  const $e = ve + "-accessibility-id", be = ve + "-listbox-id", je = ve + "-guid", Ot = zt.toLanguageString(
+    st,
+    vn[st]
   ), {
     style: ae,
-    className: Ht,
+    className: At,
     label: Pe,
-    dir: Vt,
+    dir: Ht,
     virtual: W,
     adaptive: Dn,
-    dataItemKey: Bt,
+    dataItemKey: Vt,
     disabled: le,
     loading: Je,
     iconClassName: Qe,
-    svgIcon: Xe,
-    valueRender: Ze
-  } = r, Me = r.opened !== void 0 ? r.opened : p.opened, se = L(), Ne = fe(se, r.textField), Re = !gt() || ye().valid, de = t.current, Wt = de.vs, ne = F && F.uDropDownList;
+    svgIcon: Bt,
+    valueRender: Xe
+  } = r, Me = r.opened !== void 0 ? r.opened : p.opened, se = L(), Ne = fe(se, r.textField), Ze = !vt() || we().valid, de = t.current, Wt = de.vs, ne = F && F.uDropDownList;
   Wt.enabled = W !== void 0;
   const Y = Qt(), Fe = !!(G && Y && G <= Y.medium && D.adaptive);
   W !== void 0 && (de.vs.skip = W.skip, de.vs.total = W.total, de.vs.pageSize = W.pageSize);
-  const _t = P(D), { focused: qt } = p, Ut = _t.findIndex((e) => N(e, se, Bt)), et = /* @__PURE__ */ i.createElement("span", { id: $e, className: E(b.inputInner({ c: ne })) }, Ne && /* @__PURE__ */ i.createElement("span", { className: E(b.inputText({ c: ne })) }, Ne)), Gt = Ze !== void 0 ? Ze.call(void 0, et, se) : et, tt = /* @__PURE__ */ i.createElement(i.Fragment, null, /* @__PURE__ */ i.createElement(
+  const _t = P(D), { focused: qt } = p, Ut = _t.findIndex((e) => N(e, se, Vt)), Re = /* @__PURE__ */ i.createElement("span", { id: $e, className: E(b.inputInner({ c: ne })) }, Ne && /* @__PURE__ */ i.createElement("span", { className: E(b.inputText({ c: ne })) }, Ne)), Gt = Xe !== void 0 ? Xe.call(void 0, Re, se) : Re, et = /* @__PURE__ */ i.createElement(i.Fragment, null, /* @__PURE__ */ i.createElement(
     "span",
     {
-      ref: It,
+      ref: ht,
       className: E(
         b.wrapper({
           c: ne,
@@ -556,26 +556,26 @@ const wn = "Please select a value from the list!", Te = i.forwardRef((D, ut) =>
           fillMode: he,
           focused: qt,
           disabled: le,
-          invalid: !Re,
+          invalid: !Ze,
           loading: Je,
-          required: we()
+          required: ye()
         }),
-        Ht
+        At
       ),
       style: Pe ? { ...ae, width: void 0 } : ae,
-      dir: Vt,
+      dir: Ht,
       onMouseDown: Me ? (e) => {
         e.target.nodeName !== "INPUT" && (oe(t.current.wrapper), e.preventDefault());
       } : void 0,
-      onFocus: Mt,
-      onBlur: Nt,
-      tabIndex: Xt(mt, le),
+      onFocus: Pt,
+      onBlur: Mt,
+      tabIndex: Xt(pt, le),
       accessKey: r.accessKey,
       onKeyDown: Ve,
-      onKeyPress: Ft,
+      onKeyPress: Nt,
       onClick: le ? void 0 : Ce,
       role: "combobox",
-      "aria-required": we(),
+      "aria-required": ye(),
       "aria-disabled": le || void 0,
       "aria-haspopup": "listbox",
       "aria-expanded": Me || !1,
@@ -591,36 +591,35 @@ const wn = "Please select a value from the list!", Te = i.forwardRef((D, ut) =>
     Gt,
     Je && /* @__PURE__ */ i.createElement(Zt, { className: E(b.loadingIcon({ c: ne })), name: "loading" }),
     /* @__PURE__ */ i.createElement(
-      st,
+      lt,
       {
         tabIndex: -1,
         type: "button",
-        "aria-label": At,
+        "aria-label": Ot,
         size: Q,
         fillMode: he,
-        iconClass: Qe,
         className: E(b.inputButton({ c: ne })),
         rounded: null,
         themeColor: "base",
-        icon: Qe ? void 0 : "caret-alt-down",
-        svgIcon: Xe || rn,
+        iconClass: Qe,
+        svgIcon: Qe ? void 0 : Bt || rn,
         onMouseDown: (e) => p.focused && e.preventDefault()
       }
     ),
-    wt(se),
-    !Fe && Lt()
-  ), Fe && Ct());
+    It(se),
+    !Fe && kt()
+  ), Fe && St());
   return Pe ? /* @__PURE__ */ i.createElement(
     nn,
     {
       label: Pe,
       editorValue: Ne,
-      editorValid: Re,
+      editorValid: Ze,
       editorDisabled: r.disabled,
       style: { width: ae ? ae.width : void 0 },
-      children: tt
+      children: et
     }
-  ) : tt;
+  ) : et;
 });
 Te.propTypes = {
   delay: k.number,
@@ -646,7 +645,7 @@ const z = {
   delay: 500,
   tabIndex: 0,
   ignoreCase: !0,
-  ...ct.defaultProps,
+  ...dt.defaultProps,
   required: !1,
   size: "medium",
   rounded: "medium",
@@ -654,10 +653,10 @@ const z = {
   groupMode: "modern"
 };
 Te.displayName = "KendoReactDropDownList";
-const yn = en();
+const wn = en();
 Te.displayName = "KendoReactDropDownList";
 export {
   Te as DropDownList,
-  yn as DropDownListPropsContext,
+  wn as DropDownListPropsContext,
   z as dropDownListDefaultProps
 };