@progress/kendo-react-dropdowns 8.3.0-develop.5 → 8.3.0-develop.7

package/common/List.mjs

@@ -7,112 +7,108 @@
  */
 "use client";
 import * as t from "react";
-import z from "./ListItem.mjs";
-import x from "./ListGroupItem.mjs";
-import { areSame as C, getItemValue as N } from "./utils.mjs";
-import { provideLocalizationService as F, registerForLocalization as M } from "@progress/kendo-react-intl";
-import { nodata as R, messages as $ } from "../messages/index.mjs";
-class A extends t.Component {
-  renderItems() {
+import Q from "./ListItem.mjs";
+import T from "./ListGroupItem.mjs";
+import { areSame as R, getItemValue as L } from "./utils.mjs";
+import { useLocalization as W } from "@progress/kendo-react-intl";
+import { nodata as b, messages as X } from "../messages/index.mjs";
+import { useUnstyled as Y, classNames as g, uDropDownsBase as p } from "@progress/kendo-react-common";
+const Z = (e) => {
+  const k = W(), y = Y(), c = y && y.uDropDownsBase, {
+    id: B,
+    show: $,
+    wrapperCssClass: z,
+    wrapperStyle: M,
+    listStyle: x,
+    listRef: A,
+    wrapperRef: F,
+    listClassName: G,
+    ariaSetSize: V
+  } = e, D = (() => {
     const {
-      textField: l,
-      valueField: r,
-      groupField: e,
-      groupMode: o,
-      isMultiColumn: f,
-      optionsGuid: n,
-      skip: d = 0,
-      virtual: p,
-      focusedIndex: c,
-      hasDuplicates: v,
-      highlightSelected: m = !0,
-      value: u,
+      textField: n,
+      valueField: s,
+      groupField: u,
+      groupMode: l,
+      isMultiColumn: U,
+      optionsGuid: I,
+      skip: S = 0,
+      virtual: h,
+      focusedIndex: C,
+      hasDuplicates: j,
+      highlightSelected: q = !0,
+      value: i,
       data: E,
-      itemRender: w,
-      groupHeaderItemRender: D
-    } = this.props, y = Array.isArray(u);
-    let k = 0;
-    return E.map((s, i) => {
-      const g = d + i, I = d + i + k, L = v ? u ? c === i : !1 : s.disabled ? !1 : m && (!y && C(s, u, r) || y && u.findIndex((b) => C(b, s, r)) !== -1);
-      let a, h, S;
-      return i > 0 && e !== void 0 && (h = N(s, e), S = N(E[i - 1], e), h && S && h !== S && (a = h)), a !== void 0 && o === "modern" && (k += 1), [
-        a !== void 0 && o === "modern" && /* @__PURE__ */ t.createElement(
-          x,
+      itemRender: J,
+      groupHeaderItemRender: K
+    } = e, w = Array.isArray(i);
+    let N = 0;
+    return E.map((o, r) => {
+      const m = S + r, f = S + r + N, O = j ? i ? C === r : !1 : o.disabled ? !1 : q && (!w && R(o, i, s) || w && i.findIndex((P) => R(P, o, s)) !== -1);
+      let a, d, v;
+      return r > 0 && u !== void 0 && (d = L(o, u), v = L(E[r - 1], u), d && v && d !== v && (a = d)), a !== void 0 && l === "modern" && (N += 1), [
+        a !== void 0 && l === "modern" && /* @__PURE__ */ t.createElement(
+          T,
           {
-            id: `option-${n}-${I}`,
-            virtual: p,
-            key: g + "-group-item",
+            id: `option-${I}-${f}`,
+            virtual: h,
+            key: m + "-group-item",
             group: a,
-            isMultiColumn: f,
-            render: D
+            isMultiColumn: U,
+            render: K
           }
         ),
         /* @__PURE__ */ t.createElement(
-          z,
+          Q,
           {
-            id: `option-${n}-${a !== void 0 && o === "modern" ? I + 1 : I}`,
-            virtual: p,
-            dataItem: s,
-            groupMode: o,
-            selected: L,
-            focused: c === i,
-            index: g,
-            key: g,
-            onClick: this.props.onClick,
-            textField: l,
+            id: `option-${I}-${a !== void 0 && l === "modern" ? f + 1 : f}`,
+            virtual: h,
+            dataItem: o,
+            groupMode: l,
+            selected: O,
+            focused: C === r,
+            index: m,
+            key: m,
+            onClick: e.onClick,
+            textField: n,
             group: a,
-            render: w,
-            disabled: s.disabled
+            render: J,
+            disabled: o.disabled
           }
         )
       ];
     });
-  }
-  renderNoValueElement(l) {
-    const r = this.props.noDataRender, e = /* @__PURE__ */ t.createElement("div", { className: "k-nodata" }, /* @__PURE__ */ t.createElement("div", null, l.toLanguageString(R, $[R])));
-    return r ? r.call(void 0, e) : e;
-  }
-  render() {
-    const l = F(this), {
-      id: r,
-      show: e,
-      wrapperCssClass: o,
-      wrapperStyle: f,
-      listStyle: n,
-      listRef: d,
-      wrapperRef: p,
-      listClassName: c = "k-list-ul",
-      ariaSetSize: v
-    } = this.props, m = this.renderItems();
-    return m.length ? /* @__PURE__ */ t.createElement(
-      "div",
+  })(), H = () => {
+    const n = e.noDataRender, s = /* @__PURE__ */ t.createElement("div", { className: g(p.noData({ c })) }, /* @__PURE__ */ t.createElement("div", null, k.toLanguageString(b, X[b])));
+    return n ? n.call(void 0, s) : s;
+  };
+  return D.length ? /* @__PURE__ */ t.createElement(
+    "div",
+    {
+      className: z,
+      style: M,
+      ref: F,
+      onMouseDown: e.onMouseDown,
+      onBlur: e.onBlur,
+      onScroll: e.onScroll,
+      unselectable: "on"
+    },
+    /* @__PURE__ */ t.createElement(
+      "ul",
       {
-        className: o,
-        style: f,
-        ref: p,
-        onMouseDown: this.props.onMouseDown,
-        onBlur: this.props.onBlur,
-        onScroll: this.props.onScroll,
-        unselectable: "on"
+        id: B,
+        role: "listbox",
+        "aria-hidden": $ ? void 0 : !0,
+        "aria-setsize": V,
+        className: G || g(p.ul({ c })),
+        ref: A,
+        style: x
       },
-      /* @__PURE__ */ t.createElement(
-        "ul",
-        {
-          id: r,
-          role: "listbox",
-          "aria-hidden": e ? void 0 : !0,
-          "aria-setsize": v,
-          className: c,
-          ref: d,
-          style: n
-        },
-        m
-      ),
-      this.props.scroller && /* @__PURE__ */ t.createElement("div", { className: "k-height-container" }, this.props.scroller)
-    ) : this.renderNoValueElement(l);
-  }
-}
-M(A);
+      D
+    ),
+    e.scroller && /* @__PURE__ */ t.createElement("div", { className: g(p.heightContainer({ c })) }, e.scroller)
+  ) : H();
+}, ne = Z;
 export {
-  A as default
+  ne as default
 };

package/common/ListContainer.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use client";"use strict";const s=require("react"),u=require("@progress/kendo-react-popup");function a(e){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,r.get?r:{enumerable:!0,get:()=>e[t]})}}return n.default=e,Object.freeze(n)}const c=a(s);class p extends c.Component{render(){const{children:n,width:t,dir:r,itemsCount:o,popupSettings:i}=this.props;return c.createElement(u.Popup,{style:{width:t,direction:r},contentKey:o&&o.join(),...i},n)}}module.exports=p;
+"use client";"use strict";const i=require("react"),s=require("@progress/kendo-react-popup");function u(e){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const o=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,o.get?o:{enumerable:!0,get:()=>e[t]})}}return n.default=e,Object.freeze(n)}const a=u(i),p=e=>{const{children:n,width:t,dir:o,itemsCount:r,popupSettings:c}=e;return a.createElement(s.Popup,{style:{width:t,direction:o},contentKey:r&&r.join(),...c},n)},l=p;module.exports=l;

