@progress/kendo-react-dropdowns 15.0.1-develop.2 → 15.0.1-develop.4

package/AutoCompleteMcpWrapper.d.ts

@@ -5,7 +5,7 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-import { AutoCompleteHandle } from './AutoComplete/AutoComplete.js';
+import { AutoComplete as AutoCompleteOriginal, AutoCompleteHandle } from './AutoComplete/AutoComplete.js';
 import { AutoCompleteProps } from './AutoComplete/AutoCompleteProps';
 /**
  * AutoComplete wrapper that integrates the Web MCP hook.
@@ -15,3 +15,5 @@ import { AutoCompleteProps } from './AutoComplete/AutoCompleteProps';
 import * as React from 'react';
 /** @hidden */
 export declare const AutoCompleteWrapper: React.ForwardRefExoticComponent<AutoCompleteProps & React.RefAttributes<AutoCompleteHandle>>;
+/** @hidden */
+export type AutoCompleteWrapper = AutoCompleteOriginal;

package/ComboBoxMcpWrapper.d.ts

@@ -5,7 +5,7 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-import { ComboBoxHandle } from './ComboBox/ComboBox.js';
+import { ComboBox as ComboBoxOriginal, ComboBoxHandle } from './ComboBox/ComboBox.js';
 import { ComboBoxProps } from './ComboBox/ComboBoxProps';
 /**
  * ComboBox wrapper that integrates the Web MCP hook.
@@ -15,3 +15,5 @@ import { ComboBoxProps } from './ComboBox/ComboBoxProps';
 import * as React from 'react';
 /** @hidden */
 export declare const ComboBoxWrapper: React.ForwardRefExoticComponent<ComboBoxProps & React.RefAttributes<ComboBoxHandle>>;
+/** @hidden */
+export type ComboBoxWrapper = ComboBoxOriginal;

