@progress/kendo-react-dropdowns 13.3.0-develop.8 → 13.3.0-develop.9

package/ComboBox/ComboBox.mjs

@@ -8,58 +8,58 @@
 import * as g from "react";
 import m from "prop-types";
 import _ from "../common/DropDownBase.mjs";
-import { classNames as S, uComboBox as F, Keys as I, validatePackage as et, getLicenseMessage as st, svgIconPropType as it, canUseDOM as A, IconWrap as ot, WatermarkOverlay as at, createPropsContext as nt, withIdHOC as lt, withPropsContext as rt, withUnstyledHOC as pt, withAdaptiveModeContext as dt } from "@progress/kendo-react-common";
-import { FloatingLabel as ht } from "@progress/kendo-react-labels";
-import { getPlainDataDuplicates as ct, getFilteredData as y, areSame as D, getItemValue as w, isPresent as k, getItemIndexByText as z, suggestValue as ut, itemIndexStartsWith as P } from "../common/utils.mjs";
-import gt from "../common/SearchBar.mjs";
-import mt from "../common/ListContainer.mjs";
-import ft from "../common/List.mjs";
-import vt from "../common/ListFilter.mjs";
+import { classNames as S, uComboBox as F, Keys as I, validatePackage as te, getLicenseMessage as se, svgIconPropType as ie, canUseDOM as A, IconWrap as oe, WatermarkOverlay as ae, createPropsContext as ne, withIdHOC as le, withPropsContext as re, withUnstyledHOC as pe, withAdaptiveModeContext as de } from "@progress/kendo-react-common";
+import { FloatingLabel as he } from "@progress/kendo-react-labels";
+import { getPlainDataDuplicates as ce, getFilteredData as y, areSame as D, getItemValue as w, isPresent as k, getItemIndexByText as z, suggestValue as ue, itemIndexStartsWith as P } from "../common/utils.mjs";
+import ge from "../common/SearchBar.mjs";
+import me from "../common/ListContainer.mjs";
+import fe from "../common/List.mjs";
+import ve from "../common/ListFilter.mjs";
 import K from "../common/GroupStickyHeader.mjs";
 import { packageMetadata as H } from "../package-metadata.mjs";
-import bt from "../common/ClearButton.mjs";
-import { Button as xt } from "@progress/kendo-react-buttons";
-import { caretAltDownIcon as It } from "@progress/kendo-svg-icons";
+import be from "../common/ClearButton.mjs";
+import { Button as xe } from "@progress/kendo-react-buttons";
+import { caretAltDownIcon as Ie } from "@progress/kendo-svg-icons";
 import { comboArrowBtnAriaLabelExpand as q, messages as W, comboArrowBtnAriaLabelCollapse as G } from "../messages/index.mjs";
 import { provideLocalizationService as U } from "@progress/kendo-react-intl";
-import { ActionSheetContent as yt } from "@progress/kendo-react-layout";
+import { ActionSheetContent as ye } from "@progress/kendo-react-layout";
 import j from "../common/withCustomComponent.mjs";