package/common/ListContainer.mjs

@@ -6,28 +6,26 @@
  *-------------------------------------------------------------------------------------------
  */
 "use client";
-import * as e from "react";
-import { Popup as s } from "@progress/kendo-react-popup";
-class a extends e.Component {
-  render() {
-    const {
-      children: n,
-      width: o,
-      dir: r,
-      itemsCount: t,
-      popupSettings: i
-    } = this.props;
-    return /* @__PURE__ */ e.createElement(
-      s,
-      {
-        style: { width: o, direction: r },
-        contentKey: t && t.join(),
-        ...i
-      },
-      n
-    );
-  }
-}
+import * as s from "react";
+import { Popup as c } from "@progress/kendo-react-popup";
+const p = (e) => {
+  const {
+    children: n,
+    width: o,
+    dir: i,
+    itemsCount: t,
+    popupSettings: r
+  } = e;
+  return /* @__PURE__ */ s.createElement(
+    c,
+    {
+      style: { width: o, direction: i },
+      contentKey: t && t.join(),
+      ...r
+    },
+    n
+  );
+}, m = p;
 export {
-  a as default
+  m as default
 };

package/common/ListDefaultItem.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use client";"use strict";const r=require("react"),c=require("@progress/kendo-react-common"),l=require("./utils.js");function a(e){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const s=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,s.get?s:{enumerable:!0,get:()=>e[t]})}}return n.default=e,Object.freeze(n)}const o=a(r),i=e=>e.preventDefault();class u extends o.Component{render(){const{selected:n,defaultItem:t,textField:s}=this.props;return o.createElement("div",{onClick:this.props.onClick,onMouseDown:i,style:{position:"unset"},className:c.classNames("k-list-optionlabel",{"k-selected":n})},l.getItemValue(t,s)||"")}}module.exports=u;
+"use client";"use strict";const a=require("react"),o=require("@progress/kendo-react-common"),r=require("./utils.js");function u(e){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const s=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,s.get?s:{enumerable:!0,get:()=>e[t]})}}return n.default=e,Object.freeze(n)}const i=u(a),d=e=>e.preventDefault(),f=e=>{const{selected:n,defaultItem:t,textField:s}=e,c=o.useUnstyled(),l=c&&c.uDropDownsBase;return i.createElement("div",{onClick:e.onClick,onMouseDown:d,style:{position:"unset"},className:o.classNames(o.uDropDownsBase.optionlabel({c:l,selected:n}))},r.getItemValue(t,s)||"")};module.exports=f;