package/MultiColumnComboBox/MultiColumnComboBox.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const ce=require("react"),de=require("prop-types"),pe=require("../common/MultiColumnList.js"),n=require("@progress/kendo-react-common"),j=require("../ComboBox/ComboBox.js"),me=require("../common/utils.js"),W=require("../common/withCustomComponent.js");function fe(a){const i=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(a){for(const e in a)if(e!=="default"){const c=Object.getOwnPropertyDescriptor(a,e);Object.defineProperty(i,e,c.get?c:{enumerable:!0,get:()=>a[e]})}}return i.default=a,Object.freeze(i)}const t=fe(ce),ge=(a,i)=>a?typeof a=="number"?a+"px":a:i,G=n.createPropsContext(),y=t.forwardRef((a,i)=>{const e=n.usePropsContext(G,a),c=t.useRef(null),d=t.useRef(null),S=n.getScrollbarWidth(),{columns:l=u.columns,popupSettings:g=u.popupSettings,size:L=u.size,rounded:z=u.rounded,fillMode:_=u.fillMode,className:D,prefix:$=void 0,suffix:V=void 0,onOpen:w,onClose:R,onFocus:F,onBlur:N,onChange:H,onFilterChange:M,onPageChange:E,...A}=e;t.useImperativeHandle(c,()=>{var o;return{element:((o=d.current)==null?void 0:o.element)||null,focus(){d.current&&d.current.focus()},get value(){var r;return(r=d.current)==null?void 0:r.value},get name(){var r;return(r=d.current)==null?void 0:r.name},props:e}}),t.useImperativeHandle(i,()=>c.current);const m=t.useMemo(()=>{if(e.groupField!==void 0&&e.data)return me.getItemValue(e.data[0],e.groupField)},[e.data,e.groupField]),[h,b]=t.useState(m),[q,B]=t.useState(!0),k=t.useRef(null),[J]=$?W(e.prefix||t.Fragment):[],[Q]=V?W(e.suffix||t.Fragment):[],U=t.useMemo(()=>{const o=t.createElement("th",{className:"k-table-th",colSpan:l.length},h);return t.createElement(t.Fragment,null,e.header,t.createElement("div",{ref:k,className:"k-table-header-wrap"},t.createElement("table",{className:"k-table",role:"presentation"},t.createElement("colgroup",null,l.map((r,f)=>t.createElement("col",{key:r.uniqueKey?r.uniqueKey:f,style:{width:r.width?r.width:u.width}}))),t.createElement("thead",{className:"k-table-thead"},t.createElement("tr",{className:"k-table-row"},l.map((r,f)=>t.createElement("th",{className:"k-table-th",key:r.uniqueKey?r.uniqueKey:f},r.header||" "))),h&&q&&t.createElement("tr",{className:"k-table-group-row"},e.groupStickyHeaderItemRender?e.groupStickyHeaderItemRender.call(void 0,o,{}):o)))))},[e.header,l,h,q]),X=t.useMemo(()=>`calc(${l.map(o=>ge(o.width,u.width)).filter(Boolean).join(" + ")} + ${S}px + 4px)`,[l,S]),I=e.virtual?e.virtual.skip:0,Y=t.useCallback((o,r)=>{const f=l.map((p,ie)=>t.createElement("span",{className:e.itemRender?void 0:"k-table-td",style:e.itemRender?void 0:{width:p.width?p.width:u.width},key:p.uniqueKey?p.uniqueKey:ie},p.field?String(n.getter(p.field)(r.dataItem)):""));let O,C,v,x,P=e.data||[];const T=r.index-I;e.groupField!==void 0&&(x=n.getter(e.groupField),C=x(P[T]),v=x(P[T-1]),C&&v&&C!==v&&(O=C));const K=t.cloneElement(o,{...o.props,className:n.classNames("k-table-row",{"k-table-alt-row":r.index%2!==0,"k-focus":r.focused,"k-selected":r.selected,"k-first":!!O,"k-disabled":r.dataItem.disabled})},f);return e.itemRender?e.itemRender.call(void 0,K,r):K},[l,e.groupField,e.itemRender,e.data,I]),s=t.useCallback((o,r)=>{o&&o.call(void 0,{...r,target:c.current})},[]),Z=t.useCallback(o=>(e.virtual||b(m),s(w,o)),[s,w,e.virtual,m]),ee=t.useCallback(o=>s(R,o),[R]),te=t.useCallback(o=>s(F,o),[F]),oe=t.useCallback(o=>s(N,o),[N]),re=t.useCallback(o=>s(H,o),[H]),ae=t.useCallback(o=>s(E,o),[E]),ne=t.useCallback(o=>(b(m),s(M,{...o,mobileMode:o.target.mobileMode})),[M]),le=t.useCallback(o=>{b(o.group)},[]),se=t.useCallback(o=>{k.current&&(k.current.scrollLeft=o.target.scrollLeft)},[]);t.useEffect(()=>{n.setScrollbarWidth()}),t.useEffect(()=>{const o=e.data;b(m),o&&o.length!==0?B(!0):B(!1)},[e.data]);const ue=t.useCallback(o=>t.createElement(pe.MultiColumnList,{...o}),[]);return t.createElement(j.ComboBox,{...A,list:ue,popupSettings:{...g,popupClass:n.classNames("k-dropdowngrid-popup",g.popupClass),width:g.width||X,className:g.className},ref:d,header:U,itemRender:Y,groupHeaderItemRender:e.groupHeaderItemRender,size:L,rounded:z,fillMode:_,groupField:e.groupField,isMultiColumn:!0,onOpen:Z,onClose:ee,onFocus:te,onBlur:oe,onChange:re,onFilterChange:ne,onPageChange:ae,onGroupScroll:le,onListScroll:se,className:n.classNames("k-dropdowngrid",D),required:e.required,adaptive:e.adaptive,adaptiveFilter:e.adaptiveFilter,adaptiveTitle:e.adaptiveTitle,adaptiveSubtitle:e.adaptiveSubtitle,footer:e.footer,footerClassName:"k-table-footer",prefix:J,suffix:Q})}),be={...j.ComboBoxWithoutContext.propTypes,columns:de.any.isRequired},u={columns:[],popupSettings:{},width:"200px",size:void 0,rounded:void 0,fillMode:void 0};y.displayName="KendoMultiColumnComboBox";y.propTypes=be;exports.MultiColumnComboBox=y;exports.MultiColumnComboBoxPropsContext=G;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const ie=require("react"),ce=require("prop-types"),de=require("../common/MultiColumnList.js"),l=require("@progress/kendo-react-common"),pe=require("../ComboBox/ComboBox.js"),me=require("../common/utils.js"),W=require("../common/withCustomComponent.js");function fe(n){const i=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(n){for(const e in n)if(e!=="default"){const c=Object.getOwnPropertyDescriptor(n,e);Object.defineProperty(i,e,c.get?c:{enumerable:!0,get:()=>n[e]})}}return i.default=n,Object.freeze(i)}const t=fe(ie),ge=(n,i)=>n?typeof n=="number"?n+"px":n:i,j=l.createPropsContext(),y=t.forwardRef((n,i)=>{const e=l.usePropsContext(j,n),c=t.useRef(null),p=t.useRef(null),S=l.getScrollbarWidth(),{columns:s=u.columns,popupSettings:g=u.popupSettings,size:G=u.size,rounded:L=u.rounded,fillMode:z=u.fillMode,className:_,prefix:D=void 0,suffix:$=void 0,onOpen:w,onClose:R,onFocus:M,onBlur:F,onChange:H,onFilterChange:N,onPageChange:E,...V}=e;t.useImperativeHandle(c,()=>{var o;return{element:((o=p.current)==null?void 0:o.element)||null,focus(){p.current&&p.current.focus()},get value(){var r;return(r=p.current)==null?void 0:r.value},get name(){var r;return(r=p.current)==null?void 0:r.name},props:e}}),l.useWebMcpRegister("multicolumncombobox",c,e,e.webMcp),t.useImperativeHandle(i,()=>c.current);const d=t.useMemo(()=>{if(e.groupField!==void 0&&e.data)return me.getItemValue(e.data[0],e.groupField)},[e.data,e.groupField]),[h,b]=t.useState(d),[q,B]=t.useState(!0),k=t.useRef(null),[A]=D?W(e.prefix||t.Fragment):[],[J]=$?W(e.suffix||t.Fragment):[],Q=t.useMemo(()=>{const o=t.createElement("th",{className:"k-table-th",colSpan:s.length},h);return t.createElement(t.Fragment,null,e.header,t.createElement("div",{ref:k,className:"k-table-header-wrap"},t.createElement("table",{className:"k-table",role:"presentation"},t.createElement("colgroup",null,s.map((r,f)=>t.createElement("col",{key:r.uniqueKey?r.uniqueKey:f,style:{width:r.width?r.width:u.width}}))),t.createElement("thead",{className:"k-table-thead"},t.createElement("tr",{className:"k-table-row"},s.map((r,f)=>t.createElement("th",{className:"k-table-th",key:r.uniqueKey?r.uniqueKey:f},r.header||" "))),h&&q&&t.createElement("tr",{className:"k-table-group-row"},e.groupStickyHeaderItemRender?e.groupStickyHeaderItemRender.call(void 0,o,{}):o)))))},[e.header,s,h,q,e.groupStickyHeaderItemRender]),U=t.useMemo(()=>`calc(${s.map(o=>ge(o.width,u.width)).filter(Boolean).join(" + ")} + ${S}px + 4px)`,[s,S]),I=e.virtual?e.virtual.skip:0,X=t.useCallback((o,r)=>{const f=s.map((m,ue)=>t.createElement("span",{className:e.itemRender?void 0:"k-table-td",style:e.itemRender?void 0:{width:m.width?m.width:u.width},key:m.uniqueKey?m.uniqueKey:ue},m.field?String(l.getter(m.field)(r.dataItem)):""));let O,C,v,x;const P=e.data||[],K=r.index-I;e.groupField!==void 0&&(x=l.getter(e.groupField),C=x(P[K]),v=x(P[K-1]),C&&v&&C!==v&&(O=C));const T=t.cloneElement(o,{...o.props,className:l.classNames("k-table-row",{"k-table-alt-row":r.index%2!==0,"k-focus":r.focused,"k-selected":r.selected,"k-first":!!O,"k-disabled":r.dataItem.disabled})},f);return e.itemRender?e.itemRender.call(void 0,T,r):T},[s,e.groupField,e.itemRender,e.data,I]),a=t.useCallback((o,r)=>{o&&o.call(void 0,{...r,target:c.current})},[]),Y=t.useCallback(o=>(e.virtual||b(d),a(w,o)),[a,w,e.virtual,d]),Z=t.useCallback(o=>a(R,o),[a,R]),ee=t.useCallback(o=>a(M,o),[a,M]),te=t.useCallback(o=>a(F,o),[a,F]),oe=t.useCallback(o=>a(H,o),[a,H]),re=t.useCallback(o=>a(E,o),[a,E]),ae=t.useCallback(o=>(b(d),a(N,{...o,mobileMode:o.target.mobileMode})),[a,d,N]),ne=t.useCallback(o=>{b(o.group)},[]),le=t.useCallback(o=>{k.current&&(k.current.scrollLeft=o.target.scrollLeft)},[]);t.useEffect(()=>{l.setScrollbarWidth()}),t.useEffect(()=>{const o=e.data;b(d),o&&o.length!==0?B(!0):B(!1)},[e.data,d]);const se=t.useCallback(o=>t.createElement(de.MultiColumnList,{...o}),[]);return t.createElement(pe.ComboBox,{...V,list:se,popupSettings:{...g,popupClass:l.classNames("k-dropdowngrid-popup",g.popupClass),width:g.width||U,className:g.className},ref:p,header:Q,itemRender:X,groupHeaderItemRender:e.groupHeaderItemRender,size:G,rounded:L,fillMode:z,groupField:e.groupField,isMultiColumn:!0,onOpen:Y,onClose:Z,onFocus:ee,onBlur:te,onChange:oe,onFilterChange:ae,onPageChange:re,onGroupScroll:ne,onListScroll:le,className:l.classNames("k-dropdowngrid",_),required:e.required,adaptive:e.adaptive,adaptiveFilter:e.adaptiveFilter,adaptiveTitle:e.adaptiveTitle,adaptiveSubtitle:e.adaptiveSubtitle,footer:e.footer,footerClassName:"k-table-footer",prefix:A,suffix:J})}),be={columns:ce.any.isRequired},u={columns:[],popupSettings:{},width:"200px",size:void 0,rounded:void 0,fillMode:void 0};y.displayName="KendoMultiColumnComboBox";y.propTypes=be;exports.MultiColumnComboBox=y;exports.MultiColumnComboBoxPropsContext=j;

