@progress/kendo-react-dropdowns 14.4.1-develop.13 → 14.4.1-develop.14

package/DropDownList/DropDownList.mjs

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