package/common/ListDefaultItem.mjs

@@ -6,31 +6,26 @@
  *-------------------------------------------------------------------------------------------
  */
 "use client";
-import * as t from "react";
-import { classNames as n } from "@progress/kendo-react-common";
-import { getItemValue as a } from "./utils.mjs";
-const r = (e) => e.preventDefault();
-class p extends t.Component {
-  render() {
-    const {
-      selected: s,
-      defaultItem: o,
-      textField: l
-    } = this.props;
-    return /* @__PURE__ */ t.createElement(
-      "div",
-      {
-        onClick: this.props.onClick,
-        onMouseDown: r,
-        style: { position: "unset" },
-        className: n("k-list-optionlabel", {
-          "k-selected": s
-        })
-      },
-      a(o, l) || ""
-    );
-  }
-}
+import * as a from "react";
+import { useUnstyled as c, classNames as u, uDropDownsBase as r } from "@progress/kendo-react-common";
+import { getItemValue as i } from "./utils.mjs";
+const m = (e) => e.preventDefault(), p = (e) => {
+  const {
+    selected: s,
+    defaultItem: o,
+    textField: l
+  } = e, t = c(), n = t && t.uDropDownsBase;
+  return /* @__PURE__ */ a.createElement(
+    "div",
+    {
+      onClick: e.onClick,
+      onMouseDown: m,
+      style: { position: "unset" },
+      className: u(r.optionlabel({ c: n, selected: s }))
+    },
+    i(o, l) || ""
+  );
+};
 export {
   p as default
 };