package/MultiColumnComboBox/MultiColumnComboBox.mjs

@@ -8,83 +8,83 @@
 import * as e from "react";
 import ue from "prop-types";
 import { MultiColumnList as de } from "../common/MultiColumnList.mjs";
-import { usePropsContext as ce, getScrollbarWidth as pe, getter as T, classNames as x, setScrollbarWidth as me, createPropsContext as fe } from "@progress/kendo-react-common";
-import { ComboBox as ge, ComboBoxWithoutContext as he } from "../ComboBox/ComboBox.mjs";
-import { getItemValue as Ce } from "../common/utils.mjs";
-import L from "../common/withCustomComponent.mjs";
-const be = (s, g) => s ? typeof s == "number" ? s + "px" : s : g, ke = fe(), P = e.forwardRef(
-  (s, g) => {
-    const t = ce(ke, s), h = e.useRef(null), i = e.useRef(null), y = pe(), {
-      columns: a = l.columns,
-      popupSettings: p = l.popupSettings,
+import { usePropsContext as ce, getScrollbarWidth as pe, useWebMcpRegister as me, getter as L, classNames as x, setScrollbarWidth as fe, createPropsContext as ge } from "@progress/kendo-react-common";
+import { ComboBox as be } from "../ComboBox/ComboBox.mjs";
+import { getItemValue as he } from "../common/utils.mjs";
+import T from "../common/withCustomComponent.mjs";
+const Ce = (i, b) => i ? typeof i == "number" ? i + "px" : i : b, ke = ge(), P = e.forwardRef(
+  (i, b) => {
+    const t = ce(ke, i), p = e.useRef(null), u = e.useRef(null), w = pe(), {
+      columns: n = l.columns,
+      popupSettings: m = l.popupSettings,
       size: z = l.size,
       rounded: O = l.rounded,
       fillMode: $ = l.fillMode,
       className: j,
       prefix: V = void 0,
       suffix: A = void 0,
-      onOpen: w,
+      onOpen: y,
       onClose: S,
-      onFocus: F,
-      onBlur: H,
-      onChange: R,
+      onFocus: R,
+      onBlur: F,
+      onChange: H,
       onFilterChange: E,
       onPageChange: N,
       ...D
     } = t;
-    e.useImperativeHandle(h, () => {
+    e.useImperativeHandle(p, () => {
       var r;
       return {
-        element: ((r = i.current) == null ? void 0 : r.element) || null,
+        element: ((r = u.current) == null ? void 0 : r.element) || null,
         focus() {
-          i.current && i.current.focus();
+          u.current && u.current.focus();
         },
         get value() {
           var o;
-          return (o = i.current) == null ? void 0 : o.value;
+          return (o = u.current) == null ? void 0 : o.value;
         },
         get name() {
           var o;
-          return (o = i.current) == null ? void 0 : o.name;
+          return (o = u.current) == null ? void 0 : o.name;
         },
         props: t
       };
-    }), e.useImperativeHandle(
-      g,
-      () => h.current
+    }), me("multicolumncombobox", p, t, t.webMcp), e.useImperativeHandle(
+      b,
+      () => p.current
     );
-    const d = e.useMemo(() => {
+    const s = e.useMemo(() => {
       if (t.groupField !== void 0 && t.data)
-        return Ce(t.data[0], t.groupField);
-    }, [t.data, t.groupField]), [C, m] = e.useState(d), [M, B] = e.useState(!0), b = e.useRef(null), [J] = V ? L(t.prefix || e.Fragment) : [], [Q] = A ? L(t.suffix || e.Fragment) : [], U = e.useMemo(() => {
-      const r = /* @__PURE__ */ e.createElement("th", { className: "k-table-th", colSpan: a.length }, C);
-      return /* @__PURE__ */ e.createElement(e.Fragment, null, t.header, /* @__PURE__ */ e.createElement("div", { ref: b, className: "k-table-header-wrap" }, /* @__PURE__ */ e.createElement("table", { className: "k-table", role: "presentation" }, /* @__PURE__ */ e.createElement("colgroup", null, a.map((o, c) => /* @__PURE__ */ e.createElement(
+        return he(t.data[0], t.groupField);
+    }, [t.data, t.groupField]), [h, f] = e.useState(s), [M, B] = e.useState(!0), C = e.useRef(null), [J] = V ? T(t.prefix || e.Fragment) : [], [Q] = A ? T(t.suffix || e.Fragment) : [], U = e.useMemo(() => {
+      const r = /* @__PURE__ */ e.createElement("th", { className: "k-table-th", colSpan: n.length }, h);
+      return /* @__PURE__ */ e.createElement(e.Fragment, null, t.header, /* @__PURE__ */ e.createElement("div", { ref: C, className: "k-table-header-wrap" }, /* @__PURE__ */ e.createElement("table", { className: "k-table", role: "presentation" }, /* @__PURE__ */ e.createElement("colgroup", null, n.map((o, c) => /* @__PURE__ */ e.createElement(
         "col",
         {
           key: o.uniqueKey ? o.uniqueKey : c,
           style: { width: o.width ? o.width : l.width }
         }
-      ))), /* @__PURE__ */ e.createElement("thead", { className: "k-table-thead" }, /* @__PURE__ */ e.createElement("tr", { className: "k-table-row" }, a.map((o, c) => /* @__PURE__ */ e.createElement("th", { className: "k-table-th", key: o.uniqueKey ? o.uniqueKey : c }, o.header || " "))), C && M && /* @__PURE__ */ e.createElement("tr", { className: "k-table-group-row" }, t.groupStickyHeaderItemRender ? t.groupStickyHeaderItemRender.call(void 0, r, {}) : r)))));
-    }, [t.header, a, C, M]), X = e.useMemo(
+      ))), /* @__PURE__ */ e.createElement("thead", { className: "k-table-thead" }, /* @__PURE__ */ e.createElement("tr", { className: "k-table-row" }, n.map((o, c) => /* @__PURE__ */ e.createElement("th", { className: "k-table-th", key: o.uniqueKey ? o.uniqueKey : c }, o.header || " "))), h && M && /* @__PURE__ */ e.createElement("tr", { className: "k-table-group-row" }, t.groupStickyHeaderItemRender ? t.groupStickyHeaderItemRender.call(void 0, r, {}) : r)))));
+    }, [t.header, n, h, M, t.groupStickyHeaderItemRender]), X = e.useMemo(
       () => (
         // These additional 4px are coming from the child elements side borders (fixes horizontal scrollbar)
-        `calc(${a.map((r) => be(r.width, l.width)).filter(Boolean).join(" + ")} + ${y}px + 4px)`
+        `calc(${n.map((r) => Ce(r.width, l.width)).filter(Boolean).join(" + ")} + ${w}px + 4px)`
       ),
-      [a, y]
-    ), q = t.virtual ? t.virtual.skip : 0, Y = e.useCallback(
+      [n, w]
+    ), I = t.virtual ? t.virtual.skip : 0, Y = e.useCallback(
       (r, o) => {
-        const c = a.map((u, ie) => /* @__PURE__ */ e.createElement(
+        const c = n.map((d, ie) => /* @__PURE__ */ e.createElement(
           "span",
           {
             className: t.itemRender ? void 0 : "k-table-td",
-            style: t.itemRender ? void 0 : { width: u.width ? u.width : l.width },
-            key: u.uniqueKey ? u.uniqueKey : ie
+            style: t.itemRender ? void 0 : { width: d.width ? d.width : l.width },
+            key: d.uniqueKey ? d.uniqueKey : ie
           },
-          u.field ? String(T(u.field)(o.dataItem)) : ""
+          d.field ? String(L(d.field)(o.dataItem)) : ""
         ));
-        let I, f, k, v, K = t.data || [];
-        const W = o.index - q;
-        t.groupField !== void 0 && (v = T(t.groupField), f = v(K[W]), k = v(K[W - 1]), f && k && f !== k && (I = f));
+        let q, g, k, v;
+        const K = t.data || [], W = o.index - I;
+        t.groupField !== void 0 && (v = L(t.groupField), g = v(K[W]), k = v(K[W - 1]), g && k && g !== k && (q = g));
         const G = e.cloneElement(
           r,
           {
@@ -93,7 +93,7 @@ const be = (s, g) => s ? typeof s == "number" ? s + "px" : s : g, ke = fe(), P =
               "k-table-alt-row": o.index % 2 !== 0,
               "k-focus": o.focused,
               "k-selected": o.selected,
-              "k-first": !!I,
+              "k-first": !!q,
               "k-disabled": o.dataItem.disabled
             })
           },
@@ -101,45 +101,51 @@ const be = (s, g) => s ? typeof s == "number" ? s + "px" : s : g, ke = fe(), P =
         );
         return t.itemRender ? t.itemRender.call(void 0, G, o) : G;
       },
-      [a, t.groupField, t.itemRender, t.data, q]
-    ), n = e.useCallback((r, o) => {
+      [n, t.groupField, t.itemRender, t.data, I]
+    ), a = e.useCallback((r, o) => {
       r && r.call(void 0, {
         ...o,
-        target: h.current
+        target: p.current
       });
     }, []), Z = e.useCallback(
-      (r) => (t.virtual || m(d), n(w, r)),
-      [n, w, t.virtual, d]
-    ), _ = e.useCallback((r) => n(S, r), [S]), ee = e.useCallback((r) => n(F, r), [F]), te = e.useCallback((r) => n(H, r), [H]), re = e.useCallback((r) => n(R, r), [R]), oe = e.useCallback((r) => n(N, r), [N]), ae = e.useCallback(
-      (r) => (m(d), n(E, {
+      (r) => (t.virtual || f(s), a(y, r)),
+      [a, y, t.virtual, s]
+    ), _ = e.useCallback((r) => a(S, r), [a, S]), ee = e.useCallback((r) => a(R, r), [a, R]), te = e.useCallback((r) => a(F, r), [a, F]), re = e.useCallback(
+      (r) => a(H, r),
+      [a, H]
+    ), oe = e.useCallback(
+      (r) => a(N, r),
+      [a, N]
+    ), ae = e.useCallback(
+      (r) => (f(s), a(E, {
         ...r,
         mobileMode: r.target.mobileMode
       })),
-      [E]
+      [a, s, E]
     ), ne = e.useCallback((r) => {
-      m(r.group);
+      f(r.group);
     }, []), le = e.useCallback((r) => {
-      b.current && (b.current.scrollLeft = r.target.scrollLeft);
+      C.current && (C.current.scrollLeft = r.target.scrollLeft);
     }, []);
     e.useEffect(() => {
-      me();
+      fe();
     }), e.useEffect(() => {
       const r = t.data;
-      m(d), r && r.length !== 0 ? B(!0) : B(!1);
-    }, [t.data]);
+      f(s), r && r.length !== 0 ? B(!0) : B(!1);
+    }, [t.data, s]);
     const se = e.useCallback((r) => /* @__PURE__ */ e.createElement(de, { ...r }), []);
     return /* @__PURE__ */ e.createElement(
-      ge,
+      be,
       {
         ...D,
         list: se,
         popupSettings: {
-          ...p,
-          popupClass: x("k-dropdowngrid-popup", p.popupClass),
-          width: p.width || X,
-          className: p.className
+          ...m,
+          popupClass: x("k-dropdowngrid-popup", m.popupClass),
+          width: m.width || X,
+          className: m.className
         },
-        ref: i,
+        ref: u,
         header: U,
         itemRender: Y,
         groupHeaderItemRender: t.groupHeaderItemRender,
@@ -171,7 +177,6 @@ const be = (s, g) => s ? typeof s == "number" ? s + "px" : s : g, ke = fe(), P =
     );
   }
 ), ve = {
-  ...he.propTypes,
   columns: ue.any.isRequired
 }, l = {
   columns: [],

package/MultiSelectMcpWrapper.d.ts

@@ -5,7 +5,7 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-import { MultiSelectHandle } from './MultiSelect/MultiSelect.js';
+import { MultiSelect as MultiSelectOriginal, MultiSelectHandle } from './MultiSelect/MultiSelect.js';
 import { MultiSelectProps } from './MultiSelect/MultiSelectProps';
 /**
  * MultiSelect wrapper that integrates the Web MCP hook.
@@ -15,3 +15,5 @@ import { MultiSelectProps } from './MultiSelect/MultiSelectProps';
 import * as React from 'react';
 /** @hidden */
 export declare const MultiSelectWrapper: React.ForwardRefExoticComponent<MultiSelectProps & React.RefAttributes<MultiSelectHandle>>;
+/** @hidden */
+export type MultiSelectWrapper = MultiSelectOriginal;