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

package/DropDownTree/DropDownTree.mjs

@@ -8,30 +8,30 @@
 "use client";
 import * as t from "react";
 import n from "prop-types";
-import { createPropsContext as Xe, validatePackage as Ye, usePropsContext as Ze, useId as et, getTabIndex as tt, useRtl as nt, canUseDOM as ot, Keys as c, noop as U, mapTree as at, extendDataItem as rt, classNames as ne, IconWrap as xe, kendoThemeMaps as it } from "@progress/kendo-react-common";
+import { createPropsContext as Xe, validatePackage as Ye, usePropsContext as Ze, useId as et, getTabIndex as tt, useRtl as nt, canUseDOM as at, Keys as c, noop as U, mapTree as ot, extendDataItem as rt, classNames as oe, IconWrap as we, kendoThemeMaps as it } from "@progress/kendo-react-common";
 import { Popup as lt } from "@progress/kendo-react-popup";
 import { useLocalization as st } from "@progress/kendo-react-intl";
-import { TreeView as we } from "@progress/kendo-react-treeview";
+import { TreeView as Fe } from "@progress/kendo-react-treeview";
 import { packageMetadata as ct } from "../package-metadata.mjs";
-import { getItemValue as ut, areSame as Fe, isPresent as dt } from "../common/utils.mjs";
+import { getItemValue as ut, areSame as De, isPresent as dt } from "../common/utils.mjs";
 import { useDropdownWidth as pt } from "./useDropdownWidth.mjs";
 import { ListNoData as ft } from "./ListNoData.mjs";
-import { clear as De, messages as oe, nodata as j } from "../messages/index.mjs";
+import { clear as Ie, messages as re, nodata as j } from "../messages/index.mjs";
 import { FloatingLabel as mt } from "@progress/kendo-react-labels";
-import Ie from "../common/ListFilter.mjs";
+import Se from "../common/ListFilter.mjs";
 import { Button as vt } from "@progress/kendo-react-buttons";
 import { xIcon as gt, caretAltDownIcon as bt } from "@progress/kendo-svg-icons";
 import { AdaptiveMode as ht } from "../common/AdaptiveMode.mjs";
 import { ActionSheetContent as yt } from "@progress/kendo-react-layout";
 import { MOBILE_MEDIUM_DEVISE as Et } from "../common/constants.mjs";
