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

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
 };