package/common/ListFilter.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use client";"use strict";const m=require("react"),n=require("prop-types"),l=require("@progress/kendo-react-inputs"),p=require("@progress/kendo-svg-icons"),b=require("@progress/kendo-react-common");function g(e){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const a=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(o,r,a.get?a:{enumerable:!0,get:()=>e[r]})}}return o.default=e,Object.freeze(o)}const t=g(m),c=t.forwardRef((e,o)=>{const r=t.useRef(null),{renderListFilterWrapper:a=!1,renderPrefixSeparator:s=!1,...u}=e;t.useImperativeHandle(o,()=>r.current);const d=()=>t.createElement(t.Fragment,null,t.createElement(l.InputPrefix,null,t.createElement(b.IconWrap,{name:"search",icon:p.searchIcon,className:"k-input-icon"})),s&&t.createElement(l.InputSeparator,null)),i=t.createElement(l.TextBox,{...u,ref:r,className:"k-searchbox",value:e.value||"",onChange:e.onChange,onKeyDown:e.onKeyDown,tabIndex:e.tabIndex,onClick:f=>f.stopPropagation(),size:e.size,fillMode:e.fillMode,rounded:e.rounded,prefix:d});return a?t.createElement("div",{className:"k-list-filter"}," ",i," "):i});c.propTypes={value:n.oneOfType([n.string,n.number,n.array]),tabIndex:n.number,onChange:n.func,onKeyDown:n.func,size:n.oneOf([null,"small","medium","large"]),rounded:n.oneOf([null,"small","medium","large","full"]),fillMode:n.oneOf([null,"solid","flat","outline"]),renderListFilterWrapper:n.bool,renderPrefixSeparator:n.bool};c.displayName="KendoReactListFilter";const x=c;module.exports=x;
+"use client";"use strict";const g=require("react"),n=require("prop-types"),c=require("@progress/kendo-react-inputs"),x=require("@progress/kendo-svg-icons"),r=require("@progress/kendo-react-common");function y(e){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const a in e)if(a!=="default"){const l=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(o,a,l.get?l:{enumerable:!0,get:()=>e[a]})}}return o.default=e,Object.freeze(o)}const t=y(g),u=t.forwardRef((e,o)=>{const a=t.useRef(null),{renderListFilterWrapper:l=!1,renderPrefixSeparator:f=!1,...m}=e,i=r.useUnstyled(),s=i&&i.uDropDownsBase;t.useImperativeHandle(o,()=>a.current);const p=()=>t.createElement(t.Fragment,null,t.createElement(c.InputPrefix,null,t.createElement(r.IconWrap,{name:"search",icon:x.searchIcon,className:r.classNames(r.uDropDownsBase.inputIcon({c:s}))})),f&&t.createElement(c.InputSeparator,null)),d=t.createElement(c.TextBox,{...m,ref:a,className:r.classNames(r.uDropDownsBase.searchbox({c:s})),value:e.value||"",onChange:e.onChange,onKeyDown:e.onKeyDown,tabIndex:e.tabIndex,onClick:b=>b.stopPropagation(),size:e.size,fillMode:e.fillMode,rounded:e.rounded,prefix:p});return l?t.createElement("div",{className:r.classNames(r.uDropDownsBase.listFilter({c:s}))}," ",d," "):d});u.propTypes={value:n.oneOfType([n.string,n.number,n.array]),tabIndex:n.number,onChange:n.func,onKeyDown:n.func,size:n.oneOf([null,"small","medium","large"]),rounded:n.oneOf([null,"small","medium","large","full"]),fillMode:n.oneOf([null,"solid","flat","outline"]),renderListFilterWrapper:n.bool,renderPrefixSeparator:n.bool};u.displayName="KendoReactListFilter";const D=u;module.exports=D;

package/common/ListFilter.mjs