-import { AdaptiveMode as Ct } from "../common/AdaptiveMode.mjs";
-const St = "Please enter a valid value!", E = class E extends g.Component {
+import { AdaptiveMode as Ce } from "../common/AdaptiveMode.mjs";
+const Se = "Please enter a valid value!", E = class E extends g.Component {
   constructor(s) {
     super(s), this.state = {}, this.base = new _(this), this._element = null, this._suggested = "", this._skipBlur = !1, this._input = null, this._adaptiveFilterInput = null, this._skipFocus = !1, this.itemHeight = 0, this.duplicates = [], this.hasDuplicates = !1, this.scrollToFocused = !1, this.showLicenseWatermark = !1, this.focus = () => {
       this._input && this._input.focus();
     }, this.checkForDuplicatePlainTextRecords = () => {
-      const t = this.props.textField !== void 0, e = this.props.dataItemKey !== void 0;
-      if (this.props.data && this.props.data.length > 0 && !t && !e) {
+      const e = this.props.textField !== void 0, t = this.props.dataItemKey !== void 0;
+      if (this.props.data && this.props.data.length > 0 && !e && !t) {
         const i = this.props.data;
-        this.duplicates = ct(i), this.hasDuplicates = this.duplicates.length > 0;
+        this.duplicates = ce(i), this.hasDuplicates = this.duplicates.length > 0;
       }
-    }, this.handleItemSelect = (t, e) => {
-      const { virtual: i, dataItemKey: r } = this.props, n = y(this.props), a = i ? i.skip : 0, p = n[t - a], l = this.hasDuplicates || !D(p, this.value, r);
-      this.triggerOnChange(p, e), this.state.text !== void 0 && (e.data.text = void 0), l && this.base.triggerPageChangeCornerItems(p, e);
+    }, this.handleItemSelect = (e, t) => {
+      const { virtual: i, dataItemKey: r } = this.props, l = y(this.props), o = i ? i.skip : 0, p = l[e - o], n = this.hasDuplicates || !D(p, this.value, r);
+      this.triggerOnChange(p, t), this.state.text !== void 0 && (t.data.text = void 0), n && this.base.triggerPageChangeCornerItems(p, t);
     }, this.onPopupOpened = () => {
       setTimeout(() => {
         this.mobileMode && this._adaptiveFilterInput && (this._skipBlur = !0, this._adaptiveFilterInput.focus(), this._skipBlur = !1);
       }, 300);
-    }, this.componentRef = (t) => {
-      this._element = t, this.base.wrapper = t;
-    }, this.toggleBtnClick = (t) => {
+    }, this.componentRef = (e) => {
+      this._element = e, this.base.wrapper = e;
+    }, this.toggleBtnClick = (e) => {
       this._skipFocus = !0;
-      const { skipDisabledItems: e, textField: i } = this.props, r = y(this.props), n = this.getFocusedIndex(), a = this.getCurrentValueDisabledStatus(i, r, n), p = this.props.opened !== void 0 ? this.props.opened : this.state.opened, l = this.base.initState();
-      if (l.syntheticEvent = t, !e && i && a && this.clearValueOnToggleBtnClick(t), this.base.togglePopup(l), !p && this.mobileMode) {
-        const o = this.props.adaptiveFilter !== void 0 ? this.props.adaptiveFilter : this.state.text || null;
-        this.base.filterChanged(o, l);
+      const { skipDisabledItems: t, textField: i } = this.props, r = y(this.props), l = this.getFocusedIndex(), o = this.getCurrentValueDisabledStatus(i, r, l), p = this.props.opened !== void 0 ? this.props.opened : this.state.opened, n = this.base.initState();
+      if (n.syntheticEvent = e, !t && i && o && this.clearValueOnToggleBtnClick(e), this.base.togglePopup(n), !p && this.mobileMode) {
+        const a = this.props.adaptiveFilter !== void 0 ? this.props.adaptiveFilter : this.state.text || null;
+        this.base.filterChanged(a, n);
       }
-      this.applyState(l), setTimeout(() => {
+      this.applyState(n), setTimeout(() => {
         this._skipFocus = !1;
       }, 300);
-    }, this.closeOpenedApplyStateNonMobileMode = (t, e) => {
-      e && !this.mobileMode && this.base.togglePopup(t);
+    }, this.closeOpenedApplyStateNonMobileMode = (e, t) => {
+      t && !this.mobileMode && this.base.togglePopup(e);
     }, this.renderMobileListFilter = () => {
-      const t = this.props.adaptiveFilter !== void 0 ? this.props.adaptiveFilter : this.state.text, e = w(this.value, this.props.textField), i = k(t) ? t : e;
+      const e = this.props.adaptiveFilter !== void 0 ? this.props.adaptiveFilter : this.state.text, t = w(this.value, this.props.textField), i = k(e) ? e : t;
       return /* @__PURE__ */ g.createElement(
-        vt,
+        ve,
         {
           value: i,
           ref: (r) => {
@@ -74,153 +74,153 @@ const St = "Please enter a valid value!", E = class E extends g.Component {
         }
       );
     }, this.listContainerContent = () => {
-      const { header: t, footer: e, size: i, groupStickyHeaderItemRender: r, groupField: n, list: a, groupMode: p, unstyled: l, virtual: o } = this.props, c = y(this.props), d = l && l.uComboBox;
+      const { header: e, footer: t, size: i, groupStickyHeaderItemRender: r, groupField: l, list: o, groupMode: p, unstyled: n, virtual: a } = this.props, d = y(this.props), h = n && n.uComboBox;
       let { group: b } = this.state;
-      return b === void 0 && n !== void 0 && (b = w(c[0], n)), /* @__PURE__ */ g.createElement(
+      return b === void 0 && l !== void 0 && (b = w(d[0], l)), /* @__PURE__ */ g.createElement(
         "div",
         {
           className: S(
             F.list({
-              c: d,
-              list: a,
+              c: h,
+              list: o,
               size: "large",
               tableSize: i,
-              virtual: o
+              virtual: a
             })
           )
         },
-        t && /* @__PURE__ */ g.createElement("div", { className: S(F.listHeader({ c: d })) }, t),
-        !a && b && c.length !== 0 && /* @__PURE__ */ g.createElement(K, { group: b, groupMode: p, render: r }),
+        e && /* @__PURE__ */ g.createElement("div", { className: S(F.listHeader({ c: h })) }, e),
+        !o && b && d.length !== 0 && /* @__PURE__ */ g.createElement(K, { group: b, groupMode: p, render: r }),
         this.renderList(),
-        e && /* @__PURE__ */ g.createElement(
+        t && /* @__PURE__ */ g.createElement(
           "div",
           {
-            className: S(F.listFooter({ c: d }), this.props.footerClassName)
+            className: S(F.listFooter({ c: h }), this.props.footerClassName)
           },
-          e
+          t
         )
       );
-    }, this.handleMobileFilterChange = (t) => {
-      const e = this.base.initState();
-      e.syntheticEvent = t.syntheticEvent, e.data.text = t.target.value, this.base.filterChanged(t.target.value, e), this.applyState(e);
-    }, this.onScroll = (t) => {
-      const { vs: e, list: i } = this.base;
-      e.scrollHandler(t);
+    }, this.handleMobileFilterChange = (e) => {
+      const t = this.base.initState();
+      t.syntheticEvent = e.syntheticEvent, t.data.text = e.target.value, this.base.filterChanged(e.target.value, t), this.applyState(t);
+    }, this.onScroll = (e) => {
+      const { vs: t, list: i } = this.base;
+      t.scrollHandler(e);
       const { groupField: r } = this.props;
-      let n = y(this.props);
-      if (!r || !n.length)
+      let l = y(this.props);
+      if (!r || !l.length)
         return;
-      const a = this.itemHeight = this.itemHeight || (e.enabled ? e.itemHeight : i ? i.children[0].offsetHeight : 0), l = t.target.scrollTop - e.skip * a;
-      this.props.groupMode === "modern" && (n = this.base.getGroupedDataModernMode(n, r));
-      let o = n[0][r];
-      for (let c = 1; c < n.length && !(a * c > l); c++)
-        n[c] && n[c][r] && (o = n[c][r]);
-      o !== this.state.group && (this.setState({
-        group: o
-      }), this.props.onGroupScroll && this.props.onGroupScroll.call(void 0, { group: o }));
-    }, this.handleItemClick = (t, e) => {
-      this.navigationIndex = t, this.base.handleItemClick(t, e), this._valueDuringOnChange = void 0;
-    }, this.handleBlur = (t) => {
+      const o = this.itemHeight = this.itemHeight || (t.enabled ? t.itemHeight : i ? i.children[0].offsetHeight : 0), n = e.target.scrollTop - t.skip * o;
+      this.props.groupMode === "modern" && (l = this.base.getGroupedDataModernMode(l, r));
+      let a = l[0][r];
+      for (let d = 1; d < l.length && !(o * d > n); d++)
+        l[d] && l[d][r] && (a = l[d][r]);
+      a !== this.state.group && (this.setState({
+        group: a
+      }), this.props.onGroupScroll && this.props.onGroupScroll.call(void 0, { group: a }));
+    }, this.handleItemClick = (e, t) => {
+      this.navigationIndex = e, this.base.handleItemClick(e, t), this._valueDuringOnChange = void 0;
+    }, this.handleBlur = (e) => {
       if (this.state.focused && !this._skipBlur) {
-        const e = this.base.initState(), { textField: i } = this.props, r = y(this.props), n = this.getFocusedIndex(), p = !(n === -1) && this.getCurrentValueDisabledStatus(i, r, n);
-        e.data.focused = !1, e.events.push({ type: "onBlur" }), e.syntheticEvent = t, i && p && this.clearValueOnBlur(t), this.applyValueOnRejectSuggestions(t.currentTarget.value, e);
+        const t = this.base.initState(), { textField: i } = this.props, r = y(this.props), l = this.getFocusedIndex(), p = !(l === -1) && this.getCurrentValueDisabledStatus(i, r, l);
+        t.data.focused = !1, t.events.push({ type: "onBlur" }), t.syntheticEvent = e, i && p && this.clearValueOnBlur(e), this.applyValueOnRejectSuggestions(e.currentTarget.value, t);
       }
-    }, this.onInputClick = (t) => {
-      const e = this.props.opened !== void 0 ? this.props.opened : this.state.opened, i = this.props.adaptiveFilter !== void 0 ? this.props.adaptiveFilter : this.state.text || null;
-      if (!e && this.mobileMode) {
+    }, this.onInputClick = (e) => {
+      const t = this.props.opened !== void 0 ? this.props.opened : this.state.opened, i = this.props.adaptiveFilter !== void 0 ? this.props.adaptiveFilter : this.state.text || null;
+      if (!t && this.mobileMode) {
         const r = this.base.initState();
-        r.syntheticEvent = t, this.base.togglePopup(r), this.base.filterChanged(i, r), this.applyState(r);
+        r.syntheticEvent = e, this.base.togglePopup(r), this.base.filterChanged(i, r), this.applyState(r);
       }
-    }, this.onInputKeyDown = (t) => {
-      const { skipDisabledItems: e, textField: i, dataItemKey: r, groupField: n } = this.props, a = y(this.props), p = this.value, l = Math.max(
+    }, this.onInputKeyDown = (e) => {
+      const { skipDisabledItems: t, textField: i, dataItemKey: r, groupField: l } = this.props, o = y(this.props), p = this.value, n = Math.max(
         0,
-        a.findIndex((u) => D(u, p, r))
-      ), o = t.keyCode, c = this.props.opened !== void 0 ? this.props.opened : this.state.opened, d = this.base.initState();
-      if (d.syntheticEvent = t, !t.altKey && (o === I.up || o === I.down)) {
-        if (t.preventDefault(), n !== "" && i)
-          if (!this.props.skipDisabledItems && c)
-            this.onNavigate(d, o);
+        o.findIndex((u) => D(u, p, r))
+      ), a = e.keyCode, d = this.props.opened !== void 0 ? this.props.opened : this.state.opened, h = this.base.initState();
+      if (h.syntheticEvent = e, !e.altKey && (a === I.up || a === I.down)) {
+        if (e.preventDefault(), l !== "" && i)
+          if (!this.props.skipDisabledItems && d)
+            this.onNavigate(h, a);
           else {
             let u = 0;
-            if (o === I.down || o === I.right) {
-              const h = a.slice(l + 1 < a.length ? l + 1 : l).find((v) => !v.disabled && v[i]);
-              u = h && a.findIndex((v) => v[i] === h[i]);
-            } else if (o === I.up || o === I.left) {
-              let h;
-              if (l === 0)
-                h = a, u = a.findIndex((v) => !v.disabled && v[i]);
+            if (a === I.down || a === I.right) {
+              const c = o.slice(n + 1 < o.length ? n + 1 : n).find((v) => !v.disabled && v[i]);
+              u = c && o.findIndex((v) => v[i] === c[i]);
+            } else if (a === I.up || a === I.left) {
+              let c;
+              if (n === 0)
+                c = o, u = o.findIndex((v) => !v.disabled && v[i]);
               else {
-                h = a.slice(0, l);
-                let v = h.pop();
+                c = o.slice(0, n);
+                let v = c.pop();
                 for (; v && v.disabled; )
-                  v = h.pop();
-                u = v && a.findIndex((M) => M[i] === v[i]);
+                  v = c.pop();
+                u = v && o.findIndex((M) => M[i] === v[i]);
               }
             }
             if (u !== void 0) {
-              const h = u - l;
-              this.onNavigate(d, o, h);
-            } else u === void 0 && a.findIndex((h) => h[i] === p[i]) === a.length - 1 && this.onNavigate(d, o);
+              const c = u - n;
+              this.onNavigate(h, a, c);
+            } else u === void 0 && o.findIndex((c) => c[i] === p[i]) === o.length - 1 && this.onNavigate(h, a);
           }
-        else if (!this.props.skipDisabledItems && c)
-          this.onNavigate(d, o);
+        else if (!this.props.skipDisabledItems && d)
+          this.onNavigate(h, a);
         else {
           let u = null;
-          if (o === I.down || o === I.right)
-            u = a.slice(l + 1).find((h) => !h.disabled);
-          else if (o === I.up || o === I.left) {
-            const h = a.slice(0, l);
-            for (u = h.pop(); u && u.disabled; )
-              u = h.pop();
+          if (a === I.down || a === I.right)
+            u = o.slice(n + 1).find((c) => !c.disabled);
+          else if (a === I.up || a === I.left) {
+            const c = o.slice(0, n);
+            for (u = c.pop(); u && u.disabled; )
+              u = c.pop();
           }
           if (u) {
-            const h = u.id - l - 1;
-            this.onNavigate(d, o, h);
+            const c = u.id - n - 1;
+            this.onNavigate(h, a, c);
           } else
-            this.onNavigate(d, o);
+            this.onNavigate(h, a);
         }
-        this.applyState(d);
+        this.applyState(h);
       }
       const b = () => {
-        t.preventDefault(), this.base.togglePopup(d), this.applyState(d);
-      }, x = this.getFocusedIndex(), C = x === -1, f = !C && this.getCurrentValueDisabledStatus(i, a, x);
-      c ? o === I.pageUp ? (t.preventDefault(), this.base.scrollPopupByPageSize(-1)) : o === I.pageDown ? (t.preventDefault(), this.base.scrollPopupByPageSize(1)) : t.altKey && o === I.up ? b() : o === I.enter ? (t.preventDefault(), (i && !C && t.currentTarget.value ? a[x][i] : void 0) ? !e && i && f ? this.clearValueOnEnterOrEsc(t) : f || this.applyValueOnEnter(t.currentTarget.value, d) : this.applyValueOnEnter(t.currentTarget.value, d)) : o === I.esc && (!e && i && f && this.clearValueOnEnterOrEsc(t), this.applyValueOnRejectSuggestions(t.currentTarget.value, d)) : !c && o === I.esc ? this.clearValueOnEnterOrEsc(t) : t.altKey && o === I.down && b();
-    }, this.inputOnChange = (t) => {
-      const e = this.base.initState();
-      e.syntheticEvent = t;
-      const i = this.props.opened !== void 0 ? this.props.opened : this.state.opened, r = t.currentTarget, n = r.value;
+        e.preventDefault(), this.base.togglePopup(h), this.applyState(h);
+      }, x = this.getFocusedIndex(), C = x === -1, f = !C && this.getCurrentValueDisabledStatus(i, o, x);
+      d ? a === I.pageUp ? (e.preventDefault(), this.base.scrollPopupByPageSize(-1)) : a === I.pageDown ? (e.preventDefault(), this.base.scrollPopupByPageSize(1)) : e.altKey && a === I.up ? b() : a === I.enter ? (e.preventDefault(), (i && !C && e.currentTarget.value ? o[x][i] : void 0) ? !t && i && f ? this.clearValueOnEnterOrEsc(e) : f || this.applyValueOnEnter(e.currentTarget.value, h) : this.applyValueOnEnter(e.currentTarget.value, h)) : a === I.esc && (!t && i && f && this.clearValueOnEnterOrEsc(e), this.applyValueOnRejectSuggestions(e.currentTarget.value, h)) : !d && a === I.esc ? this.clearValueOnEnterOrEsc(e) : e.altKey && a === I.down && b();
+    }, this.inputOnChange = (e) => {
+      const t = this.base.initState();
+      t.syntheticEvent = e;
+      const i = this.props.opened !== void 0 ? this.props.opened : this.state.opened, r = e.currentTarget, l = r.value;
       if (this.props.suggest) {
-        const a = r.selectionEnd === n.length;
+        const o = r.selectionEnd === l.length;
         let p = this.props.filter !== void 0 ? this.props.filter : this.state.text;
         k(p) || (p = w(this.value, this.props.textField) || "");
-        const l = p && p === n, o = p && p.length > n.length;
-        l || o || !a ? this._suggested = "" : this.suggestValue(n);
+        const n = p && p === l, a = p && p.length > l.length;
+        n || a || !o ? this._suggested = "" : this.suggestValue(l);
       }
-      this.props.filter === void 0 && (e.data.text = n), this.state.focusedItem !== void 0 && (e.data.focusedItem = void 0), i ? this.scrollToFocused = !0 : this.base.togglePopup(e), this.base.filterChanged(n, e), this.applyState(e), this.setState({ group: void 0 });
-    }, this.clearButtonClick = (t) => {
-      const e = this.base.initState();
-      e.syntheticEvent = t, t.stopPropagation(), this.clearValue();
-    }, this.clearValueOnEnterOrEsc = (t) => {
-      const e = this.base.initState();
-      e.syntheticEvent = t, t.stopPropagation(), this.clearValue();
-    }, this.clearValueOnBlur = (t) => {
-      const e = this.base.initState();
-      e.syntheticEvent = t, t.stopPropagation(), this.clearValue();
-    }, this.clearValueOnToggleBtnClick = (t) => {
-      const e = this.base.initState();
-      e.syntheticEvent = t, t.stopPropagation(), this.clearValue();
+      this.props.filter === void 0 && (t.data.text = l), this.state.focusedItem !== void 0 && (t.data.focusedItem = void 0), i ? this.scrollToFocused = !0 : this.base.togglePopup(t), this.base.filterChanged(l, t), this.applyState(t), this.setState({ group: void 0 });
+    }, this.clearButtonClick = (e) => {
+      const t = this.base.initState();
+      t.syntheticEvent = e, e.stopPropagation(), this.clearValue();
+    }, this.clearValueOnEnterOrEsc = (e) => {
+      const t = this.base.initState();
+      t.syntheticEvent = e, e.stopPropagation(), this.clearValue();
+    }, this.clearValueOnBlur = (e) => {
+      const t = this.base.initState();
+      t.syntheticEvent = e, e.stopPropagation(), this.clearValue();
+    }, this.clearValueOnToggleBtnClick = (e) => {
+      const t = this.base.initState();
+      t.syntheticEvent = e, e.stopPropagation(), this.clearValue();
     }, this.setValidity = () => {
       this._input && this._input.setCustomValidity && this._input.setCustomValidity(
-        this.validity.valid ? "" : this.props.validationMessage || St
+        this.validity.valid ? "" : this.props.validationMessage || Se
       );
-    }, this.handleFocus = (t) => {
+    }, this.handleFocus = (e) => {
       if (this._skipFocus)
         return;
-      const e = this.base.initState();
-      e.syntheticEvent = t, this.mobileMode && !this._skipFocus && (this._skipFocus = !0, this.base.togglePopup(e), this.applyState(e), setTimeout(() => {
+      const t = this.base.initState();
+      t.syntheticEvent = e, this.mobileMode && !this._skipFocus && (this._skipFocus = !0, this.base.togglePopup(t), this.applyState(t), setTimeout(() => {
         this._skipFocus = !1;
-      }, 300)), this.base.handleFocus(t);
-    }, this.showLicenseWatermark = !et(H, { component: "ComboBox" }), this.licenseMessage = st(H);
+      }, 300)), this.base.handleFocus(e);
+    }, this.showLicenseWatermark = !te(H, { component: "ComboBox" }), this.licenseMessage = se(H);
   }
   get _inputId() {
     return this.props.id;
@@ -237,8 +237,8 @@ const St = "Please enter a valid value!", E = class E extends g.Component {
    * The mobile mode of the ComboBox.
    */
   get mobileMode() {
-    var t;
-    return !!(this.state.windowWidth && this.props._adaptiveMode && this.state.windowWidth <= ((t = this.props._adaptiveMode) == null ? void 0 : t.medium) && this.props.adaptive);
+    var e;
+    return !!(this.state.windowWidth && this.props._adaptiveMode && this.state.windowWidth <= ((e = this.props._adaptiveMode) == null ? void 0 : e.medium) && this.props.adaptive);
   }
   /**
    * The value of the ComboBox.
@@ -257,8 +257,8 @@ const St = "Please enter a valid value!", E = class E extends g.Component {
    * The index of the selected item.
    */
   get index() {
-    const { dataItemKey: s } = this.props, t = y(this.props), e = this.value;
-    return t.findIndex((i) => D(i, e, s));
+    const { dataItemKey: s } = this.props, e = y(this.props), t = this.value;
+    return e.findIndex((i) => D(i, t, s));
   }
   /**
    * Gets the `name` property of the ComboBox.
@@ -270,10 +270,10 @@ const St = "Please enter a valid value!", E = class E extends g.Component {
    * Represents the validity state into which the component is set.
    */
   get validity() {
-    const s = this.props.validationMessage !== void 0, t = !this.required || this.value !== null && this.value !== "" && this.value !== void 0, e = this.props.valid !== void 0 ? this.props.valid : t;
+    const s = this.props.validationMessage !== void 0, e = !this.required || this.value !== null && this.value !== "" && this.value !== void 0, t = this.props.valid !== void 0 ? this.props.valid : e;
     return {
       customError: s,
-      valid: e,
+      valid: t,
       valueMissing: this.value === null
     };
   }
@@ -285,28 +285,28 @@ const St = "Please enter a valid value!", E = class E extends g.Component {
     return this.props.required !== void 0 ? this.props.required : E.defaultProps.required;
   }
   /** @hidden */
-  componentDidUpdate(s, t) {
+  componentDidUpdate(s, e) {
     var b, x;
-    const { dataItemKey: e, virtual: i, groupField: r = "", textField: n } = this.props, a = y(this.props), p = s.virtual ? s.virtual.total : 0, l = this.props.opened !== void 0 ? this.props.opened : this.state.opened, o = s.opened !== void 0 ? s.opened : t.opened;
-    s.data !== a && this.checkForDuplicatePlainTextRecords();
-    const c = !o && l, d = this.value;
-    if (this._valueOnDidUpdate = d, this.base.didUpdate(), i && i.total !== p)
+    const { dataItemKey: t, virtual: i, groupField: r = "", textField: l } = this.props, o = y(this.props), p = s.virtual ? s.virtual.total : 0, n = this.props.opened !== void 0 ? this.props.opened : this.state.opened, a = s.opened !== void 0 ? s.opened : e.opened;
+    s.data !== o && this.checkForDuplicatePlainTextRecords();
+    const d = !a && n, h = this.value;
+    if (this._valueOnDidUpdate = h, this.base.didUpdate(), i && i.total !== p)
       this.base.vs.calcScrollElementHeight(), this.base.vs.reset();
     else {
-      const C = s.value !== void 0 ? s.value : t.value;
-      let f = this.hasDuplicates ? this.navigationIndex || 0 : a.findIndex((h) => D(h, d, e));
-      this.props.groupMode === "modern" && n && d && (f = (b = this.base.getGroupedDataModernMode(a, r)) == null ? void 0 : b.map((h) => h[n]).indexOf(d[n]));
-      const u = !D(C, d, e);
-      if (c && i ? this.base.scrollToVirtualItem(i, f) : c && !i ? (this.onPopupOpened(), a && a.length !== 0 && this.base.resetGroupStickyHeader(a[0][r], this), this.base.scrollToItem(f)) : (this.hasDuplicates || l && o && d && u) && this.base.scrollToItem(f), l && o && this.scrollToFocused) {
-        const h = (x = this.props.filter ? this.props.filter : this.state.text) != null ? x : "";
-        if (h) {
-          const { focusedItemIndex: v = P } = this.props, M = v(a, h, n);
+      const C = s.value !== void 0 ? s.value : e.value;
+      let f = this.hasDuplicates ? this.navigationIndex || 0 : o.findIndex((c) => D(c, h, t));
+      this.props.groupMode === "modern" && l && h && (f = (b = this.base.getGroupedDataModernMode(o, r)) == null ? void 0 : b.map((c) => c[l]).indexOf(h[l]));
+      const u = !D(C, h, t);
+      if (d && i ? this.base.scrollToVirtualItem(i, f) : d && !i ? (this.onPopupOpened(), o && o.length !== 0 && this.base.resetGroupStickyHeader(o[0][r], this), this.base.scrollToItem(f)) : (this.hasDuplicates || n && a && h && u) && this.base.scrollToItem(f), n && a && this.scrollToFocused) {
+        const c = (x = this.props.filter ? this.props.filter : this.state.text) != null ? x : "";
+        if (c) {
+          const { focusedItemIndex: v = P } = this.props, M = v(o, c, l);
           this.base.scrollToItem(M);
         } else
           this.base.scrollToItem(0);
       }
     }
-    this.scrollToFocused = !1, c && this._input && this._input.focus(), this.setValidity();
+    this.scrollToFocused = !1, d && this._input && this._input.focus(), this.setValidity();
   }
   /** @hidden */
   componentDidMount() {
@@ -323,29 +323,29 @@ const St = "Please enter a valid value!", E = class E extends g.Component {
     const s = U(this).toLanguageString(
       q,
       W[q]
-    ), t = U(this).toLanguageString(
+    ), e = U(this).toLanguageString(
       G,
       W[G]
     ), {
-      dir: e,
+      dir: t,
       disabled: i,
       clearButton: r = E.defaultProps.clearButton,
-      label: n,
-      textField: a,
+      label: l,
+      textField: o,
       className: p,
-      style: l,
-      loading: o,
-      iconClassName: c,
-      virtual: d,
+      style: n,
+      loading: a,
+      iconClassName: d,
+      virtual: h,
       size: b,
       rounded: x,
       fillMode: C,
       opened: f = this.state.opened,
       placeholder: u,
-      svgIcon: h,
+      svgIcon: c,
       unstyled: v
-    } = this.props, M = !this.validityStyles || this.validity.valid, O = this.props.filter !== void 0 ? this.props.filter : this.state.text, $ = w(this.value, a), T = k(O) ? O : $, Y = r && (!!T || k(this.value)), B = this.base.vs, N = this.props.id || this._inputId, V = v && v.uComboBox;
-    B.enabled = d !== void 0, d !== void 0 && (B.skip = d.skip, B.total = d.total, B.pageSize = d.pageSize);
+    } = this.props, M = !this.validityStyles || this.validity.valid, O = this.props.filter !== void 0 ? this.props.filter : this.state.text, $ = w(this.value, o), T = k(O) ? O : $, Y = r && (!!T || k(this.value)), B = this.base.vs, N = this.props.id || this._inputId, V = v && v.uComboBox;
+    B.enabled = h !== void 0, h !== void 0 && (B.skip = h.skip, B.total = h.total, B.pageSize = h.pageSize);
     const [J, Q] = j(this.props.prefix || g.Fragment), [X, Z] = j(this.props.suffix || g.Fragment), R = /* @__PURE__ */ g.createElement(g.Fragment, null, /* @__PURE__ */ g.createElement(
       "span",
       {
@@ -357,21 +357,21 @@ const St = "Please enter a valid value!", E = class E extends g.Component {
             fillMode: C,
             disabled: i,
             invalid: !M,
-            loading: o,
+            loading: a,
             required: this.required
           }),
           p
         ),
         ref: this.componentRef,
-        style: n ? { ...l, width: void 0 } : l,
-        dir: e,
+        style: l ? { ...n, width: void 0 } : n,
+        dir: t,
         onFocus: this.handleFocus
       },
       this.props.prefix && /* @__PURE__ */ g.createElement(J, { ...Q }),
       this.renderSearchBar(T || "", N, u),
-      Y && !o && /* @__PURE__ */ g.createElement(bt, { onClick: this.clearButtonClick, key: "clearbutton" }),
-      o && /* @__PURE__ */ g.createElement(
-        ot,
+      Y && !a && /* @__PURE__ */ g.createElement(be, { onClick: this.clearButtonClick, key: "clearbutton" }),
+      a && /* @__PURE__ */ g.createElement(
+        oe,
         {
           className: S(F.loadingIcon({ c: V })),
           name: "loading",
@@ -380,118 +380,118 @@ const St = "Please enter a valid value!", E = class E extends g.Component {
       ),
       this.props.suffix && /* @__PURE__ */ g.createElement(X, { ...Z }),
       /* @__PURE__ */ g.createElement(
-        xt,
+        xe,
         {
           tabIndex: -1,
           type: "button",
-          "aria-label": f ? t : s,
-          icon: c ? void 0 : "caret-alt-down",
-          svgIcon: h || It,
-          iconClass: c,
+          "aria-label": f ? e : s,
+          icon: d ? void 0 : "caret-alt-down",
+          svgIcon: c || Ie,
+          iconClass: d,
           size: b,
           fillMode: C,
           rounded: null,
           themeColor: "base",
           className: S(F.inputButton({ c: V })),
           onClick: this.toggleBtnClick,
-          onMouseDown: (tt) => tt.preventDefault()
+          onMouseDown: (ee) => ee.preventDefault()
         }
       ),
       !this.mobileMode && this.renderListContainer()
     ), this.mobileMode && this.renderAdaptiveListContainer());
-    return n ? /* @__PURE__ */ g.createElement(
-      ht,
+    return l ? /* @__PURE__ */ g.createElement(
+      he,
       {
-        label: n,
+        label: l,
         editorId: N,
         editorValue: T,
         editorValid: M,
         editorDisabled: i,
-        style: { width: l ? l.width : void 0 },
+        style: { width: n ? n.width : void 0 },
         children: R,
         unstyled: v
       }
     ) : R;
   }
   /** @hidden */
-  onNavigate(s, t, e) {
-    const { virtual: i = { skip: 0 } } = this.props, r = y(this.props), n = this.props.filter ? this.props.filter : this.state.text;
-    let a = -1, p;
-    const l = this.base.vs, o = this.value;
+  onNavigate(s, e, t) {
+    const { virtual: i = { skip: 0 } } = this.props, r = y(this.props), l = this.props.filter ? this.props.filter : this.state.text;
+    let o = -1, p;
+    const n = this.base.vs, a = this.value;
     this._suggested = "";
-    const c = this.hasDuplicates && this.duplicates.indexOf(o) !== -1;
-    if (a = this.getFocusedIndex(c), a !== -1 && !k(o))
-      this.handleItemSelect(a, s);
-    else if (n === "")
+    const d = this.hasDuplicates && this.duplicates.indexOf(a) !== -1;
+    if (o = this.getFocusedIndex(d), o !== -1 && !k(a))
+      this.handleItemSelect(o, s);
+    else if (l === "")
       this.handleItemSelect(0, s);
     else {
-      const d = i.skip + a;
+      const h = i.skip + o;
       p = this.base.navigation.navigate({
-        keyCode: t,
-        current: d,
-        max: (l.enabled ? l.total : r.length) - 1,
+        keyCode: e,
+        current: h,
+        max: (n.enabled ? n.total : r.length) - 1,
         min: 0,
-        skipItems: e || void 0
+        skipItems: t || void 0
       }), p !== void 0 && this.handleItemSelect(p, s);
     }
     this.navigationIndex = p;
   }
-  getCurrentValueDisabledStatus(s, t, e) {
-    return s && t && t[e] && t[e].disabled;
+  getCurrentValueDisabledStatus(s, e, t) {
+    return s && e && e[t] && e[t].disabled;
   }
-  applyValueOnEnter(s, t) {
-    const { textField: e, allowCustom: i } = this.props, r = y(this.props), n = this.props.opened !== void 0 ? this.props.opened : this.state.opened, p = w(this.value, e) === s ? this.index : z(r, s, e), l = p !== -1;
-    let o;
-    if (this._suggested = "", l)
-      o = r[p];
+  applyValueOnEnter(s, e) {
+    const { textField: t, allowCustom: i, ignoreCase: r } = this.props, l = y(this.props), o = this.props.opened !== void 0 ? this.props.opened : this.state.opened, n = w(this.value, t) === s ? this.index : z(l, s, t, !1, r), a = n !== -1;
+    let d;
+    if (this._suggested = "", a)
+      d = l[n];
     else if (i)
-      o = e !== void 0 ? { [e]: s } : s;
+      d = t !== void 0 ? { [t]: s } : s;
     else
-      return this.selectFocusedItem(s, t);
-    this.triggerOnChange(o, t), n && this.base.togglePopup(t), this.props.filter === void 0 && this.state.text !== void 0 && (t.data.text = void 0), this.applyState(t);
+      return this.selectFocusedItem(s, e);
+    this.triggerOnChange(d, e), o && this.base.togglePopup(e), this.props.filter === void 0 && this.state.text !== void 0 && (e.data.text = void 0), this.applyState(e);
   }
-  applyValueOnRejectSuggestions(s, t) {
-    const { textField: e, allowCustom: i } = this.props, r = y(this.props), n = this.props.opened !== void 0 ? this.props.opened : this.state.opened, a = w(this.value, e);
-    if (this._suggested = "", s === a || s === "" && !k(a))
-      return this.closeOpenedApplyStateNonMobileMode(t, n), this.applyState(t);
-    const p = z(r, s, e, !0), l = p !== -1;
-    let o = null;
-    l ? o = r[p] : i && (o = s ? e ? { [e]: s } : s : null), this.triggerOnChange(o, t), this.state.text !== void 0 && (t.data.text = void 0, this.base.filterChanged("", t)), this.closeOpenedApplyStateNonMobileMode(t, n), this.applyState(t);
+  applyValueOnRejectSuggestions(s, e) {
+    const { textField: t, allowCustom: i, ignoreCase: r } = this.props, l = y(this.props), o = this.props.opened !== void 0 ? this.props.opened : this.state.opened, p = w(this.value, t);
+    if (this._suggested = "", s === p || s === "" && !k(p))
+      return this.closeOpenedApplyStateNonMobileMode(e, o), this.applyState(e);
+    const n = z(l, s, t, !0, r), a = n !== -1;
+    let d = null;
+    a ? d = l[n] : i && (d = s ? t ? { [t]: s } : s : null), this.triggerOnChange(d, e), this.state.text !== void 0 && (e.data.text = void 0, this.base.filterChanged("", e)), this.closeOpenedApplyStateNonMobileMode(e, o), this.applyState(e);
   }
-  selectFocusedItem(s, t) {
-    const e = this.props.opened !== void 0 ? this.props.opened : this.state.opened, { textField: i, virtual: r = { skip: 0 }, focusedItemIndex: n = P } = this.props, a = y(this.props), p = r.skip, l = s === "" && p === 0 ? 0 : n(a, s, i);
-    return l !== -1 ? this.handleItemSelect(l + p, t) : (this.triggerOnChange(null, t), this.state.text !== void 0 && (t.data.text = void 0)), e && this.base.togglePopup(t), this.applyState(t);
+  selectFocusedItem(s, e) {
+    const t = this.props.opened !== void 0 ? this.props.opened : this.state.opened, { textField: i, virtual: r = { skip: 0 }, focusedItemIndex: l = P } = this.props, o = y(this.props), p = r.skip, n = s === "" && p === 0 ? 0 : l(o, s, i);
+    return n !== -1 ? this.handleItemSelect(n + p, e) : (this.triggerOnChange(null, e), this.state.text !== void 0 && (e.data.text = void 0)), t && this.base.togglePopup(e), this.applyState(e);
   }
   renderAdaptiveListContainer() {
-    const { windowWidth: s = 0 } = this.state, { groupField: t, adaptiveTitle: e = this.props.label, adaptiveSubtitle: i } = this.props, r = y(this.props), n = this.props.opened !== void 0 ? this.props.opened : this.state.opened;
-    let { group: a } = this.state;
-    a === void 0 && t !== void 0 && (a = w(r[0], t));
+    const { windowWidth: s = 0 } = this.state, { groupField: e, adaptiveTitle: t = this.props.label, adaptiveSubtitle: i } = this.props, r = y(this.props), l = this.props.opened !== void 0 ? this.props.opened : this.state.opened;
+    let { group: o } = this.state;
+    o === void 0 && e !== void 0 && (o = w(r[0], e));
     const p = {
-      title: e || this.props.label,
+      title: t || this.props.label,
       subTitle: i,
-      expand: n,
-      onClose: (l) => this.toggleBtnClick(l),
+      expand: l,
+      onClose: (n) => this.toggleBtnClick(n),
       windowWidth: s,
       mobileFilter: this.renderMobileListFilter()
     };
-    return /* @__PURE__ */ g.createElement(Ct, { ...p }, /* @__PURE__ */ g.createElement(yt, null, /* @__PURE__ */ g.createElement("div", { className: "k-list-container" }, this.listContainerContent())));
+    return /* @__PURE__ */ g.createElement(Ce, { ...p }, /* @__PURE__ */ g.createElement(ye, null, /* @__PURE__ */ g.createElement("div", { className: "k-list-container" }, this.listContainerContent())));
   }
   renderListContainer() {
     const s = this.base, {
-      dir: t,
-      header: e,
+      dir: e,
+      header: t,
       footer: i,
       groupField: r,
-      groupMode: n,
-      size: a,
+      groupMode: l,
+      size: o,
       list: p,
-      virtual: l,
-      groupStickyHeaderItemRender: o,
-      unstyled: c
-    } = this.props, d = y(this.props), b = this.props.opened !== void 0 ? this.props.opened : this.state.opened, x = s.getPopupSettings(), C = x.width !== void 0 ? x.width : s.popupWidth, f = c && c.uComboBox;
+      virtual: n,
+      groupStickyHeaderItemRender: a,
+      unstyled: d
+    } = this.props, h = y(this.props), b = this.props.opened !== void 0 ? this.props.opened : this.state.opened, x = s.getPopupSettings(), C = x.width !== void 0 ? x.width : s.popupWidth, f = d && d.uComboBox;
     let { group: u } = this.state;
-    return u === void 0 && r !== void 0 && (u = w(d[0], r)), /* @__PURE__ */ g.createElement(
-      mt,
+    return u === void 0 && r !== void 0 && (u = w(h[0], r)), /* @__PURE__ */ g.createElement(
+      me,
       {
         width: C,
         popupSettings: {
@@ -506,8 +506,8 @@ const St = "Please enter a valid value!", E = class E extends g.Component {
             })
           )
         },
-        dir: t !== void 0 ? t : this.base.dirCalculated,
-        itemsCount: [d.length]
+        dir: e !== void 0 ? e : this.base.dirCalculated,
+        itemsCount: [h.length]
       },
       /* @__PURE__ */ g.createElement(
         "div",
@@ -516,14 +516,14 @@ const St = "Please enter a valid value!", E = class E extends g.Component {
             F.list({
               c: f,
               list: p,
-              size: a,
-              tableSize: a,
-              virtual: l
+              size: o,
+              tableSize: o,
+              virtual: n
             })
           )
         },
-        e && /* @__PURE__ */ g.createElement("div", { className: S(F.listHeader({ c: f })) }, e),
-        !p && u && d.length !== 0 && /* @__PURE__ */ g.createElement(K, { group: u, groupMode: n, render: o }),
+        t && /* @__PURE__ */ g.createElement("div", { className: S(F.listHeader({ c: f })) }, t),
+        !p && u && h.length !== 0 && /* @__PURE__ */ g.createElement(K, { group: u, groupMode: l, render: a }),
         this.renderList(),
         i && /* @__PURE__ */ g.createElement(
           "div",
@@ -536,107 +536,107 @@ const St = "Please enter a valid value!", E = class E extends g.Component {
           i
         )
       ),
-      this.showLicenseWatermark && /* @__PURE__ */ g.createElement(at, { message: this.licenseMessage })
+      this.showLicenseWatermark && /* @__PURE__ */ g.createElement(ae, { message: this.licenseMessage })
     );
   }
   renderList() {
     const s = this.base, {
-      textField: t,
-      dataItemKey: e,
+      textField: e,
+      dataItemKey: t,
       listNoDataRender: i,
       itemRender: r,
-      groupHeaderItemRender: n,
-      virtual: a = { skip: 0, total: void 0 },
+      groupHeaderItemRender: l,
+      virtual: o = { skip: 0, total: void 0 },
       unstyled: p
-    } = this.props, l = y(this.props), o = s.getPopupSettings(), c = s.vs, d = a.skip, b = this.props.opened !== void 0 ? this.props.opened : this.state.opened, x = `translateY(${c.translate}px)`, C = b ? this.getFocusedIndex(this.hasDuplicates) : void 0, f = this.props.filter !== void 0 ? this.props.filter : this.state.text, u = w(this.value, t), h = k(f) && f !== u ? null : this.value, v = this.props.list || ft, M = p && p.uComboBox;
+    } = this.props, n = y(this.props), a = s.getPopupSettings(), d = s.vs, h = o.skip, b = this.props.opened !== void 0 ? this.props.opened : this.state.opened, x = `translateY(${d.translate}px)`, C = b ? this.getFocusedIndex(this.hasDuplicates) : void 0, f = this.props.filter !== void 0 ? this.props.filter : this.state.text, u = w(this.value, e), c = k(f) && f !== u ? null : this.value, v = this.props.list || fe, M = p && p.uComboBox;
     return /* @__PURE__ */ g.createElement(
       v,
       {
         id: s.listBoxId,
-        virtual: !!a,
+        virtual: !!o,
         show: b,
-        data: l,
+        data: n,
         focusedIndex: C,
-        value: h,
-        textField: t,
-        valueField: e,
+        value: c,
+        textField: e,
+        valueField: t,
         groupField: this.props.groupField,
         groupMode: this.props.groupMode,
         isMultiColumn: this.props.isMultiColumn,
         optionsGuid: s.guid,
         hasDuplicates: this.hasDuplicates,
         listRef: (O) => {
-          c.list = this.base.list = O, this.itemHeight = 0;
+          d.list = this.base.list = O, this.itemHeight = 0;
         },
-        wrapperStyle: this.mobileMode ? {} : { maxHeight: o.height },
+        wrapperStyle: this.mobileMode ? {} : { maxHeight: a.height },
         wrapperCssClass: S(
           F.listContent({
             c: M,
-            virtual: a
+            virtual: o
           })
         ),
-        listStyle: c.enabled ? { transform: x } : void 0,
+        listStyle: d.enabled ? { transform: x } : void 0,
         key: "listkey",
-        skip: d,
+        skip: h,
         onClick: this.handleItemClick,
         itemRender: r,
-        groupHeaderItemRender: n,
+        groupHeaderItemRender: l,
         noDataRender: i,
         onMouseDown: (O) => O.preventDefault(),
         onScroll: this.onScroll,
-        wrapperRef: c.scrollerRef,
+        wrapperRef: d.scrollerRef,
         scroller: this.base.renderScrollElement(),
-        ariaSetSize: a.total
+        ariaSetSize: o.total
       }
     );
   }
-  renderSearchBar(s, t, e) {
+  renderSearchBar(s, e, t) {
     const {
       tabIndex: i,
       accessKey: r,
-      disabled: n,
-      title: a,
+      disabled: l,
+      title: o,
       ariaLabelledBy: p,
-      ariaDescribedBy: l,
-      dataItemKey: o,
-      virtual: c = { skip: 0 },
-      unstyled: d,
+      ariaDescribedBy: n,
+      dataItemKey: a,
+      virtual: d = { skip: 0 },
+      unstyled: h,
       inputAttributes: b
     } = this.props, x = y(this.props), C = this.props.opened !== void 0 ? this.props.opened : this.state.opened, f = this.value, u = Math.max(
       0,
-      x.findIndex((h) => D(h, f, o))
+      x.findIndex((c) => D(c, f, a))
     );
-    return this._suggested && !D(this._valueOnDidUpdate, f, o) && (this._suggested = ""), /* @__PURE__ */ g.createElement(
-      gt,
+    return this._suggested && !D(this._valueOnDidUpdate, f, a) && (this._suggested = ""), /* @__PURE__ */ g.createElement(
+      ge,
       {
-        id: t,
+        id: e,
         readOnly: C && this.mobileMode,
-        placeholder: e,
+        placeholder: t,
         tabIndex: i,
         accessKey: r,
-        title: a,
+        title: o,
         value: s + this._suggested,
         suggestedText: this._suggested,
-        ref: (h) => {
-          this._input = h && h.input;
+        ref: (c) => {
+          this._input = c && c.input;
         },
         onClick: this.onInputClick,
         onKeyDown: this.onInputKeyDown,
         onChange: this.inputOnChange,
         onFocus: this.base.handleFocus,
         onBlur: this.handleBlur,
-        disabled: n,
+        disabled: l,
         expanded: C,
         owns: this.base.listBoxId,
-        activedescendant: `option-${this.base.guid}-${u + c.skip}`,
+        activedescendant: `option-${this.base.guid}-${u + d.skip}`,
         role: "combobox",
         ariaLabelledBy: p,
         ariaLabel: this.props.ariaLabel,
-        ariaDescribedBy: l,
+        ariaDescribedBy: n,
         ariaRequired: this.required,
         render: this.props.valueRender,
         ariaControls: this.base.listBoxId,
-        unstyled: d,
+        unstyled: h,
         inputAttributes: b
       }
     );
@@ -644,33 +644,33 @@ const St = "Please enter a valid value!", E = class E extends g.Component {
   clearValue() {
     const s = this.base.initState();
     this._suggested = "", this.navigationIndex = void 0, this.base.filterChanged("", s), this.props.filter === void 0 && this.state.text !== void 0 && (s.data.text = void 0), this.triggerOnChange(null, s);
-    const t = this.props.opened !== void 0 ? this.props.opened : this.state.opened, e = this.mobileMode;
-    t && !e && this.base.togglePopup(s), this.applyState(s);
+    const e = this.props.opened !== void 0 ? this.props.opened : this.state.opened, t = this.mobileMode;
+    e && !t && this.base.togglePopup(s), this.applyState(s);
   }
-  triggerOnChange(s, t) {
-    const e = this.value;
-    !this.hasDuplicates && (!k(e) && !k(s) || D(e, s, this.props.dataItemKey)) || (this.props.value === void 0 && (t.data.value = s), this._valueDuringOnChange = s, t.events.push({ type: "onChange" }));
+  triggerOnChange(s, e) {
+    const t = this.value;
+    !this.hasDuplicates && (!k(t) && !k(s) || D(t, s, this.props.dataItemKey)) || (this.props.value === void 0 && (e.data.value = s), this._valueDuringOnChange = s, e.events.push({ type: "onChange" }));
   }
   getFocusedIndex(s) {
-    const t = this.value, {
-      textField: e,
+    const e = this.value, {
+      textField: t,
       dataItemKey: i,
       virtual: r = { skip: 0 },
-      focusedItemIndex: n = P,
-      skipDisabledItems: a
-    } = this.props, p = y(this.props), l = this.props.filter ? this.props.filter : this.state.text;
-    return s && this.navigationIndex !== void 0 ? this.navigationIndex : k(t) && l === void 0 ? p.findIndex((o) => D(o, t, i)) : l ? n(p, l, e) : a && e && !l && r.skip === 0 ? p.findIndex((o) => !o.disabled && o[e]) : r.skip === 0 ? 0 : -1;
+      focusedItemIndex: l = P,
+      skipDisabledItems: o
+    } = this.props, p = y(this.props), n = this.props.filter ? this.props.filter : this.state.text;
+    return s && this.navigationIndex !== void 0 ? this.navigationIndex : k(e) && n === void 0 ? p.findIndex((a) => D(a, e, i)) : n ? l(p, n, t) : o && t && !n && r.skip === 0 ? p.findIndex((a) => !a.disabled && a[t]) : r.skip === 0 ? 0 : -1;
   }
   suggestValue(s) {
-    const { data: t, textField: e } = this.props;
-    this._suggested = ut(s, t, e);
+    const { data: e, textField: t } = this.props;
+    this._suggested = ue(s, e, t);
   }
   applyState(s) {
     this.base.applyState(s), this._valueDuringOnChange = void 0;
   }
   calculateMedia(s) {
-    for (const t of s)
-      this.setState({ windowWidth: t.target.clientWidth });
+    for (const e of s)
+      this.setState({ windowWidth: e.target.clientWidth });
   }
 };
 E.displayName = "ComboBox", E.propTypes = {
@@ -686,9 +686,10 @@ E.displayName = "ComboBox", E.propTypes = {
   placeholder: m.string,
   title: m.string,
   allowCustom: m.bool,
+  ignoreCase: m.bool,
   clearButton: m.bool,
   iconClassName: m.string,
-  svgIcon: it,
+  svgIcon: ie,
   validationMessage: m.string,
   required: m.bool,
   id: m.string,
@@ -705,6 +706,7 @@ E.displayName = "ComboBox", E.propTypes = {
   rounded: "medium",
   fillMode: "solid",
   allowCustom: !1,
+  ignoreCase: !1,
   clearButton: !0,
   required: !1,
   groupMode: "modern",
@@ -714,17 +716,17 @@ E.displayName = "ComboBox", E.propTypes = {
   suffix: void 0
 };
 let L = E;
-const Ft = nt(), kt = lt(
-  rt(
-    Ft,
-    pt(
-      dt(L)
+const Fe = ne(), ke = le(
+  re(
+    Fe,
+    pe(
+      de(L)
     )
   )
 );
-kt.displayName = "KendoReactComboBox";
+ke.displayName = "KendoReactComboBox";
 export {
-  kt as ComboBox,
-  Ft as ComboBoxPropsContext,
+  ke as ComboBox,
+  Fe as ComboBoxPropsContext,
   L as ComboBoxWithoutContext
 };