-const { sizeMap: Ct, roundedMap: kt } = it, xt = "Please select a value from the list!", wt = (y) => /* @__PURE__ */ t.createElement("span", { className: "k-input-value-text" }, y.children), Se = (y) => y.split("_").map((F) => parseInt(F, 10)), Ft = (y, F) => {
-  const { validationMessage: r, valid: a, required: G } = y;
+const { sizeMap: Ct, roundedMap: kt } = it, xt = "Please select a value from the list!", wt = (E) => /* @__PURE__ */ t.createElement("span", { className: "k-input-value-text" }, E.children), Me = (E) => E.split("_").map((D) => parseInt(D, 10)), Ft = (E, D) => {
+  const { validationMessage: r, valid: o, required: G } = E;
   return {
     customError: r !== void 0,
-    valid: !!(a !== void 0 ? a : !G || F),
-    valueMissing: !F
+    valid: !!(o !== void 0 ? o : !G || D),
+    valueMissing: !D
   };
-}, Me = {
+}, ie = {
   selectField: "selected",
   subItemsField: "items",
   popupSettings: {
@@ -46,90 +46,90 @@ const { sizeMap: Ct, roundedMap: kt } = it, xt = "Please select a value from the
   size: "medium",
   rounded: "medium",
   fillMode: "solid"
-}, Dt = Xe(), Re = t.forwardRef((y, F) => {
+}, Dt = Xe(), Re = t.forwardRef((E, D) => {
   Ye(ct);
-  const r = Ze(Dt, y), a = {
-    ...Me,
+  const r = Ze(Dt, E), o = {
+    ...ie,
     ...r
-  }, G = et(), ae = a.id || G, {
+  }, G = et(), le = o.id || G, {
     data: T,
     dataItemKey: N,
-    popupSettings: D = {},
+    popupSettings: b = {},
     style: P,
     opened: u,
     disabled: I,
     onOpen: V = U,
     onClose: f = U,
-    placeholder: re,
+    placeholder: J,
     label: O,
     name: Te,
     selectField: z,
     subItemsField: K,
     validationMessage: H,
     valid: Ne,
-    required: J,
+    required: Q,
     validityStyles: Pe
-  } = a, Q = tt(a.tabIndex, I), i = t.useRef(null), m = t.useRef(null), S = t.useRef(null), X = t.useRef(null), _ = t.useRef(null), b = t.useRef(null), $ = t.useRef(!1), [ie, Ve] = t.useState(void 0), E = a.value !== void 0, v = E ? a.value : ie !== void 0 ? ie : a.defaultValue, B = dt(v), le = B ? ut(v, a.textField) : "", Y = Ft({ validationMessage: H, valid: Ne, required: J }, B), Oe = t.useCallback(() => m.current && m.current.focus(), []);
+  } = o, X = tt(o.tabIndex, I), i = t.useRef(null), m = t.useRef(null), S = t.useRef(null), Y = t.useRef(null), _ = t.useRef(null), h = t.useRef(null), $ = t.useRef(!1), [se, Ve] = t.useState(void 0), C = o.value !== void 0, v = C ? o.value : se !== void 0 ? se : o.defaultValue, L = dt(v), Z = L ? ut(v, o.textField) : "", ee = Ft({ validationMessage: H, valid: Ne, required: Q }, L), Oe = t.useCallback(() => m.current && m.current.focus(), []);
   t.useImperativeHandle(
     i,
     () => ({
-      props: a,
+      props: o,
       element: m.current,
       focus: Oe
     })
-  ), t.useImperativeHandle(F, () => i.current);
-  const C = nt(m, a.dir), Ke = {
-    width: pt(m, Me, D, P),
-    ...C !== void 0 ? { direction: C } : {}
-  }, [Be, se] = t.useState(!1), l = u !== void 0 ? u : Be, [d, Z] = t.useState(!1), [ee, Le] = t.useState(), k = !!(ee && ee <= Et && a.adaptive), [ce, qe] = t.useState(""), We = t.useCallback(
+  ), t.useImperativeHandle(D, () => i.current);
+  const k = nt(m, o.dir), Ke = {
+    width: pt(m, ie, { ...ie.popupSettings, ...b }, P),
+    ...k !== void 0 ? { direction: k } : {}
+  }, [Le, ce] = t.useState(!1), l = u !== void 0 ? u : Le, [d, te] = t.useState(!1), [ne, Be] = t.useState(), x = !!(ne && ne <= Et && o.adaptive), [ue, We] = t.useState(""), qe = t.useCallback(
     () => {
       _.current && _.current.setCustomValidity && _.current.setCustomValidity(
-        Y.valid ? "" : H === void 0 ? xt : H
+        ee.valid ? "" : H === void 0 ? xt : H
       );
     },
-    [H, Y]
+    [H, ee]
   );
-  t.useEffect(We), t.useEffect(() => {
-    const e = ot && window.ResizeObserver && new window.ResizeObserver(Je.bind(void 0));
+  t.useEffect(qe), t.useEffect(() => {
+    const e = at && window.ResizeObserver && new window.ResizeObserver(Je.bind(void 0));
     return document != null && document.body && e && e.observe(document.body), () => {
       document != null && document.body && e && e.disconnect();
     };
   }, []);
-  const ue = t.useCallback(
+  const de = t.useCallback(
     (e) => {
       if (!l) {
         if (V) {
-          const o = { ...e };
-          V.call(void 0, o);
+          const a = { ...e };
+          V.call(void 0, a);
         }
-        u === void 0 && se(!0);
+        u === void 0 && ce(!0);
       }
     },
     [l, u, V]
-  ), x = t.useCallback(
+  ), w = t.useCallback(
     (e) => {
       if (l) {
         if (f) {
-          const o = { ...e };
-          f.call(void 0, o);
+          const a = { ...e };
+          f.call(void 0, a);
         }
-        u === void 0 && (se(!1), k && setTimeout(() => {
-          var o;
-          g((o = X.current) == null ? void 0 : o.element);
+        u === void 0 && (ce(!1), x && setTimeout(() => {
+          var a;
+          g((a = Y.current) == null ? void 0 : a.element);
         }, 300));
       }
     },
-    [l, u, f, k]
+    [l, u, f, x]
   ), Ae = t.useCallback(
     (e) => {
       if (!e.isDefaultPrevented() && i.current) {
-        Z(!0);
-        const o = {
+        te(!0);
+        const a = {
           syntheticEvent: e,
           nativeEvent: e.nativeEvent,
           target: i.current
         };
-        (l ? x : ue)(o);
+        (l ? w : de)(a);
       }
     },
     [l, u, V, f]
@@ -140,9 +140,9 @@ const { sizeMap: Ct, roundedMap: kt } = it, xt = "Please select a value from the
     []
   ), ze = t.useCallback(
     (e) => {
-      var w, Ce;
-      const { keyCode: o, altKey: s } = e, p = b.current && b.current.element;
-      if (!i.current || e.isDefaultPrevented() && ((w = S.current) == null ? void 0 : w.element) === e.target)
+      var F, ke;
+      const { keyCode: a, altKey: s } = e, p = h.current && h.current.element;
+      if (!i.current || e.isDefaultPrevented() && ((F = S.current) == null ? void 0 : F.element) === e.target)
         return;
       const R = {
         syntheticEvent: e,
@@ -150,12 +150,12 @@ const { sizeMap: Ct, roundedMap: kt } = it, xt = "Please select a value from the
         target: i.current
       };
       if (l)
-        if (o === c.esc || s && o === c.up)
-          e.preventDefault(), x(R);
-        else if (p && p.querySelector(".k-focus") && (o === c.up || o === c.down || o === c.left || o === c.right || o === c.home || o === c.end)) {
-          if (o === c.up && ((Ce = S.current) != null && Ce.element)) {
-            const W = Array.from(p.querySelectorAll(".k-treeview-item")), ke = [...W].reverse().find((A) => !!(A && A.querySelector(".k-focus")));
-            if (ke && W.indexOf(ke) === 0)
+        if (a === c.esc || s && a === c.up)
+          e.preventDefault(), w(R);
+        else if (p && p.querySelector(".k-focus") && (a === c.up || a === c.down || a === c.left || a === c.right || a === c.home || a === c.end)) {
+          if (a === c.up && ((ke = S.current) != null && ke.element)) {
+            const q = Array.from(p.querySelectorAll(".k-treeview-item")), xe = [...q].reverse().find((A) => !!(A && A.querySelector(".k-focus")));
+            if (xe && q.indexOf(xe) === 0)
               return M(() => {
                 var A;
                 g((A = S.current) == null ? void 0 : A.element);
@@ -163,22 +163,22 @@ const { sizeMap: Ct, roundedMap: kt } = it, xt = "Please select a value from the
           }
           M(U);
         } else
-          o === c.down && M(() => {
-            var W;
-            g(((W = S.current) == null ? void 0 : W.element) || p);
+          a === c.down && M(() => {
+            var q;
+            g(((q = S.current) == null ? void 0 : q.element) || p);
           });
       else
-        s && o === c.down ? (e.preventDefault(), ue(R)) : l || o === c.esc && me(e);
+        s && a === c.down ? (e.preventDefault(), de(R)) : l || a === c.esc && ve(e);
     },
     [l, u, V, f]
-  ), de = t.useCallback(
+  ), pe = t.useCallback(
     (e) => {
-      const { keyCode: o, altKey: s } = e;
-      s || o !== c.up && o !== c.down || (e.preventDefault(), M(
-        o === c.up ? () => {
+      const { keyCode: a, altKey: s } = e;
+      s || a !== c.up && a !== c.down || (e.preventDefault(), M(
+        a === c.up ? () => {
           g(m.current);
         } : () => {
-          g(b.current && b.current.element);
+          g(h.current && h.current.element);
         }
       ));
     },
@@ -191,7 +191,7 @@ const { sizeMap: Ct, roundedMap: kt } = it, xt = "Please select a value from the
   ), He = t.useCallback(
     () => {
       var e;
-      !d && l && !u ? x({ target: i.current }) : r.filterable ? g((e = S.current) == null ? void 0 : e.element) : g(b.current && b.current.element);
+      !d && l && !u ? w({ target: i.current }) : r.filterable ? g((e = S.current) == null ? void 0 : e.element) : g(h.current && h.current.element);
     },
     [f, r.filterable, d, u, l]
   ), _e = t.useCallback(
@@ -201,93 +201,93 @@ const { sizeMap: Ct, roundedMap: kt } = it, xt = "Please select a value from the
     [d]
   ), $e = t.useCallback(
     (e) => {
-      if (!d && !$.current && (Z(!0), r.onFocus && i.current)) {
-        const o = {
+      if (!d && !$.current && (te(!0), r.onFocus && i.current)) {
+        const a = {
           syntheticEvent: e,
           nativeEvent: e.nativeEvent,
           target: i.current
         };
-        r.onFocus.call(void 0, o);
+        r.onFocus.call(void 0, a);
       }
     },
     [d, r.onFocus]
   ), Ue = t.useCallback(
     (e) => {
       if (d && !$.current && i.current) {
-        Z(!1);
-        const o = {
+        te(!1);
+        const a = {
           syntheticEvent: e,
           nativeEvent: e.nativeEvent,
           target: i.current
         };
         if (r.onBlur) {
-          const s = { ...o };
+          const s = { ...a };
           r.onBlur.call(void 0, s);
         }
-        k || x(o);
+        x || w(a);
       }
     },
     [d, r.onBlur, l, u, f]
   ), je = t.useCallback(
     () => {
-      d && M(U), k && setTimeout(() => {
+      d && M(U), x && setTimeout(() => {
         var e;
-        g((e = X.current) == null ? void 0 : e.element);
+        g((e = Y.current) == null ? void 0 : e.element);
       }, 300);
     },
-    [d, k]
-  ), pe = t.useCallback(
-    (e, o, s) => {
+    [d, x]
+  ), fe = t.useCallback(
+    (e, a, s) => {
       if (r.onChange) {
         const p = {
-          value: o,
-          level: s ? Se(s) : [],
+          value: a,
+          level: s ? Me(s) : [],
           ...e
         };
         r.onChange.call(void 0, p);
       }
-      E || Ve(o);
+      C || Ve(a);
     },
-    [r.onChange, E]
-  ), fe = t.useCallback(
+    [r.onChange, C]
+  ), me = t.useCallback(
     (e) => {
-      if (Fe(e.item, v, N) || !i.current)
+      if (De(e.item, v, N) || !i.current)
         return;
-      const { item: o, itemHierarchicalIndex: s, nativeEvent: p, syntheticEvent: R } = e, w = {
+      const { item: a, itemHierarchicalIndex: s, nativeEvent: p, syntheticEvent: R } = e, F = {
         syntheticEvent: R,
         nativeEvent: p,
         target: i.current
       };
-      pe(w, o, s), x(w);
+      fe(F, a, s), w(F);
     },
-    [E, v, r.onChange, N, l, u, f]
-  ), me = t.useCallback(
+    [C, v, r.onChange, N, l, u, f]
+  ), ve = t.useCallback(
     (e) => {
       if (!i.current)
         return;
-      const o = {
+      const a = {
         syntheticEvent: e,
         nativeEvent: e.nativeEvent,
         target: i.current
       };
-      pe(o, null), x(o), e.preventDefault();
+      fe(a, null), w(a), e.preventDefault();
     },
-    [E, r.onChange, l, u, f]
-  ), ve = t.useCallback(
+    [C, r.onChange, l, u, f]
+  ), ge = t.useCallback(
     (e) => {
       if (e.syntheticEvent.stopPropagation(), r.onExpandChange && i.current) {
-        const { item: o, itemHierarchicalIndex: s, nativeEvent: p, syntheticEvent: R } = e, w = {
-          level: Se(s),
-          item: o,
+        const { item: a, itemHierarchicalIndex: s, nativeEvent: p, syntheticEvent: R } = e, F = {
+          level: Me(s),
+          item: a,
           nativeEvent: p,
           syntheticEvent: R,
           target: i.current
         };
-        r.onExpandChange.call(void 0, w);
+        r.onExpandChange.call(void 0, F);
       }
     },
     [r.onExpandChange]
-  ), ge = t.useCallback(
+  ), be = t.useCallback(
     (e) => {
       if (r.onFilterChange && i.current) {
         const s = {
@@ -296,83 +296,84 @@ const { sizeMap: Ct, roundedMap: kt } = it, xt = "Please select a value from the
           nativeEvent: e.nativeEvent,
           target: i.current
         };
-        r.onFilterChange.call(void 0, s), r.filter === void 0 && qe(e.target.value);
+        r.onFilterChange.call(void 0, s), r.filter === void 0 && We(e.target.value);
       }
     },
     [r.onFilterChange, r.filter, r.textField]
   ), Ge = () => {
-    const e = a.filterable ? /* @__PURE__ */ t.createElement(
-      Ie,
+    const e = o.filterable ? /* @__PURE__ */ t.createElement(
+      Se,
       {
-        value: a.filter === void 0 ? ce : a.filter,
-        ref: X,
-        onChange: ge,
-        onKeyDown: de,
-        size: h,
-        rounded: L,
-        fillMode: q
+        value: o.filter === void 0 ? ue : o.filter,
+        ref: Y,
+        onChange: be,
+        onKeyDown: pe,
+        size: y,
+        rounded: B,
+        fillMode: W
       }
-    ) : null, o = {
-      adaptiveTitle: a.adaptiveTitle,
+    ) : null, a = {
+      adaptiveTitle: o.adaptiveTitle,
       expand: l,
-      onClose: (s) => x(s),
-      windowWidth: ee,
+      onClose: (s) => w(s),
+      windowWidth: ne,
       mobileFilter: e
     };
-    return /* @__PURE__ */ t.createElement(ht, { ...o }, /* @__PURE__ */ t.createElement(yt, { className: "!k-overflow-hidden" }, /* @__PURE__ */ t.createElement("div", { className: "k-list-container" }, /* @__PURE__ */ t.createElement("div", { className: "k-list k-list-lg" }, T.length > 0 ? /* @__PURE__ */ t.createElement(
-      we,
+    return /* @__PURE__ */ t.createElement(ht, { ...a }, /* @__PURE__ */ t.createElement(yt, { className: "!k-overflow-hidden" }, /* @__PURE__ */ t.createElement("div", { className: "k-list-container" }, /* @__PURE__ */ t.createElement("div", { className: "k-list k-list-lg" }, T.length > 0 ? /* @__PURE__ */ t.createElement(
+      Fe,
       {
-        ref: b,
-        tabIndex: Q,
-        data: be,
+        ref: h,
+        tabIndex: X,
+        data: he,
         focusIdField: N,
-        textField: a.textField,
+        textField: o.textField,
         selectField: z,
-        expandField: a.expandField,
+        expandField: o.expandField,
         childrenField: K,
         expandIcons: !0,
-        onItemClick: fe,
-        onExpandChange: ve,
-        size: h,
-        item: a.item,
-        dir: C
+        onItemClick: me,
+        onExpandChange: ge,
+        size: y,
+        item: o.item,
+        dir: k,
+        animate: b.animate
       }
-    ) : /* @__PURE__ */ t.createElement(he, null, te.toLanguageString(j, oe[j]))))));
+    ) : /* @__PURE__ */ t.createElement(ye, null, ae.toLanguageString(j, re[j]))))));
   }, Je = t.useCallback(
     (e) => {
-      for (let o of e)
-        Le(o.target.clientWidth);
+      for (let a of e)
+        Be(a.target.clientWidth);
     },
     []
-  ), be = t.useMemo(
-    () => E || !B ? T : at(
+  ), he = t.useMemo(
+    () => C || !L ? T : ot(
       T,
       K,
       (e) => rt(
         e,
         K,
-        { [z]: Fe(e, v, N) }
+        { [z]: De(e, v, N) }
       )
     ),
-    [T, v, E, B, z, K]
-  ), he = a.listNoData || ft, Qe = a.valueHolder || wt, te = st(), ye = !Pe || Y.valid, { size: h, rounded: L, fillMode: q } = a, Ee = /* @__PURE__ */ t.createElement(t.Fragment, null, /* @__PURE__ */ t.createElement(
+    [T, v, C, L, z, K]
+  ), ye = o.listNoData || ft, Qe = o.valueHolder || wt, ae = st(), Ee = !Pe || ee.valid, { size: y, rounded: B, fillMode: W } = o, Ce = /* @__PURE__ */ t.createElement(t.Fragment, null, /* @__PURE__ */ t.createElement(
     "span",
     {
-      className: ne("k-dropdowntree k-picker", a.className, {
-        [`k-picker-${Ct[h] || h}`]: h,
-        [`k-rounded-${kt[L] || L}`]: L,
-        [`k-picker-${q}`]: q,
+      className: oe("k-dropdowntree k-picker", o.className, {
+        [`k-picker-${Ct[y] || y}`]: y,
+        [`k-rounded-${kt[B] || B}`]: B,
+        [`k-picker-${W}`]: W,
         "k-focus": d,
-        "k-invalid": !ye,
-        "k-loading": a.loading,
-        "k-required": J,
-        "k-disabled": a.disabled
+        "k-invalid": !Ee,
+        "k-loading": o.loading,
+        "k-required": Q,
+        "k-disabled": o.disabled
       }),
-      tabIndex: Q,
-      accessKey: a.accessKey,
-      id: ae,
+      tabIndex: X,
+      accessKey: o.accessKey,
+      id: le,
       style: O ? { ...P, width: void 0 } : P,
-      dir: C,
+      dir: k,
       ref: m,
       onKeyDown: I ? void 0 : ze,
       onMouseDown: je,
@@ -384,23 +385,23 @@ const { sizeMap: Ct, roundedMap: kt } = it, xt = "Please select a value from the
       "aria-expanded": l,
       "aria-disabled": I,
       "aria-label": O,
-      "aria-labelledby": a.ariaLabelledBy,
-      "aria-describedby": a.ariaDescribedBy,
-      "aria-required": J
+      "aria-labelledby": o.ariaLabelledBy,
+      "aria-describedby": o.ariaDescribedBy,
+      "aria-required": Q
     },
-    /* @__PURE__ */ t.createElement("span", { className: "k-input-inner" }, /* @__PURE__ */ t.createElement(Qe, { item: v }, le || re)),
-    a.loading && /* @__PURE__ */ t.createElement(xe, { className: "k-input-loading-icon", name: "loading" }),
-    B && !I && /* @__PURE__ */ t.createElement(
+    /* @__PURE__ */ t.createElement("span", { className: "k-input-inner" }, (Z || J) && /* @__PURE__ */ t.createElement(Qe, { item: v }, Z || J)),
+    o.loading && /* @__PURE__ */ t.createElement(we, { className: "k-input-loading-icon", name: "loading" }),
+    L && !I && /* @__PURE__ */ t.createElement(
       "span",
       {
-        onClick: me,
+        onClick: ve,
         className: "k-clear-value",
-        title: te.toLanguageString(De, oe[De]),
+        title: ae.toLanguageString(Ie, re[Ie]),
         role: "button",
         tabIndex: -1,
         onMouseDown: (e) => e.preventDefault()
       },
-      /* @__PURE__ */ t.createElement(xe, { name: "x", icon: gt })
+      /* @__PURE__ */ t.createElement(we, { name: "x", icon: gt })
     ),
     /* @__PURE__ */ t.createElement(
       vt,
@@ -409,8 +410,8 @@ const { sizeMap: Ct, roundedMap: kt } = it, xt = "Please select a value from the
         type: "button",
         "aria-label": "select",
         className: "k-input-button",
-        size: h,
-        fillMode: q,
+        size: y,
+        fillMode: W,
         themeColor: "base",
         rounded: null,
         icon: "caret-alt-down",
@@ -427,68 +428,71 @@ const { sizeMap: Ct, roundedMap: kt } = it, xt = "Please select a value from the
         title: O,
         style: { opacity: 0, width: 1, border: 0, zIndex: -1, position: "absolute", left: "50%" }
       },
-      /* @__PURE__ */ t.createElement("option", { value: a.valueMap ? a.valueMap.call(void 0, v) : v })
+      /* @__PURE__ */ t.createElement("option", { value: o.valueMap ? o.valueMap.call(void 0, v) : v })
     ),
-    !k && /* @__PURE__ */ t.createElement(
+    !x && /* @__PURE__ */ t.createElement(
       lt,
       {
-        ...D,
-        className: ne(D.className, { "k-rtl": C === "rtl" }),
-        popupClass: ne(D.popupClass, "k-dropdowntree-popup"),
+        ...b,
+        className: oe(b.className, { "k-rtl": k === "rtl" }),
+        popupClass: oe(b.popupClass, "k-dropdowntree-popup k-list-container"),
         style: Ke,
-        anchor: D.anchor || m.current,
+        anchor: b.anchor || m.current,
         show: l,
         onOpen: He,
         onClose: _e
       },
-      a.filterable && /* @__PURE__ */ t.createElement(
-        Ie,
+      o.filterable && /* @__PURE__ */ t.createElement(
+        Se,
         {
-          value: a.filter === void 0 ? ce : a.filter,
+          value: o.filter === void 0 ? ue : o.filter,
           ref: S,
-          onChange: ge,
-          onKeyDown: de,
-          size: h,
-          rounded: L,
-          fillMode: q
+          onChange: be,
+          onKeyDown: pe,
+          size: y,
+          rounded: B,
+          fillMode: W,
+          renderListFilterWrapper: !0,
+          renderPrefixSeparator: !0
         }
       ),
       T.length > 0 ? /* @__PURE__ */ t.createElement(
-        we,
+        Fe,
         {
-          style: { height: D.height },
-          ref: b,
-          tabIndex: Q,
-          data: be,
+          style: { height: b.height },
+          ref: h,
+          tabIndex: X,
+          data: he,
           focusIdField: N,
-          textField: a.textField,
+          textField: o.textField,
           selectField: z,
-          expandField: a.expandField,
+          expandField: o.expandField,
           childrenField: K,
           expandIcons: !0,
-          onItemClick: fe,
-          onExpandChange: ve,
-          size: h,
-          item: a.item,
-          dir: C
+          onItemClick: me,
+          onExpandChange: ge,
+          size: y,
+          item: o.item,
+          dir: k,
+          animate: b.animate
         }
-      ) : /* @__PURE__ */ t.createElement(he, null, te.toLanguageString(j, oe[j]))
+      ) : /* @__PURE__ */ t.createElement(ye, null, ae.toLanguageString(j, re[j]))
     )
-  ), k && Ge());
+  ), x && Ge());
   return O ? /* @__PURE__ */ t.createElement(
     mt,
     {
       label: O,
-      editorValue: le,
-      editorPlaceholder: re,
-      editorValid: ye,
+      editorValue: Z,
+      editorPlaceholder: J,
+      editorValid: Ee,
       editorDisabled: I,
-      editorId: ae,
+      editorId: le,
       style: { width: P ? P.width : void 0 },
-      children: Ee,
-      dir: C
+      children: Ce,
+      dir: k
     }
-  ) : Ee;
+  ) : Ce;
 }), It = {
   opened: n.bool,
   disabled: n.bool,

package/DropDownTree/useDropdownWidth.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react");function p(t){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const i in t)if(i!=="default"){const n=Object.getOwnPropertyDescriptor(t,i);Object.defineProperty(e,i,n.get?n:{enumerable:!0,get:()=>t[i]})}}return e.default=t,Object.freeze(e)}const u=p(s);function h(t,e,i){const[n,o]=u.useState(e);return u.useEffect(()=>{n!==void 0&&t.current&&o(t.current.offsetWidth)},i),n}function f(t,e,i,n){const o=i.width!==void 0&&i.width!==e.popupSettings.width,d=n.width!==void 0,r=o?i.width:d?n.width:e.popupSettings.width,c=h(t,r);return o||d?r:c&&c>e.popupSettings.width?c:e.popupSettings.width}exports.useDropdownWidth=f;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const f=require("react");function h(t){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const e in t)if(e!=="default"){const i=Object.getOwnPropertyDescriptor(t,e);Object.defineProperty(n,e,i.get?i:{enumerable:!0,get:()=>t[e]})}}return n.default=t,Object.freeze(n)}const p=h(f);function a(t,n,e){const[i,o]=p.useState(n);return p.useEffect(()=>{i!==void 0&&t.current&&o(t.current.offsetWidth)},e),i}function c(t){return typeof t=="string"?Number(t.replace("px","")):t||void 0}function l(t,n,e,i){const o=c(n.popupSettings.width),d=(e.width!==void 0&&c(e.width))!==o,u=i.width!==void 0,s=d?e.width:u?i.width:o,r=c(a(t,s));return d||u?s:r&&o&&r>o?r:o}exports.useDropdownWidth=l;