@progress/kendo-react-dropdowns 13.4.0-develop.3 → 13.4.0-develop.5

package/DropDownList/DropDownList.mjs

@@ -7,101 +7,101 @@
  */
 import * as s from "react";
 import C from "prop-types";
-import { createPropsContext as Jt, getLicenseMessage as Qt, usePropsContext as Xt, validatePackage as Zt, useUnstyled as Rt, useId as en, canUseDOM as tt, useAdaptiveModeContext as tn, classNames as L, uDropDownList as P, getTabIndex as nn, IconWrap as rn, Keys as I, WatermarkOverlay as on, sizeMap as sn, svgIconPropType as an } from "@progress/kendo-react-common";
-import { FloatingLabel as ln } from "@progress/kendo-react-labels";
-import { caretAltDownIcon as dn } from "@progress/kendo-svg-icons";
-import cn from "../common/ListContainer.mjs";
-import un from "../common/ListFilter.mjs";
-import nt from "../common/GroupStickyHeader.mjs";
-import pn from "../common/ListDefaultItem.mjs";
-import mn from "../common/List.mjs";
-import dt from "../common/DropDownBase.mjs";
-import { getFilteredData as E, areSame as F, getItemValue as te, isPresent as rt, itemIndexStartsWith as fn, sameCharsOnly as gn, shuffleData as vn, matchText as ot } from "../common/utils.mjs";
-import { packageMetadata as it } from "../package-metadata.mjs";
-import { Button as In } from "@progress/kendo-react-buttons";
-import { useLocalization as hn } from "@progress/kendo-react-intl";
-import { dropDownListArrowBtnAriaLabel as st, messages as at, dropDownListAdaptiveFilterPlaceholder as lt } from "../messages/index.mjs";
-import { ActionSheetContent as yn } from "@progress/kendo-react-layout";
-import { AdaptiveMode as wn } from "../common/AdaptiveMode.mjs";
-const Dn = "Please select a value from the list!", Me = s.forwardRef((ct, ut) => {
+import { createPropsContext as Xt, getLicenseMessage as Zt, usePropsContext as Rt, validatePackage as en, useUnstyled as tn, useId as nn, useKendoPaste as rn, canUseDOM as nt, useAdaptiveModeContext as on, classNames as L, uDropDownList as P, getTabIndex as sn, IconWrap as an, Keys as I, WatermarkOverlay as ln, sizeMap as dn, svgIconPropType as cn } from "@progress/kendo-react-common";
+import { FloatingLabel as un } from "@progress/kendo-react-labels";
+import { caretAltDownIcon as pn } from "@progress/kendo-svg-icons";
+import mn from "../common/ListContainer.mjs";
+import fn from "../common/ListFilter.mjs";
+import rt from "../common/GroupStickyHeader.mjs";
+import gn from "../common/ListDefaultItem.mjs";
+import vn from "../common/List.mjs";
+import ct from "../common/DropDownBase.mjs";
+import { getFilteredData as E, getItemIndexByText as In, areSame as F, getItemValue as ne, isPresent as ot, itemIndexStartsWith as hn, sameCharsOnly as yn, shuffleData as wn, matchText as it } from "../common/utils.mjs";
+import { packageMetadata as st } from "../package-metadata.mjs";
+import { Button as xn } from "@progress/kendo-react-buttons";
+import { useLocalization as Dn } from "@progress/kendo-react-intl";
+import { dropDownListArrowBtnAriaLabel as at, messages as lt, dropDownListAdaptiveFilterPlaceholder as dt } from "../messages/index.mjs";
+import { ActionSheetContent as Sn } from "@progress/kendo-react-layout";
+import { AdaptiveMode as Cn } from "../common/AdaptiveMode.mjs";
+const kn = "Please select a value from the list!", Me = s.forwardRef((ut, pt) => {
   let Ke = !1;
-  const pt = Qt(it), n = Xt(xn, ct), {
-    delay: mt = z.delay,
-    tabIndex: ft = z.tabIndex,
-    ignoreCase: pe = z.ignoreCase,
+  const mt = Zt(st), n = Rt(En, ut), {
+    delay: ft = z.delay,
+    tabIndex: gt = z.tabIndex,
+    ignoreCase: J = z.ignoreCase,
     size: O = z.size,
     rounded: Ne = z.rounded,
     fillMode: me = z.fillMode
   } = n;
   if (n.filterable || n.virtual) {
     const e = [];
-    n.filterable && e.push("filterable"), n.virtual && e.push("virtualization"), Ke = !Zt(it, {
+    n.filterable && e.push("filterable"), n.virtual && e.push("virtualization"), Ke = !en(st, {
       component: "DropDownList",
       features: e
     });
   }
-  const M = Rt(), fe = en(n.id), ge = () => {
+  const K = tn(), fe = nn(n.id), ge = () => {
     var e;
-    if (tt)
-      return ((e = J.current) == null ? void 0 : e.ownerDocument) || window.document;
-  }, gt = () => {
+    if (nt)
+      return ((e = A.current) == null ? void 0 : e.ownerDocument) || window.document;
+  }, vt = () => {
     var e, r;
     (e = t == null ? void 0 : t.current) != null && e.wrapper && ((r = t == null ? void 0 : t.current) == null || r.wrapper.focus({ preventScroll: !0 }));
   }, k = () => {
     let e;
-    return H.current !== void 0 && H.current !== null ? e = H.current : n.value !== void 0 ? e = n.value : p.value !== void 0 && p.value !== null ? e = p.value : n.defaultValue !== void 0 && n.defaultValue !== null && (e = n.defaultValue), !rt(e) && n.defaultItem !== void 0 && n.defaultItem !== null && (e = n.defaultItem), e;
-  }, vt = () => {
+    return B.current !== void 0 && B.current !== null ? e = B.current : n.value !== void 0 ? e = n.value : m.value !== void 0 && m.value !== null ? e = m.value : n.defaultValue !== void 0 && n.defaultValue !== null && (e = n.defaultValue), !ot(e) && n.defaultItem !== void 0 && n.defaultItem !== null && (e = n.defaultItem), e;
+  }, It = () => {
     const { dataItemKey: e } = n, r = E(n), o = k();
-    return r.findIndex((l) => F(l, o, e));
+    return r.findIndex((d) => F(d, o, e));
   }, ve = () => n.required !== void 0 ? n.required : z.required, Ie = () => {
-    const e = n.validationMessage !== void 0, r = k(), o = !ve() || r !== null && r !== "" && r !== void 0, l = n.valid !== void 0 ? n.valid : o;
+    const e = n.validationMessage !== void 0, r = k(), o = !ve() || r !== null && r !== "" && r !== void 0, d = n.valid !== void 0 ? n.valid : o;
     return {
       customError: e,
-      valid: l,
+      valid: d,
       valueMissing: r === null
     };
-  }, It = () => n.validityStyles !== void 0 ? n.validityStyles : z.validityStyles, ne = (e) => {
-    re.current = !0, e.focus(), window.setTimeout(() => re.current = !1, 30);
+  }, ht = () => n.validityStyles !== void 0 ? n.validityStyles : z.validityStyles, re = (e) => {
+    oe.current = !0, e.focus(), window.setTimeout(() => oe.current = !1, 30);
   }, he = () => {
-    Q.current && ne(Q.current), n.adaptive && setTimeout(() => {
-      Q.current && ne(Q.current);
+    X.current && re(X.current), n.adaptive && setTimeout(() => {
+      X.current && re(X.current);
     }, 300);
-  }, ht = s.useCallback((e) => {
+  }, yt = s.useCallback((e) => {
     for (const r of e)
-      Ht(r.target.clientWidth);
+      At(r.target.clientWidth);
   }, []), Te = () => {
     var e;
-    (e = xe.current) != null && e.setCustomValidity && xe.current.setCustomValidity(
-      Ie().valid ? "" : n.validationMessage || Dn
+    (e = De.current) != null && e.setCustomValidity && De.current.setCustomValidity(
+      Ie().valid ? "" : n.validationMessage || kn
     );
-  }, _ = (e, r) => {
+  }, V = (e, r) => {
     const o = k();
-    F(o, e, n.dataItemKey) || (n.value === void 0 && (r.data.value = e), t.current.updateComponentArgs({ value: e }), H.current = e, r.events.push({ type: "onChange" }));
-  }, K = (e) => {
+    F(o, e, n.dataItemKey) || (n.value === void 0 && (r.data.value = e), t.current.updateComponentArgs({ value: e }), B.current = e, r.events.push({ type: "onChange" }));
+  }, M = (e) => {
     var r;
-    (r = t == null ? void 0 : t.current) == null || r.applyState(e), H.current = void 0;
-  }, j = (e, r) => {
+    (r = t == null ? void 0 : t.current) == null || r.applyState(e), B.current = void 0;
+  }, Q = (e, r) => {
     var c;
-    const { virtual: o, dataItemKey: l, defaultItem: d } = n, u = E(n), g = o ? o.skip : 0, m = k(), i = e === -1 && d !== void 0 ? d : u[e - g], f = !F(i, m, l);
-    _(i, r), f && ((c = t == null ? void 0 : t.current) == null || c.triggerPageChangeCornerItems(i, r));
-  }, V = (e, r, o) => {
-    var x, h;
-    const { defaultItem: l, dataItemKey: d, virtual: u = { skip: 0, total: 0, pageSize: 0 } } = n, g = k(), m = E(n), i = (x = t == null ? void 0 : t.current) == null ? void 0 : x.vs, f = m.findIndex((w) => F(w, g, d)), c = (h = t == null ? void 0 : t.current) == null ? void 0 : h.navigation.navigate({
-      current: u.skip + f,
-      max: (i != null && i.enabled ? u.total : m.length) - 1,
-      min: l !== void 0 ? -1 : 0,
+    const { virtual: o, dataItemKey: d, defaultItem: l } = n, u = E(n), p = o ? o.skip : 0, f = k(), i = e === -1 && l !== void 0 ? l : u[e - p], g = !F(i, f, d);
+    V(i, r), g && ((c = t == null ? void 0 : t.current) == null || c.triggerPageChangeCornerItems(i, r));
+  }, H = (e, r, o) => {
+    var D, h;
+    const { defaultItem: d, dataItemKey: l, virtual: u = { skip: 0, total: 0, pageSize: 0 } } = n, p = k(), f = E(n), i = (D = t == null ? void 0 : t.current) == null ? void 0 : D.vs, g = f.findIndex((w) => F(w, p, l)), c = (h = t == null ? void 0 : t.current) == null ? void 0 : h.navigation.navigate({
+      current: u.skip + g,
+      max: (i != null && i.enabled ? u.total : f.length) - 1,
+      min: d !== void 0 ? -1 : 0,
       keyCode: r,
       skipItems: o || void 0
     });
-    c !== void 0 && j(c, e), K(e);
-  }, yt = (e) => {
-    J.current = e, t.current.wrapper = e;
-  }, wt = (e) => /* @__PURE__ */ s.createElement(
+    c !== void 0 && Q(c, e), M(e);
+  }, wt = (e) => {
+    A.current = e, t.current.wrapper = e;
+  }, xt = (e) => /* @__PURE__ */ s.createElement(
     "select",
     {
       name: n.name,
       ref: (r) => {
-        xe.current = r;
+        De.current = r;
       },
       tabIndex: -1,
       "aria-hidden": !0,
@@ -114,53 +114,53 @@ const Dn = "Please select a value from the list!", Me = s.forwardRef((ct, ut) =>
       textField: e,
       dataItemKey: r,
       virtual: o = { skip: 0 },
-      focusedItemIndex: l = fn,
-      filterable: d,
+      focusedItemIndex: d = hn,
+      filterable: l,
       skipDisabledItems: u = !0
-    } = n, g = k(), m = E(n), i = n.filter ? n.filter : p.text;
-    return u && e && !i && !g ? m.findIndex((f) => !f.disabled && f[e]) : rt(g) && i === void 0 || d && i === "" ? m.findIndex((f) => F(f, g, r)) : i ? Se.current ? l(m, i, e) : m.findIndex((f) => F(f, g, r)) : o.skip === 0 ? 0 : -1;
+    } = n, p = k(), f = E(n), i = n.filter ? n.filter : m.text;
+    return u && e && !i && !p ? f.findIndex((g) => !g.disabled && g[e]) : ot(p) && i === void 0 || l && i === "" ? f.findIndex((g) => F(g, p, r)) : i ? Se.current ? d(f, i, e) : f.findIndex((g) => F(g, p, r)) : o.skip === 0 ? 0 : -1;
   }, ze = (e, r) => r !== void 0 && r !== -1 && e && e.length > 0 && e[r].disabled, we = () => {
     const e = E(n), r = t.current.initState(), o = ye();
-    ze(e, o) && (_(null, r), K(r));
-  }, De = (e) => {
+    ze(e, o) && (V(null, r), M(r));
+  }, xe = (e) => {
     if (e.isPropagationStopped())
       return;
     const r = t.current.initState();
-    r.syntheticEvent = e, p.focused || (r.data.focused = !0), we(), t.current.togglePopup(r), K(r);
+    r.syntheticEvent = e, m.focused || (r.data.focused = !0), we(), t.current.togglePopup(r), M(r);
   }, Oe = (e) => {
-    var T, ce, U, ue, Y, Re, et;
+    var T, ue, G, pe, j, et, tt;
     e && e.target instanceof Element && e.target.nodeName === "INPUT" && e.stopPropagation && e.stopPropagation();
     const {
       filterable: r,
       disabled: o,
-      defaultItem: l,
-      leftRightKeysNavigation: d = !0,
+      defaultItem: d,
+      leftRightKeysNavigation: l = !0,
       virtual: u = { skip: 0, total: 0, pageSize: 0 },
-      dataItemKey: g,
-      groupField: m = "",
+      dataItemKey: p,
+      groupField: f = "",
       textField: i,
-      skipDisabledItems: f = !0
-    } = n, c = E(n), x = k(), h = c.findIndex((S) => F(S, x, g)), w = n.opened !== void 0 ? n.opened : p.opened, a = e.keyCode, N = a === I.home || a === I.end, b = a === I.up || a === I.down, $ = !w && (e.altKey && a === I.down || a === I.enter || a === I.space), ee = w && (e.altKey && a === I.up || a === I.esc), le = d && (a === I.left || a === I.right), de = b || le && !r || N, D = t.current.initState();
-    if (D.syntheticEvent = e, !o) {
+      skipDisabledItems: g = !0
+    } = n, c = E(n), D = k(), h = c.findIndex((S) => F(S, D, p)), w = n.opened !== void 0 ? n.opened : m.opened, a = e.keyCode, N = a === I.home || a === I.end, b = a === I.up || a === I.down, Y = !w && (e.altKey && a === I.down || a === I.enter || a === I.space), te = w && (e.altKey && a === I.up || a === I.esc), de = l && (a === I.left || a === I.right), ce = b || de && !r || N, x = t.current.initState();
+    if (x.syntheticEvent = e, !o) {
       if (N && ((T = t == null ? void 0 : t.current) != null && T.vs.enabled))
-        a === I.home ? u.skip !== 0 ? ((ce = t == null ? void 0 : t.current) == null || ce.triggerOnPageChange(D, 0, u.pageSize), A.current = !0) : _(c[0], D) : u.skip < u.total - u.pageSize ? ((U = t == null ? void 0 : t.current) == null || U.triggerOnPageChange(
-          D,
+        a === I.home ? u.skip !== 0 ? ((ue = t == null ? void 0 : t.current) == null || ue.triggerOnPageChange(x, 0, u.pageSize), W.current = !0) : V(c[0], x) : u.skip < u.total - u.pageSize ? ((G = t == null ? void 0 : t.current) == null || G.triggerOnPageChange(
+          x,
           u.total - u.pageSize,
           u.pageSize
-        ), A.current = !0) : _(c[c.length - 1], D);
+        ), W.current = !0) : V(c[c.length - 1], x);
       else if (w && a === I.pageUp)
-        e.preventDefault(), (ue = t == null ? void 0 : t.current) == null || ue.scrollPopupByPageSize(-1);
+        e.preventDefault(), (pe = t == null ? void 0 : t.current) == null || pe.scrollPopupByPageSize(-1);
       else if (w && a === I.pageDown)
-        e.preventDefault(), (Y = t == null ? void 0 : t.current) == null || Y.scrollPopupByPageSize(1);
+        e.preventDefault(), (j = t == null ? void 0 : t.current) == null || j.scrollPopupByPageSize(1);
       else if (w && a === I.enter) {
         const S = ye();
-        ze(c, S) ? (_(null, D), K(D)) : j(S, D), (Re = t == null ? void 0 : t.current) == null || Re.togglePopup(D), e.preventDefault();
-      } else if ($ || ee)
-        ee && we(), (et = t == null ? void 0 : t.current) == null || et.togglePopup(D), e.preventDefault();
-      else if (de) {
-        if (Se.current = !1, m !== "" && i)
-          if (!f && w)
-            V(D, a);
+        ze(c, S) ? (V(null, x), M(x)) : Q(S, x), (et = t == null ? void 0 : t.current) == null || et.togglePopup(x), e.preventDefault();
+      } else if (Y || te)
+        te && we(), (tt = t == null ? void 0 : t.current) == null || tt.togglePopup(x), e.preventDefault();
+      else if (ce) {
+        if (Se.current = !1, f !== "" && i)
+          if (!g && w)
+            H(x, a);
           else {
             let S;
             if (a === I.down || a === I.right) {
@@ -168,7 +168,7 @@ const Dn = "Please select a value from the list!", Me = s.forwardRef((ct, ut) =>
               S = y && c.findIndex((v) => v[i] === y[i]);
             } else if (a === I.up || a === I.left) {
               let y;
-              if (h === 0 && l)
+              if (h === 0 && d)
                 S = -1;
               else if (h === -1)
                 y = c, S = c.findIndex((v) => !v.disabled && v[i]);
@@ -182,11 +182,11 @@ const Dn = "Please select a value from the list!", Me = s.forwardRef((ct, ut) =>
             }
             if (S !== void 0) {
               const y = S - h;
-              V(D, a, y);
-            } else S === void 0 && c.findIndex((y) => y[i] === x[i]) === c.length - 1 && V(D, a);
+              H(x, a, y);
+            } else S === void 0 && c.findIndex((y) => y[i] === D[i]) === c.length - 1 && H(x, a);
           }
-        else if (!f && w || N)
-          V(D, a);
+        else if (!g && w || N)
+          H(x, a);
         else if (i) {
           let S;
           if (a === I.down || a === I.right) {
@@ -194,7 +194,7 @@ const Dn = "Please select a value from the list!", Me = s.forwardRef((ct, ut) =>
             S = y && c.findIndex((v) => v[i] === y[i]);
           } else if (a === I.up || a === I.left) {
             let y;
-            if (h === 0 && l)
+            if (h === 0 && d)
               S = -1;
             else if (h === -1)
               y = c, S = c.find((v) => !v.disabled && v[i]);
@@ -208,25 +208,25 @@ const Dn = "Please select a value from the list!", Me = s.forwardRef((ct, ut) =>
           }
           if (S !== void 0) {
             const y = S - h;
-            V(D, a, y);
-          } else S === void 0 && c.findIndex((y) => y[i] === x[i]) === c.length - 1 && V(D, a);
+            H(x, a, y);
+          } else S === void 0 && c.findIndex((y) => y[i] === D[i]) === c.length - 1 && H(x, a);
         } else
-          V(D, a);
+          H(x, a);
         e.preventDefault();
       }
-      K(D);
+      M(x);
     }
   }, Dt = (e) => {
     const r = t.current.initState();
-    r.syntheticEvent = e.syntheticEvent, n.filter === void 0 && (r.data.text = e.target.value), t.current.filterChanged(e.target.value, r), Se.current = !0, K(r), Z({ group: void 0, text: String(e.target.value) });
+    r.syntheticEvent = e.syntheticEvent, n.filter === void 0 && (r.data.text = e.target.value), t.current.filterChanged(e.target.value, r), Se.current = !0, M(r), R({ group: void 0, text: String(e.target.value) });
   }, Ve = (e) => {
-    const r = n.filter !== void 0 ? n.filter : p.text;
+    const r = n.filter !== void 0 ? n.filter : m.text;
     return n.filterable && /* @__PURE__ */ s.createElement(
-      un,
+      fn,
       {
         value: r,
         ref: (o) => {
-          Q.current = o && o.element;
+          X.current = o && o.element;
         },
         onChange: Dt,
         onKeyDown: Oe,
@@ -235,42 +235,42 @@ const Dn = "Please select a value from the list!", Me = s.forwardRef((ct, ut) =>
         fillMode: me,
         renderListFilterWrapper: !0,
         placeholder: Ue.toLanguageString(
-          lt,
-          at[lt]
+          dt,
+          lt[dt]
         )
       }
     );
-  }, xt = (e) => {
+  }, St = (e) => {
     var o;
     const r = t.current.initState();
-    r.syntheticEvent = e, (o = t == null ? void 0 : t.current) == null || o.togglePopup(r), _(n.defaultItem, r), K(r);
-  }, St = () => {
-    const { textField: e, defaultItem: r, dataItemKey: o } = n, l = k();
+    r.syntheticEvent = e, (o = t == null ? void 0 : t.current) == null || o.togglePopup(r), V(n.defaultItem, r), M(r);
+  }, Ct = () => {
+    const { textField: e, defaultItem: r, dataItemKey: o } = n, d = k();
     return r !== void 0 && /* @__PURE__ */ s.createElement(
-      pn,
+      gn,
       {
         defaultItem: r,
         textField: e,
-        selected: F(l, r, o),
+        selected: F(d, r, o),
         key: "defaultitemkey",
-        onClick: xt
+        onClick: St
       }
     );
-  }, Ct = (e, r) => {
+  }, kt = (e, r) => {
     var o;
-    (o = t == null ? void 0 : t.current) == null || o.handleItemClick(e, r), H.current = void 0;
-  }, kt = (e) => {
+    (o = t == null ? void 0 : t.current) == null || o.handleItemClick(e, r), B.current = void 0;
+  }, Et = (e) => {
     const { vs: r, list: o } = t.current;
     r.scrollHandler(e);
-    const { groupField: l } = n;
-    let d = E(n);
-    if (!(!l || !d.length) && l) {
-      const u = We.current = We.current || (r.enabled ? r.itemHeight : o ? o.children[0].offsetHeight : 0), m = e.target.scrollTop - r.skip * u;
-      d = t.current.getGroupedDataModernMode(d, l);
-      let i = d[0][l];
-      for (let f = 1; f < d.length && !(u * f > m); f++)
-        d[f] && d[f][l] && (i = d[f][l]);
-      i !== p.group && Z({ group: i });
+    const { groupField: d } = n;
+    let l = E(n);
+    if (!(!d || !l.length) && d) {
+      const u = We.current = We.current || (r.enabled ? r.itemHeight : o ? o.children[0].offsetHeight : 0), f = e.target.scrollTop - r.skip * u;
+      l = t.current.getGroupedDataModernMode(l, d);
+      let i = l[0][d];
+      for (let g = 1; g < l.length && !(u * g > f); g++)
+        l[g] && l[g][d] && (i = l[g][d]);
+      i !== m.group && R({ group: i });
     }
   }, He = () => {
     var a;
@@ -278,158 +278,158 @@ const Dn = "Please select a value from the list!", Me = s.forwardRef((ct, ut) =>
       textField: e,
       dataItemKey: r,
       virtual: o = { skip: 0, total: void 0 },
-      groupHeaderItemRender: l,
-      listNoDataRender: d,
+      groupHeaderItemRender: d,
+      listNoDataRender: l,
       itemRender: u
-    } = n, g = E(n), m = M && M.uDropDownList, i = t.current.vs, f = o.skip, c = n.opened !== void 0 ? n.opened : p.opened, x = t.current.getPopupSettings(), h = `translateY(${i.translate}px)`, w = k();
+    } = n, p = E(n), f = K && K.uDropDownList, i = t.current.vs, g = o.skip, c = n.opened !== void 0 ? n.opened : m.opened, D = t.current.getPopupSettings(), h = `translateY(${i.translate}px)`, w = k();
     return /* @__PURE__ */ s.createElement(
-      mn,
+      vn,
       {
         id: Ee,
         show: c,
-        data: g.slice(),
+        data: p.slice(),
         focusedIndex: ye(),
         value: w,
         textField: e,
         valueField: r,
-        optionsGuid: Ge,
+        optionsGuid: $e,
         groupField: n.groupField,
         listRef: (N) => {
           i.list = t.current.list = N;
         },
-        wrapperStyle: { maxHeight: q ? void 0 : x.height },
-        wrapperCssClass: L(P.listContent({ c: m })),
+        wrapperStyle: { maxHeight: _ ? void 0 : D.height },
+        wrapperCssClass: L(P.listContent({ c: f })),
         listStyle: i.enabled ? { transform: h } : void 0,
         key: "listkey",
-        skip: f,
-        onClick: Ct,
+        skip: g,
+        onClick: kt,
         itemRender: u,
-        groupHeaderItemRender: l,
-        noDataRender: d,
-        onScroll: kt,
+        groupHeaderItemRender: d,
+        noDataRender: l,
+        onScroll: Et,
         wrapperRef: i.scrollerRef,
         scroller: (a = t == null ? void 0 : t.current) == null ? void 0 : a.renderScrollElement(),
         ariaSetSize: o.total
       }
     );
-  }, Et = () => {
-    const { groupField: e } = n, r = E(n), o = n.opened !== void 0 ? n.opened : p.opened, l = M && M.uDropDownList, d = {
+  }, Lt = () => {
+    const { groupField: e } = n, r = E(n), o = n.opened !== void 0 ? n.opened : m.opened, d = K && K.uDropDownList, l = {
       title: n.adaptiveTitle || n.label,
       subTitle: n.adaptiveSubtitle,
       expand: o,
-      onClose: (g) => De(g),
+      onClose: (p) => xe(p),
       windowWidth: ke,
       mobileFilter: Ve(!0)
     };
-    let { group: u } = p;
-    return u === void 0 && e !== void 0 && (u = te(r[0], e)), /* @__PURE__ */ s.createElement(wn, { ...d }, /* @__PURE__ */ s.createElement(yn, null, /* @__PURE__ */ s.createElement("div", { className: L(P.listContainer({ c: l, popup: !1 })) }, Ft())));
-  }, Lt = () => {
-    p.focused && window.setTimeout(() => {
-      p.focused && t.current.wrapper && ne(t.current.wrapper);
+    let { group: u } = m;
+    return u === void 0 && e !== void 0 && (u = ne(r[0], e)), /* @__PURE__ */ s.createElement(Cn, { ...l }, /* @__PURE__ */ s.createElement(Sn, null, /* @__PURE__ */ s.createElement("div", { className: L(P.listContainer({ c: d, popup: !1 })) }, Mt())));
+  }, bt = () => {
+    m.focused && window.setTimeout(() => {
+      m.focused && t.current.wrapper && re(t.current.wrapper);
     });
-  }, bt = (e) => {
+  }, Pt = (e) => {
     "onMouseDownOutside" in (n.popupSettings || {}) && n.popupSettings.onMouseDownOutside.call(void 0, e);
-  }, Pt = () => {
-    const { header: e, footer: r, dir: o, groupField: l, groupStickyHeaderItemRender: d, list: u } = n, g = E(n), m = t.current, i = m.getPopupSettings(), f = n.opened !== void 0 ? n.opened : p.opened, c = i.width !== void 0 ? i.width : m.popupWidth, x = M && M.uDropDownList, h = {
-      dir: o !== void 0 ? o : m.dirCalculated,
+  }, Ft = () => {
+    const { header: e, footer: r, dir: o, groupField: d, groupStickyHeaderItemRender: l, list: u } = n, p = E(n), f = t.current, i = f.getPopupSettings(), g = n.opened !== void 0 ? n.opened : m.opened, c = i.width !== void 0 ? i.width : f.popupWidth, D = K && K.uDropDownList, h = {
+      dir: o !== void 0 ? o : f.dirCalculated,
       width: c,
       popupSettings: {
         ...i,
         popupClass: L(
           i.popupClass,
           P.listContainer({
-            c: x,
+            c: D,
             popup: !0
           })
         ),
-        anchor: i.anchor || J.current,
-        show: f,
+        anchor: i.anchor || A.current,
+        show: g,
         onOpen: he,
-        onClose: Lt,
-        onMouseDownOutside: bt
+        onClose: bt,
+        onMouseDownOutside: Pt
       },
-      itemsCount: [g.length]
+      itemsCount: [p.length]
     };
-    let { group: w } = p;
-    return w === void 0 && l !== void 0 && (w = te(g[0], l)), /* @__PURE__ */ s.createElement(cn, { ...h }, Ve(!1), e && /* @__PURE__ */ s.createElement("div", { className: L(P.listHeader({ c: x })) }, e), /* @__PURE__ */ s.createElement(
+    let { group: w } = m;
+    return w === void 0 && d !== void 0 && (w = ne(p[0], d)), /* @__PURE__ */ s.createElement(mn, { ...h }, Ve(!1), e && /* @__PURE__ */ s.createElement("div", { className: L(P.listHeader({ c: D })) }, e), /* @__PURE__ */ s.createElement(
       "div",
       {
         className: L(
           P.list({
-            c: x,
+            c: D,
             size: O,
             virtual: t.current.vs.enabled
           })
         )
       },
-      St(),
-      !u && w && g.length !== 0 && /* @__PURE__ */ s.createElement(nt, { group: w, render: d }),
+      Ct(),
+      !u && w && p.length !== 0 && /* @__PURE__ */ s.createElement(rt, { group: w, render: l }),
       He()
-    ), r && /* @__PURE__ */ s.createElement("div", { className: L(P.listFooter({ c: x })) }, r), Ke && /* @__PURE__ */ s.createElement(on, { message: pt }));
-  }, Ft = () => {
-    const { header: e, footer: r, groupStickyHeaderItemRender: o, groupField: l, list: d } = n, u = E(n), g = M && M.uDropDownList;
-    let { group: m } = p;
-    return m === void 0 && l !== void 0 && (m = te(u[0], l)), /* @__PURE__ */ s.createElement(s.Fragment, null, e && /* @__PURE__ */ s.createElement("div", { className: L(P.listHeader({ c: g })) }, e), /* @__PURE__ */ s.createElement(
+    ), r && /* @__PURE__ */ s.createElement("div", { className: L(P.listFooter({ c: D })) }, r), Ke && /* @__PURE__ */ s.createElement(ln, { message: mt }));
+  }, Mt = () => {
+    const { header: e, footer: r, groupStickyHeaderItemRender: o, groupField: d, list: l } = n, u = E(n), p = K && K.uDropDownList;
+    let { group: f } = m;
+    return f === void 0 && d !== void 0 && (f = ne(u[0], d)), /* @__PURE__ */ s.createElement(s.Fragment, null, e && /* @__PURE__ */ s.createElement("div", { className: L(P.listHeader({ c: p })) }, e), /* @__PURE__ */ s.createElement(
       "div",
       {
         className: L("k-list", {
-          [`k-list-${q ? "lg" : sn[O] || O}`]: q || O
+          [`k-list-${_ ? "lg" : dn[O] || O}`]: _ || O
         })
       },
-      !d && m && u.length !== 0 && /* @__PURE__ */ s.createElement(nt, { group: m, render: o }),
+      !l && f && u.length !== 0 && /* @__PURE__ */ s.createElement(rt, { group: f, render: o }),
       He()
     ), r && /* @__PURE__ */ s.createElement("div", { className: "k-list-footer" }, r));
-  }, Mt = (e) => {
-    const { dataItemKey: r } = n, o = E(n), l = k();
-    let d = o.map((b, $) => ({ item: b, itemIndex: $ }));
-    const u = G.current.word, g = G.current.last, m = gn(u, g);
-    let i = d.length, f = Math.max(
+  }, Kt = (e) => {
+    const { dataItemKey: r } = n, o = E(n), d = k();
+    let l = o.map((b, Y) => ({ item: b, itemIndex: Y }));
+    const u = $.current.word, p = $.current.last, f = yn(u, p);
+    let i = l.length, g = Math.max(
       0,
-      o.findIndex((b) => F(b, l, r))
+      o.findIndex((b) => F(b, d, r))
     ), c;
-    n.defaultItem && (c = { item: n.defaultItem, itemIndex: -1 }, i += 1, f += 1), f += m ? 1 : 0, d = vn(d, f, c);
-    let x, h, w, a = 0;
+    n.defaultItem && (c = { item: n.defaultItem, itemIndex: -1 }, i += 1, g += 1), g += f ? 1 : 0, l = wn(l, g, c);
+    let D, h, w, a = 0;
     const { textField: N } = n;
     for (; a < i; ) {
-      if (x = te(d[a].item, N), h = m && ot(x, g, pe), w = ot(x, u, pe), h || w) {
-        a = d[a].itemIndex;
+      if (D = ne(l[a].item, N), h = f && it(D, p, J), w = it(D, u, J), h || w) {
+        a = l[a].itemIndex;
         break;
       }
       a++;
     }
     if (a !== i) {
       const b = t.current.initState();
-      b.syntheticEvent = e, j(a, b), K(b), H.current = void 0;
+      b.syntheticEvent = e, Q(a, b), M(b), B.current = void 0;
     }
-  }, Kt = (e) => {
-    clearTimeout(Be.current), n.filterable || (Be.current = window.setTimeout(() => G.current.word = "", mt), Mt(e));
   }, Nt = (e) => {
-    re.current || t.current.handleFocus(e);
+    clearTimeout(Be.current), n.filterable || (Be.current = window.setTimeout(() => $.current.word = "", ft), Kt(e));
   }, Tt = (e) => {
-    if (re.current || !p.focused)
-      return;
-    const r = n.opened !== void 0 ? n.opened : p.opened, o = t.current.initState();
-    o.syntheticEvent = e, o.data.focused = !1, o.events.push({ type: "onBlur" }), r && we(), r && !q && t.current.togglePopup(o), K(o);
+    oe.current || t.current.handleFocus(e);
   }, zt = (e) => {
+    if (oe.current || !m.focused)
+      return;
+    const r = n.opened !== void 0 ? n.opened : m.opened, o = t.current.initState();
+    o.syntheticEvent = e, o.data.focused = !1, o.events.push({ type: "onBlur" }), r && we(), r && !_ && t.current.togglePopup(o), M(o);
+  }, Ot = (e) => {
     if (n.filterable || e.which === 0 || e.keyCode === I.enter)
       return;
     let r = String.fromCharCode(e.charCode || e.keyCode);
-    pe && (r = r.toLowerCase()), r === " " && e.preventDefault(), G.current = {
-      word: G.current.word + r,
-      last: G.current.last + r
-    }, Kt(e);
-  }, Ot = () => {
+    J && (r = r.toLowerCase()), r === " " && e.preventDefault(), $.current = {
+      word: $.current.word + r,
+      last: $.current.last + r
+    }, Nt(e);
+  }, Vt = () => {
     const e = t.current.initState();
-    e.data.opened = p.opened, t.current.togglePopup(e), K(e);
-  }, Ae = s.useRef(null), J = s.useRef(null), xe = s.useRef(null), Q = s.useRef(null);
+    e.data.opened = m.opened, t.current.togglePopup(e), M(e);
+  }, Ae = s.useRef(null), A = s.useRef(null), De = s.useRef(null), X = s.useRef(null);
   s.useImperativeHandle(
     Ae,
     () => ({
       get element() {
-        return J.current;
+        return A.current;
       },
       get index() {
-        return vt();
+        return It();
       },
       get name() {
         return n.name;
@@ -441,21 +441,21 @@ const Dn = "Please select a value from the list!", Me = s.forwardRef((ct, ut) =>
         return k();
       },
       get focused() {
-        return p.focused;
+        return m.focused;
       },
       get opened() {
-        return p.opened;
+        return m.opened;
       },
-      focus: gt,
+      focus: vt,
       props: n,
-      togglePopup: Ot
+      togglePopup: Vt
     })
   ), s.useImperativeHandle(
-    ut,
+    pt,
     () => Ae.current
   );
-  const Be = s.useRef(null), G = s.useRef({ word: "", last: "" }), re = s.useRef(!1), H = s.useRef(null), A = s.useRef(!1), Se = s.useRef(!1), B = s.useRef({}), Ce = s.useRef({}), t = s.useRef(
-    new dt({
+  const Be = s.useRef(null), $ = s.useRef({ word: "", last: "" }), oe = s.useRef(!1), B = s.useRef(null), W = s.useRef(!1), Se = s.useRef(!1), q = s.useRef({}), Ce = s.useRef({}), t = s.useRef(
+    new ct({
       props: n,
       setState: () => {
       },
@@ -467,143 +467,162 @@ const Dn = "Please select a value from the list!", Me = s.forwardRef((ct, ut) =>
       handleItemSelect: () => {
       }
     })
-  ), We = s.useRef(0), X = s.useRef(null), [p, Vt] = s.useState({}), [ke, Ht] = s.useState(), [, qe] = s.useReducer((e) => e, !0), Ue = hn(), Z = (e) => {
-    Vt({ ...p, ...e });
+  ), We = s.useRef(0), Z = s.useRef(null), [m, Ht] = s.useState({}), [ke, At] = s.useState(), [, qe] = s.useReducer((e) => e, !0), Ue = Dn(), _e = n.name || n.id, Bt = s.useCallback(
+    (e) => {
+      if (e == null || !t.current)
+        return;
+      const r = E(n), { textField: o } = n, d = String(e), l = In(r, d, o, !1, J), u = l !== -1 ? r[l] : void 0;
+      if (u !== void 0) {
+        const p = t.current.initState();
+        p.syntheticEvent = {
+          target: A.current
+        }, V(u, p), M(p);
+      }
+    },
+    [n, J]
+  );
+  rn(A, {
+    fieldName: _e,
+    onValueChange: Bt,
+    enabled: !!_e
+  });
+  const R = (e) => {
+    Ht({ ...m, ...e });
   };
   s.useEffect(() => {
     t.current.updateComponentArgs({
       props: n,
-      setState: Z,
-      state: p,
+      setState: R,
+      state: m,
       forceUpdate: qe,
-      element: J.current,
-      handleItemSelect: j,
+      element: A.current,
+      handleItemSelect: Q,
       value: k()
     });
-  }, [Z, p, qe, j, k]), s.useEffect(() => {
-    var f, c, x, h, w, a, N, b, $, ee, le, de, D;
-    const { dataItemKey: e, virtual: r, groupField: o = "", textField: l } = n, d = E(n), u = B.current.virtual ? B.current.virtual.total : 0, g = n.opened !== void 0 ? n.opened : p.opened, m = B.current.opened !== void 0 ? B.current.opened : Ce.current.opened, i = !m && g;
-    if ((f = t == null ? void 0 : t.current) == null || f.didUpdate(), (c = t == null ? void 0 : t.current) != null && c.getPopupSettings().animate || i && he(), r && r.total !== u)
-      (x = t == null ? void 0 : t.current) == null || x.vs.calcScrollElementHeight(), (h = t == null ? void 0 : t.current) == null || h.vs.reset();
+  }, [R, m, qe, Q, k]), s.useEffect(() => {
+    var g, c, D, h, w, a, N, b, Y, te, de, ce, x;
+    const { dataItemKey: e, virtual: r, groupField: o = "", textField: d } = n, l = E(n), u = q.current.virtual ? q.current.virtual.total : 0, p = n.opened !== void 0 ? n.opened : m.opened, f = q.current.opened !== void 0 ? q.current.opened : Ce.current.opened, i = !f && p;
+    if ((g = t == null ? void 0 : t.current) == null || g.didUpdate(), (c = t == null ? void 0 : t.current) != null && c.getPopupSettings().animate || i && he(), r && r.total !== u)
+      (D = t == null ? void 0 : t.current) == null || D.vs.calcScrollElementHeight(), (h = t == null ? void 0 : t.current) == null || h.vs.reset();
     else {
-      const T = k(), ce = B.current.value !== void 0 ? B.current.value : Ce.current.value;
-      let U = d.findIndex((Y) => F(Y, T, e));
-      o !== "" && T && l && (U = (a = (w = t == null ? void 0 : t.current) == null ? void 0 : w.getGroupedDataModernMode(d, o)) == null ? void 0 : a.map((Y) => Y[l]).indexOf(T[l]));
-      const ue = !F(ce, T, e);
-      i && r ? (N = t == null ? void 0 : t.current) == null || N.scrollToVirtualItem(r, U) : i && !r ? (he(), d && d.length !== 0 && ((b = t == null ? void 0 : t.current) == null || b.resetGroupStickyHeader(d[0][o], {
-        setState: Z,
-        group: p.group,
-        state: p
-      })), ($ = t == null ? void 0 : t.current) == null || $.scrollToItem(U)) : g && m && T && ue && !A.current ? (le = t == null ? void 0 : t.current) == null || le.scrollToItem(U, (ee = t == null ? void 0 : t.current) == null ? void 0 : ee.vs.enabled) : g && m && A.current && (A.current && r && r.skip === 0 ? (de = t == null ? void 0 : t.current) == null || de.vs.reset() : A.current && r && r.skip === r.total - r.pageSize && ((D = t == null ? void 0 : t.current) == null || D.vs.scrollToEnd()));
+      const T = k(), ue = q.current.value !== void 0 ? q.current.value : Ce.current.value;
+      let G = l.findIndex((j) => F(j, T, e));
+      o !== "" && T && d && (G = (a = (w = t == null ? void 0 : t.current) == null ? void 0 : w.getGroupedDataModernMode(l, o)) == null ? void 0 : a.map((j) => j[d]).indexOf(T[d]));
+      const pe = !F(ue, T, e);
+      i && r ? (N = t == null ? void 0 : t.current) == null || N.scrollToVirtualItem(r, G) : i && !r ? (he(), l && l.length !== 0 && ((b = t == null ? void 0 : t.current) == null || b.resetGroupStickyHeader(l[0][o], {
+        setState: R,
+        group: m.group,
+        state: m
+      })), (Y = t == null ? void 0 : t.current) == null || Y.scrollToItem(G)) : p && f && T && pe && !W.current ? (de = t == null ? void 0 : t.current) == null || de.scrollToItem(G, (te = t == null ? void 0 : t.current) == null ? void 0 : te.vs.enabled) : p && f && W.current && (W.current && r && r.skip === 0 ? (ce = t == null ? void 0 : t.current) == null || ce.vs.reset() : W.current && r && r.skip === r.total - r.pageSize && ((x = t == null ? void 0 : t.current) == null || x.vs.scrollToEnd()));
     }
-    A.current = !1, Ce.current = p, B.current = n, Te();
+    W.current = !1, Ce.current = m, q.current = n, Te();
   }), s.useEffect(() => {
     var e, r;
-    return X.current = tt && window.ResizeObserver && new window.ResizeObserver(ht.bind(void 0)), (e = t == null ? void 0 : t.current) == null || e.didMount(), Te(), (r = ge()) != null && r.body && X.current && X.current.observe(ge().body), () => {
+    return Z.current = nt && window.ResizeObserver && new window.ResizeObserver(yt.bind(void 0)), (e = t == null ? void 0 : t.current) == null || e.didMount(), Te(), (r = ge()) != null && r.body && Z.current && Z.current.observe(ge().body), () => {
       var o;
-      (o = ge()) != null && o.body && X.current && X.current.disconnect();
+      (o = ge()) != null && o.body && Z.current && Z.current.disconnect();
     };
   }, []);
-  const _e = fe + "-accessibility-id", Ee = fe + "-listbox-id", Ge = fe + "-guid", At = Ue.toLanguageString(
-    st,
-    at[st]
+  const Ge = fe + "-accessibility-id", Ee = fe + "-listbox-id", $e = fe + "-guid", Wt = Ue.toLanguageString(
+    at,
+    lt[at]
   ), {
-    style: oe,
-    className: Bt,
+    style: ie,
+    className: qt,
     label: Le,
-    dir: Wt,
-    virtual: W,
-    adaptive: Sn,
-    dataItemKey: qt,
-    disabled: ie,
-    loading: $e,
-    iconClassName: Ye,
-    svgIcon: Ut,
-    valueRender: je
-  } = n, be = n.opened !== void 0 ? n.opened : p.opened, se = k(), Pe = te(se, n.textField), Je = !It() || Ie().valid, ae = t.current, _t = ae.vs, R = M && M.uDropDownList;
-  _t.enabled = W !== void 0;
-  const Qe = tn(), q = !!(ke && Qe && ke <= Qe.medium && n.adaptive);
-  W !== void 0 && (ae.vs.skip = W.skip, ae.vs.total = W.total, ae.vs.pageSize = W.pageSize);
-  const Gt = E(n), { focused: $t } = p, Yt = Gt.findIndex((e) => F(e, se, qt)), Xe = /* @__PURE__ */ s.createElement("span", { id: _e, className: L(P.inputInner({ c: R })) }, Pe && /* @__PURE__ */ s.createElement("span", { className: L(P.inputText({ c: R })) }, Pe)), jt = je !== void 0 ? je.call(void 0, Xe, se) : Xe, Ze = /* @__PURE__ */ s.createElement(s.Fragment, null, /* @__PURE__ */ s.createElement(
+    dir: Ut,
+    virtual: U,
+    adaptive: Ln,
+    dataItemKey: _t,
+    disabled: se,
+    loading: Ye,
+    iconClassName: je,
+    svgIcon: Gt,
+    valueRender: Je
+  } = n, be = n.opened !== void 0 ? n.opened : m.opened, ae = k(), Pe = ne(ae, n.textField), Qe = !ht() || Ie().valid, le = t.current, $t = le.vs, ee = K && K.uDropDownList;
+  $t.enabled = U !== void 0;
+  const Xe = on(), _ = !!(ke && Xe && ke <= Xe.medium && n.adaptive);
+  U !== void 0 && (le.vs.skip = U.skip, le.vs.total = U.total, le.vs.pageSize = U.pageSize);
+  const Yt = E(n), { focused: jt } = m, Jt = Yt.findIndex((e) => F(e, ae, _t)), Ze = /* @__PURE__ */ s.createElement("span", { id: Ge, className: L(P.inputInner({ c: ee })) }, Pe && /* @__PURE__ */ s.createElement("span", { className: L(P.inputText({ c: ee })) }, Pe)), Qt = Je !== void 0 ? Je.call(void 0, Ze, ae) : Ze, Re = /* @__PURE__ */ s.createElement(s.Fragment, null, /* @__PURE__ */ s.createElement(
     "span",
     {
-      ref: yt,
+      ref: wt,
       className: L(
         P.wrapper({
-          c: R,
+          c: ee,
           size: O,
           rounded: Ne,
           fillMode: me,
-          focused: $t,
-          disabled: ie,
-          invalid: !Je,
-          loading: $e,
+          focused: jt,
+          disabled: se,
+          invalid: !Qe,
+          loading: Ye,
           required: ve()
         }),
-        Bt
+        qt
       ),
-      style: Le ? { ...oe, width: void 0 } : oe,
-      dir: Wt,
+      style: Le ? { ...ie, width: void 0 } : ie,
+      dir: Ut,
       onMouseDown: be ? (e) => {
-        e.target.nodeName !== "INPUT" && (ne(t.current.wrapper), e.preventDefault());
+        e.target.nodeName !== "INPUT" && (re(t.current.wrapper), e.preventDefault());
       } : void 0,
-      onFocus: q ? (e) => De(e) : Nt,
-      onBlur: Tt,
-      tabIndex: nn(ft, ie),
+      onFocus: _ ? (e) => xe(e) : Tt,
+      onBlur: zt,
+      tabIndex: sn(gt, se),
       accessKey: n.accessKey,
       onKeyDown: Oe,
-      onKeyPress: zt,
-      onClick: ie ? void 0 : De,
+      onKeyPress: Ot,
+      onClick: se ? void 0 : xe,
       role: "combobox",
       "aria-required": ve(),
-      "aria-disabled": ie || void 0,
+      "aria-disabled": se || void 0,
       "aria-haspopup": "listbox",
       "aria-expanded": be || !1,
       "aria-owns": Ee,
-      "aria-activedescendant": be ? "option-" + Ge + "-" + (Yt + (W ? W.skip : 0)) : void 0,
+      "aria-activedescendant": be ? "option-" + $e + "-" + (Jt + (U ? U.skip : 0)) : void 0,
       "aria-label": n.ariaLabel || n.label,
       "aria-labelledby": n.ariaLabelledBy,
-      "aria-describedby": n.ariaDescribedBy || _e,
+      "aria-describedby": n.ariaDescribedBy || Ge,
       "aria-controls": Ee,
       id: n.id,
       title: n.title
     },
-    jt,
-    $e && /* @__PURE__ */ s.createElement(rn, { className: L(P.loadingIcon({ c: R })), name: "loading" }),
+    Qt,
+    Ye && /* @__PURE__ */ s.createElement(an, { className: L(P.loadingIcon({ c: ee })), name: "loading" }),
     /* @__PURE__ */ s.createElement(
-      In,
+      xn,
       {
         tabIndex: -1,
         type: "button",
-        "aria-label": At,
+        "aria-label": Wt,
         size: O,
         fillMode: me,
-        className: L(P.inputButton({ c: R })),
-        iconClass: Ye,
-        svgIcon: Ye ? void 0 : Ut || dn,
-        onMouseDown: (e) => p.focused && e.preventDefault()
+        className: L(P.inputButton({ c: ee })),
+        iconClass: je,
+        svgIcon: je ? void 0 : Gt || pn,
+        onMouseDown: (e) => m.focused && e.preventDefault()
       }
     ),
-    wt(se),
-    !q && Pt()
-  ), q && Et());
+    xt(ae),
+    !_ && Ft()
+  ), _ && Lt());
   return Le ? /* @__PURE__ */ s.createElement(
-    ln,
+    un,
     {
       label: Le,
       editorValue: Pe,
-      editorValid: Je,
+      editorValid: Qe,
       editorDisabled: n.disabled,
-      style: { width: oe ? oe.width : void 0 },
-      children: Ze
+      style: { width: ie ? ie.width : void 0 },
+      children: Re
     }
-  ) : Ze;
+  ) : Re;
 });
 Me.propTypes = {
   delay: C.number,
   ignoreCase: C.bool,
   iconClassName: C.string,
-  svgIcon: an,
+  svgIcon: cn,
   defaultItem: C.any,
   valueRender: C.func,
   valueMap: C.func,
@@ -623,17 +642,17 @@ const z = {
   delay: 500,
   tabIndex: 0,
   ignoreCase: !0,
-  ...dt.defaultProps,
+  ...ct.defaultProps,
   required: !1,
   size: void 0,
   rounded: void 0,
   fillMode: void 0
 };
 Me.displayName = "KendoReactDropDownList";
-const xn = Jt();
+const En = Xt();
 Me.displayName = "KendoReactDropDownList";
 export {
   Me as DropDownList,
-  xn as DropDownListPropsContext,
+  En as DropDownListPropsContext,
   z as dropDownListDefaultProps
 };