@progress/kendo-react-dropdowns 9.0.0-develop.2 → 9.0.0-develop.20

package/common/List.mjs

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

package/common/ListContainer.mjs

@@ -9,13 +9,7 @@
 import * as s from "react";
 import { Popup as c } from "@progress/kendo-react-popup";
 const a = (e) => {
-  const {
-    children: n,
-    width: o,
-    dir: i,
-    itemsCount: t,
-    popupSettings: r
-  } = e;
+  const { children: n, width: o, dir: i, itemsCount: t, popupSettings: r } = e;
   return /* @__PURE__ */ s.createElement(
     c,
     {

package/common/ListDefaultItem.mjs

@@ -10,11 +10,7 @@ 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: n
-  } = e, t = c(), l = t && t.uDropDownsBase;
+  const { selected: s, defaultItem: o, textField: n } = e, t = c(), l = t && t.uDropDownsBase;
   return /* @__PURE__ */ a.createElement(
     "div",
     {

package/common/ListFilter.mjs

@@ -13,11 +13,15 @@ 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 u = n.forwardRef((r, c) => {
   const o = n.useRef(null), { renderListFilterWrapper: m = !1, renderPrefixSeparator: d = !1, ...f } = r, s = h(), t = s && s.uDropDownsBase;
-  n.useImperativeHandle(
-    c,
-    () => o.current
-  );
-  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)), i = /* @__PURE__ */ n.createElement(
+  n.useImperativeHandle(c, () => o.current);
+  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)), i = /* @__PURE__ */ n.createElement(
     y,
     {
       ...f,

package/common/ListGroupItem.mjs

@@ -9,13 +9,7 @@
 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(
+  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,
@@ -23,7 +17,13 @@ const g = (t) => {
       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)
+    /* @__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;
 };

package/common/ListItem.mjs

@@ -10,30 +10,22 @@ 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 b = (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(
+  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
-      })),
+      className: l(
+        i.li({
+          c: s,
+          selected: o,
+          focused: g,
+          first: !!t && c === "classic",
+          disabled: n
+        })
+      ),
       onClick: p,
       style: { position: v ? "relative" : "unset" }
     },

package/common/MultiColumnList.mjs

@@ -14,12 +14,9 @@ const r = (t) => /* @__PURE__ */ l.createElement(
   {
     ...t,
     wrapperCssClass: "k-table-body k-table-scroller",
-    listClassName: s(
-      "k-table k-table-list",
-      {
-        "k-virtual-table": t.virtual !== void 0
-      }
-    ),
+    listClassName: s("k-table k-table-list", {
+      "k-virtual-table": t.virtual !== void 0
+    }),
     listStyle: { ...t.listStyle }
   }
 );

package/common/Navigation.mjs

@@ -12,9 +12,19 @@ class o {
   navigate(e) {
     const t = e.keyCode;
     if (t === n.up || t === n.left)
-      return this.next({ current: e.current, min: e.min, max: e.max, step: e.skipItems ? e.skipItems : -1 });
+      return this.next({
+        current: e.current,
+        min: e.min,
+        max: e.max,
+        step: e.skipItems ? e.skipItems : -1
+      });
     if (t === n.down || t === n.right)
-      return this.next({ current: e.current, min: e.min, max: e.max, step: e.skipItems ? e.skipItems : 1 });
+      return this.next({
+        current: e.current,
+        min: e.min,
+        max: e.max,
+        step: e.skipItems ? e.skipItems : 1
+      });
     if (t === n.home)
       return 0;
     if (t === n.end)

package/common/utils.mjs

@@ -89,7 +89,9 @@ const l = (e) => e != null, d = (e, t) => {
 }, S = (e) => {
   e.target.nodeName !== "INPUT" && e.preventDefault();
 }, y = (e, t, r) => !!e != !!t || e.text !== t.text ? !1 : e === t || a(e.data, t.data, r), N = (e) => {
-  const t = e.filter((r, n) => e.some((s, o) => s === r && o !== n));
+  const t = e.filter(
+    (r, n) => e.some((s, o) => s === r && o !== n)
+  );
   return Array.from(new Set(t));
 }, O = (e) => {
   const { data: t = [], groupField: r } = e;