@@ -8,35 +8,35 @@
 "use client";
 import * as n from "react";
 import e from "prop-types";
-import { TextBox as f, InputPrefix as d, InputSeparator as p } from "@progress/kendo-react-inputs";
-import { searchIcon as x } from "@progress/kendo-svg-icons";
-import { IconWrap as b } from "@progress/kendo-react-common";
-const t = n.forwardRef((r, o) => {
-  const l = n.useRef(null), { renderListFilterWrapper: i = !1, renderPrefixSeparator: s = !1, ...m } = r;
+import { TextBox as y, InputPrefix as b, InputSeparator as I } from "@progress/kendo-react-inputs";
+import { searchIcon as g } from "@progress/kendo-svg-icons";
+import { useUnstyled as h, classNames as l, uDropDownsBase as a, IconWrap as D } from "@progress/kendo-react-common";
+const o = n.forwardRef((r, u) => {
+  const s = n.useRef(null), { renderListFilterWrapper: m = !1, renderPrefixSeparator: d = !1, ...f } = r, i = h(), t = i && i.uDropDownsBase;
   n.useImperativeHandle(
-    o,
-    () => l.current
+    u,
+    () => s.current
   );
-  const u = () => /* @__PURE__ */ n.createElement(n.Fragment, null, /* @__PURE__ */ n.createElement(d, null, /* @__PURE__ */ n.createElement(b, { name: "search", icon: x, className: "k-input-icon" })), s && /* @__PURE__ */ n.createElement(p, null)), a = /* @__PURE__ */ n.createElement(
-    f,
+  const p = () => /* @__PURE__ */ n.createElement(n.Fragment, null, /* @__PURE__ */ n.createElement(b, null, /* @__PURE__ */ n.createElement(D, { name: "search", icon: g, className: l(a.inputIcon({ c: t })) })), d && /* @__PURE__ */ n.createElement(I, null)), c = /* @__PURE__ */ n.createElement(
+    y,
     {
-      ...m,
-      ref: l,
-      className: "k-searchbox",
+      ...f,
+      ref: s,
+      className: l(a.searchbox({ c: t })),
       value: r.value || "",
       onChange: r.onChange,
       onKeyDown: r.onKeyDown,
       tabIndex: r.tabIndex,
-      onClick: (c) => c.stopPropagation(),
+      onClick: (x) => x.stopPropagation(),
       size: r.size,
       fillMode: r.fillMode,
       rounded: r.rounded,
-      prefix: u
+      prefix: p
     }
   );
-  return i ? /* @__PURE__ */ n.createElement("div", { className: "k-list-filter" }, " ", a, " ") : a;
+  return m ? /* @__PURE__ */ n.createElement("div", { className: l(a.listFilter({ c: t })) }, " ", c, " ") : c;
 });
-t.propTypes = {
+o.propTypes = {
   value: e.oneOfType([e.string, e.number, e.array]),
   tabIndex: e.number,
   onChange: e.func,
@@ -47,8 +47,8 @@ t.propTypes = {
   renderListFilterWrapper: e.bool,
   renderPrefixSeparator: e.bool
 };
-t.displayName = "KendoReactListFilter";
-const E = t;
+o.displayName = "KendoReactListFilter";
+const C = o;
 export {
-  E as default
+  C as default
 };

package/common/ListGroupItem.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use client";"use strict";const l=require("react");function a(e){const i=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(i,t,r.get?r:{enumerable:!0,get:()=>e[t]})}}return i.default=e,Object.freeze(i)}const s=a(l);class c extends s.Component{render(){const{group:i,virtual:t,render:r,isMultiColumn:o=!1}=this.props,n=s.createElement("li",{id:this.props.id,role:"group",className:o?"k-table-group-row":"k-list-group-item",style:o?{boxSizing:"inherit"}:{position:t?"relative":"unset"}},s.createElement("span",{className:r?void 0:o?"k-table-th":"k-list-item-text"},i));return r!==void 0?r.call(void 0,n,this.props):n}}module.exports=c;
+"use client";"use strict";const o=require("@progress/kendo-react-common"),d=require("react");function m(e){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const s=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,s.get?s:{enumerable:!0,get:()=>e[t]})}}return n.default=e,Object.freeze(n)}const l=m(d),p=e=>{const{group:n,virtual:t,render:s,isMultiColumn:r=!1,id:u}=e,a=o.useUnstyled(),c=a&&a.uDropDownsBase,i=l.createElement("li",{id:u,role:"group",className:o.classNames(o.uDropDownsBase.groupLi({c,isMultiColumn:r})),style:r?{boxSizing:"inherit"}:{position:t?"relative":"unset"}},l.createElement("span",{className:s?void 0:o.classNames(o.uDropDownsBase.groupItemText({c,isMultiColumn:r}))},n));return s!==void 0?s.call(void 0,i,e):i};module.exports=p;

package/common/ListGroupItem.mjs

@@ -6,27 +6,27 @@
  *-------------------------------------------------------------------------------------------
  */
 "use client";
-import * as i from "react";
-class a extends i.Component {
-  render() {
-    const {
-      group: s,
-      virtual: o,
-      render: e,
-      isMultiColumn: t = !1
-    } = this.props, r = /* @__PURE__ */ i.createElement(
-      "li",
-      {
-        id: this.props.id,
-        role: "group",
-        className: t ? "k-table-group-row" : "k-list-group-item",
-        style: t ? { boxSizing: "inherit" } : { position: o ? "relative" : "unset" }
-      },
-      /* @__PURE__ */ i.createElement("span", { className: e ? void 0 : t ? "k-table-th" : "k-list-item-text" }, s)
-    );
-    return e !== void 0 ? e.call(void 0, r, this.props) : r;
-  }
-}
+import { useUnstyled as d, classNames as i, uDropDownsBase as l } from "@progress/kendo-react-common";
+import * as n from "react";
+const g = (t) => {
+  const {
+    group: u,
+    virtual: c,
+    render: e,
+    isMultiColumn: s = !1,
+    id: m
+  } = t, o = d(), r = o && o.uDropDownsBase, a = /* @__PURE__ */ n.createElement(
+    "li",
+    {
+      id: m,
+      role: "group",
+      className: i(l.groupLi({ c: r, isMultiColumn: s })),
+      style: s ? { boxSizing: "inherit" } : { position: c ? "relative" : "unset" }
+    },
+    /* @__PURE__ */ n.createElement("span", { className: e ? void 0 : i(l.groupItemText({ c: r, isMultiColumn: s })) }, u)
+  );
+  return e !== void 0 ? e.call(void 0, a, t) : a;
+};
 export {
-  a as default
+  g as default
 };

package/common/ListItem.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use client";"use strict";const d=require("react"),u=require("@progress/kendo-react-common"),p=require("./utils.js");function m(s){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(s){for(const t in s)if(t!=="default"){const i=Object.getOwnPropertyDescriptor(s,t);Object.defineProperty(e,t,i.get?i:{enumerable:!0,get:()=>s[t]})}}return e.default=s,Object.freeze(e)}const r=m(d);class k extends r.Component{constructor(){super(...arguments),this.handleClick=e=>this.props.onClick(this.props.index,e)}render(){const{selected:e,group:t,dataItem:i,virtual:c,groupMode:o,disabled:l,render:n}=this.props,a=r.createElement("li",{id:this.props.id,role:"option","aria-selected":e,"aria-disabled":l?!0:void 0,className:u.classNames("k-list-item",{"k-selected":e,"k-focus":this.props.focused,"k-first":!!t&&o==="classic","k-disabled":l}),onClick:this.handleClick,style:{position:c?"relative":"unset"}},r.createElement("span",{className:"k-list-item-text"},p.getItemValue(i,this.props.textField).toString()),t!==void 0&&o==="classic"?r.createElement("div",{className:"k-list-item-group-label"},t):null);return n!==void 0?n.call(void 0,a,this.props):a}}module.exports=k;
+"use client";"use strict";const p=require("react"),s=require("@progress/kendo-react-common"),v=require("./utils.js");function N(e){const a=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const n=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(a,t,n.get?n:{enumerable:!0,get:()=>e[t]})}}return a.default=e,Object.freeze(a)}const o=N(p),y=e=>{const{selected:a,group:t,dataItem:n,virtual:m,groupMode:l,disabled:i,id:f,focused:D,render:r}=e,u=s.useUnstyled(),c=u&&u.uDropDownsBase,b=g=>e.onClick(e.index,g),d=o.createElement("li",{id:f,role:"option","aria-selected":a,"aria-disabled":i?!0:void 0,className:s.classNames(s.uDropDownsBase.li({c,selected:a,focused:D,first:!!t&&l==="classic",disabled:i})),onClick:b,style:{position:m?"relative":"unset"}},o.createElement("span",{className:s.classNames(s.uDropDownsBase.itemText({c}))},v.getItemValue(n,e.textField).toString()),t!==void 0&&l==="classic"?o.createElement("div",{className:s.classNames(s.uDropDownsBase.itemGroupLabel({c}))},t):null);return r!==void 0?r.call(void 0,d,e):d},B=y;module.exports=B;

package/common/ListItem.mjs

@@ -6,44 +6,42 @@
  *-------------------------------------------------------------------------------------------
  */
 "use client";
-import * as t from "react";
-import { classNames as d } from "@progress/kendo-react-common";
-import { getItemValue as n } from "./utils.mjs";
-class h extends t.Component {
-  constructor() {
-    super(...arguments), this.handleClick = (e) => this.props.onClick(this.props.index, e);
-  }
-  render() {
-    const {
-      selected: e,
-      group: s,
-      dataItem: a,
-      virtual: c,
-      groupMode: i,
-      disabled: l,
-      render: r
-    } = this.props, o = /* @__PURE__ */ t.createElement(
-      "li",
-      {
-        id: this.props.id,
-        role: "option",
-        "aria-selected": e,
-        "aria-disabled": l ? !0 : void 0,
-        className: d("k-list-item", {
-          "k-selected": e,
-          "k-focus": this.props.focused,
-          "k-first": !!s && i === "classic",
-          "k-disabled": l
-        }),
-        onClick: this.handleClick,
-        style: { position: c ? "relative" : "unset" }
-      },
-      /* @__PURE__ */ t.createElement("span", { className: "k-list-item-text" }, n(a, this.props.textField).toString()),
-      s !== void 0 && i === "classic" ? /* @__PURE__ */ t.createElement("div", { className: "k-list-item-group-label" }, s) : null
-    );
-    return r !== void 0 ? r.call(void 0, o, this.props) : o;
-  }
-}
+import * as a from "react";
+import { useUnstyled as B, classNames as l, uDropDownsBase as i } from "@progress/kendo-react-common";
+import { getItemValue as C } from "./utils.mjs";
+const D = (e) => {
+  const {
+    selected: o,
+    group: t,
+    dataItem: u,
+    virtual: v,
+    groupMode: c,
+    disabled: n,
+    id: f,
+    focused: g,
+    render: r
+  } = e, d = B(), s = d && d.uDropDownsBase, p = (x) => e.onClick(e.index, x), m = /* @__PURE__ */ a.createElement(
+    "li",
+    {
+      id: f,
+      role: "option",
+      "aria-selected": o,
+      "aria-disabled": n ? !0 : void 0,
+      className: l(i.li({
+        c: s,
+        selected: o,
+        focused: g,
+        first: !!t && c === "classic",
+        disabled: n
+      })),
+      onClick: p,
+      style: { position: v ? "relative" : "unset" }
+    },
+    /* @__PURE__ */ a.createElement("span", { className: l(i.itemText({ c: s })) }, C(u, e.textField).toString()),
+    t !== void 0 && c === "classic" ? /* @__PURE__ */ a.createElement("div", { className: l(i.itemGroupLabel({ c: s })) }, t) : null
+  );
+  return r !== void 0 ? r.call(void 0, m, e) : m;
+}, b = D;
 export {
-  h as default
+  b as default
 };