@progress/kendo-react-dropdowns 8.2.0-develop.4 → 8.2.0-develop.40

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

package/MultiColumnComboBox/MultiColumnComboBox.mjs

@@ -8,29 +8,28 @@
 "use client";
 import * as e from "react";
 import se from "prop-types";
-import { PopupPropsContext as ue } from "@progress/kendo-react-popup";
-import { MultiColumnList as ie } from "../common/MultiColumnList.mjs";
-import { createPropsContext as de, usePropsContext as ce, getScrollbarWidth as pe, getter as P, classNames as G, setScrollbarWidth as me } from "@progress/kendo-react-common";
-import { ComboBox as fe, ComboBoxWithoutContext as ge } from "../ComboBox/ComboBox.mjs";
-import { getItemValue as he } from "../common/utils.mjs";
-import T from "../common/withCustomComponent.mjs";
-const Ce = (u, h) => u ? typeof u == "number" ? u + "px" : u : h, ke = de(), W = e.forwardRef((u, h) => {
-  const t = ce(ke, u), C = e.useRef(null), a = e.useRef(null), x = pe(), {
+import { MultiColumnList as ue } from "../common/MultiColumnList.mjs";
+import { createPropsContext as ie, usePropsContext as de, getScrollbarWidth as ce, getter as T, classNames as x, setScrollbarWidth as pe } from "@progress/kendo-react-common";
+import { ComboBox as me, ComboBoxWithoutContext as fe } from "../ComboBox/ComboBox.mjs";
+import { getItemValue as ge } from "../common/utils.mjs";
+import W from "../common/withCustomComponent.mjs";
+const he = (u, h) => u ? typeof u == "number" ? u + "px" : u : h, Ce = ie(), P = e.forwardRef((u, h) => {
+  const t = de(Ce, u), C = e.useRef(null), a = e.useRef(null), y = ce(), {
     columns: n = s.columns,
     popupSettings: p = s.popupSettings,
     size: z = s.size,
     rounded: O = s.rounded,
-    fillMode: $ = s.fillMode,
-    className: L,
+    fillMode: L = s.fillMode,
+    className: $,
     prefix: j = void 0,
     suffix: V = void 0,
-    onOpen: y,
-    onClose: w,
-    onFocus: E,
-    onBlur: F,
-    onChange: H,
-    onFilterChange: N,
-    onPageChange: S,
+    onOpen: w,
+    onClose: E,
+    onFocus: F,
+    onBlur: H,
+    onChange: N,
+    onFilterChange: S,
+    onPageChange: M,
     ...A
   } = t;
   e.useImperativeHandle(C, () => ({
@@ -49,10 +48,10 @@ const Ce = (u, h) => u ? typeof u == "number" ? u + "px" : u : h, ke = de(), W =
   const c = e.useMemo(
     () => {
       if (t.groupField !== void 0 && t.data)
-        return he(t.data[0], t.groupField);
+        return ge(t.data[0], t.groupField);
     },
     [t.data, t.groupField]
-  ), [k, m] = e.useState(c), [M, R] = e.useState(!0), [D] = j ? T(t.prefix || e.Fragment) : [], [J] = V ? T(t.suffix || e.Fragment) : [], Q = e.useMemo(
+  ), [k, m] = e.useState(c), [R, B] = e.useState(!0), [D] = j ? W(t.prefix || e.Fragment) : [], [J] = V ? W(t.suffix || e.Fragment) : [], Q = e.useMemo(
     () => {
       const r = /* @__PURE__ */ e.createElement("th", { className: "k-table-th", colSpan: n.length }, k);
       return /* @__PURE__ */ e.createElement(e.Fragment, null, t.header, /* @__PURE__ */ e.createElement("div", { className: "k-table-header-wrap" }, /* @__PURE__ */ e.createElement("table", { className: "k-table", role: "presentation" }, /* @__PURE__ */ e.createElement("colgroup", null, n.map(
@@ -63,16 +62,16 @@ const Ce = (u, h) => u ? typeof u == "number" ? u + "px" : u : h, ke = de(), W =
             style: { width: o.width ? o.width : s.width }
           }
         )
-      )), /* @__PURE__ */ e.createElement("thead", { className: "k-table-thead" }, /* @__PURE__ */ e.createElement("tr", { className: "k-table-row" }, n.map((o, i) => /* @__PURE__ */ e.createElement("th", { className: "k-table-th", key: o.uniqueKey ? o.uniqueKey : i }, o.header || " "))), k && M && /* @__PURE__ */ e.createElement("tr", { className: "k-table-group-row" }, t.groupStickyHeaderItemRender ? t.groupStickyHeaderItemRender.call(void 0, r, {}) : r)))));
+      )), /* @__PURE__ */ e.createElement("thead", { className: "k-table-thead" }, /* @__PURE__ */ e.createElement("tr", { className: "k-table-row" }, n.map((o, i) => /* @__PURE__ */ e.createElement("th", { className: "k-table-th", key: o.uniqueKey ? o.uniqueKey : i }, o.header || " "))), k && R && /* @__PURE__ */ e.createElement("tr", { className: "k-table-group-row" }, t.groupStickyHeaderItemRender ? t.groupStickyHeaderItemRender.call(void 0, r, {}) : r)))));
     },
-    [t.header, n, k, M]
+    [t.header, n, k, R]
   ), U = e.useMemo(
     () => (
       // These additional 4px are coming from the child elements side borders (fixes horizontal scrollbar)
-      `calc(${n.map((r) => Ce(r.width, s.width)).filter(Boolean).join(" + ")} + ${x}px + 4px)`
+      `calc(${n.map((r) => he(r.width, s.width)).filter(Boolean).join(" + ")} + ${y}px + 4px)`
     ),
-    [n, x]
-  ), B = t.virtual ? t.virtual.skip : 0, X = e.useCallback(
+    [n, y]
+  ), q = t.virtual ? t.virtual.skip : 0, X = e.useCallback(
     (r, o) => {
       const i = n.map((d, le) => /* @__PURE__ */ e.createElement(
         "span",
@@ -81,14 +80,14 @@ const Ce = (u, h) => u ? typeof u == "number" ? u + "px" : u : h, ke = de(), W =
           style: t.itemRender ? void 0 : { width: d.width ? d.width : s.width },
           key: d.uniqueKey ? d.uniqueKey : le
         },
-        d.field ? String(P(d.field)(o.dataItem)) : ""
+        d.field ? String(T(d.field)(o.dataItem)) : ""
       ));
-      let f, g, b, v, q = t.data || [];
-      const I = o.index - B;
-      t.groupField !== void 0 && (v = P(t.groupField), g = v(q[I]), b = v(q[I - 1]), g && b && g !== b && (f = g)), f && t.groupMode === "classic" && i.push(/* @__PURE__ */ e.createElement("div", { key: "group", className: "k-table-td k-table-group-td" }, /* @__PURE__ */ e.createElement("span", null, f)));
-      const K = e.cloneElement(r, {
+      let f, g, b, v, I = t.data || [];
+      const K = o.index - q;
+      t.groupField !== void 0 && (v = T(t.groupField), g = v(I[K]), b = v(I[K - 1]), g && b && g !== b && (f = g)), f && t.groupMode === "classic" && i.push(/* @__PURE__ */ e.createElement("div", { key: "group", className: "k-table-td k-table-group-td" }, /* @__PURE__ */ e.createElement("span", null, f)));
+      const G = e.cloneElement(r, {
         ...r.props,
-        className: G("k-table-row", {
+        className: x("k-table-row", {
           "k-table-alt-row": o.index % 2 !== 0,
           "k-focus": o.focused,
           "k-selected": o.selected,
@@ -96,9 +95,9 @@ const Ce = (u, h) => u ? typeof u == "number" ? u + "px" : u : h, ke = de(), W =
           "k-disabled": o.dataItem.disabled
         })
       }, i);
-      return t.itemRender ? t.itemRender.call(void 0, K, o) : K;
+      return t.itemRender ? t.itemRender.call(void 0, G, o) : G;
     },
-    [n, t.groupField, t.itemRender, t.data, B]
+    [n, t.groupField, t.itemRender, t.data, q]
   ), l = e.useCallback(
     (r, o) => {
       r && r.call(void 0, {
@@ -107,69 +106,64 @@ const Ce = (u, h) => u ? typeof u == "number" ? u + "px" : u : h, ke = de(), W =
       });
     },
     []
-  ), Y = e.useCallback((r) => (t.virtual || m(c), l(y, r)), [l, y, t.virtual, c]), Z = e.useCallback((r) => l(w, r), [w]), _ = e.useCallback((r) => l(E, r), [E]), ee = e.useCallback((r) => l(F, r), [F]), te = e.useCallback((r) => l(H, r), [H]), re = e.useCallback((r) => l(S, r), [S]), oe = e.useCallback((r) => (m(c), l(N, {
+  ), Y = e.useCallback((r) => (t.virtual || m(c), l(w, r)), [l, w, t.virtual, c]), Z = e.useCallback((r) => l(E, r), [E]), _ = e.useCallback((r) => l(F, r), [F]), ee = e.useCallback((r) => l(H, r), [H]), te = e.useCallback((r) => l(N, r), [N]), re = e.useCallback((r) => l(M, r), [M]), oe = e.useCallback((r) => (m(c), l(S, {
     ...r,
     mobileMode: r.target.mobileMode
-  })), [N]), ae = e.useCallback(
+  })), [S]), ae = e.useCallback(
     (r) => {
       m(r.group);
     },
     []
   );
   e.useEffect(() => {
-    me();
+    pe();
   }), e.useEffect(() => {
     const r = t.data;
-    m(c), r && r.length !== 0 ? R(!0) : R(!1);
+    m(c), r && r.length !== 0 ? B(!0) : B(!1);
   }, [t.data]);
-  const ne = e.useCallback((r) => /* @__PURE__ */ e.createElement(ie, { ...r }), []);
+  const ne = e.useCallback((r) => /* @__PURE__ */ e.createElement(ue, { ...r }), []);
   return /* @__PURE__ */ e.createElement(
-    ue.Provider,
+    me,
     {
-      value: (r) => ({ ...r, popupClass: `k-dropdowngrid-popup ${p.popupClass}` })
-    },
-    /* @__PURE__ */ e.createElement(
-      fe,
-      {
-        ...A,
-        list: ne,
-        popupSettings: {
-          ...p,
-          width: p.width || U,
-          className: p.className
-        },
-        ref: a,
-        header: Q,
-        itemRender: X,
-        groupHeaderItemRender: t.groupHeaderItemRender,
-        size: z,
-        rounded: O,
-        fillMode: $,
-        groupMode: t.groupMode,
-        groupField: t.groupField,
-        isMultiColumn: !0,
-        onOpen: Y,
-        onClose: Z,
-        onFocus: _,
-        onBlur: ee,
-        onChange: te,
-        onFilterChange: oe,
-        onPageChange: re,
-        onGroupScroll: ae,
-        className: G("k-dropdowngrid", L),
-        required: t.required,
-        adaptive: t.adaptive,
-        adaptiveFilter: t.adaptiveFilter,
-        adaptiveTitle: t.adaptiveTitle,
-        footer: t.footer,
-        footerClassName: "k-table-footer",
-        prefix: D,
-        suffix: J
-      }
-    )
+      ...A,
+      list: ne,
+      popupSettings: {
+        ...p,
+        popupClass: x("k-dropdowngrid-popup", p.popupClass),
+        width: p.width || U,
+        className: p.className
+      },
+      ref: a,
+      header: Q,
+      itemRender: X,
+      groupHeaderItemRender: t.groupHeaderItemRender,
+      size: z,
+      rounded: O,
+      fillMode: L,
+      groupMode: t.groupMode,
+      groupField: t.groupField,
+      isMultiColumn: !0,
+      onOpen: Y,
+      onClose: Z,
+      onFocus: _,
+      onBlur: ee,
+      onChange: te,
+      onFilterChange: oe,
+      onPageChange: re,
+      onGroupScroll: ae,
+      className: x("k-dropdowngrid", $),
+      required: t.required,
+      adaptive: t.adaptive,
+      adaptiveFilter: t.adaptiveFilter,
+      adaptiveTitle: t.adaptiveTitle,
+      footer: t.footer,
+      footerClassName: "k-table-footer",
+      prefix: D,
+      suffix: J
+    }
   );
-}), be = {
-  ...ge.propTypes,
+}), ke = {
+  ...fe.propTypes,
   columns: se.any.isRequired
 }, s = {
   columns: [],
@@ -179,9 +173,9 @@ const Ce = (u, h) => u ? typeof u == "number" ? u + "px" : u : h, ke = de(), W =
   rounded: "medium",
   fillMode: "solid"
 };
-W.displayName = "KendoMultiColumnComboBox";
-W.propTypes = be;
+P.displayName = "KendoMultiColumnComboBox";
+P.propTypes = ke;
 export {
-  W as MultiColumnComboBox,
-  ke as MultiColumnComboBoxPropsContext
+  P as MultiColumnComboBox,
+  Ce as MultiColumnComboBoxPropsContext
 };

package/common/SearchBar.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use client";"use strict";const u=require("@progress/kendo-react-common"),h=require("react");function g(o){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(o){for(const e in o)if(e!=="default"){const s=Object.getOwnPropertyDescriptor(o,e);Object.defineProperty(t,e,s.get?s:{enumerable:!0,get:()=>o[e]})}}return t.default=o,Object.freeze(t)}const c=g(h);class b extends c.Component{constructor(){super(...arguments),this._input=null}get input(){return this._input}componentDidUpdate(t){const e=t.value,s=t.suggestedText,{value:i,suggestedText:n,focused:a}=this.props,r=this.input,p=e!==i||n!==s,l=p&&e.startsWith(i)&&!(s&&n&&s.endsWith(n)),d=u.getActiveElement(document);a&&r&&d!==r&&r.focus(),n&&p&&!l&&r&&r.setSelectionRange(i.length-n.length,i.length)}render(){const{expanded:t=!1,disabled:e,role:s="listbox",render:i}=this.props,n=c.createElement("input",{autoComplete:"off",id:this.props.id,type:"text",key:"searchbar",size:this.props.size,placeholder:this.props.placeholder,className:"k-input-inner",tabIndex:this.props.tabIndex,accessKey:this.props.accessKey,role:s,name:this.props.name,value:this.props.value,onChange:this.props.onChange,ref:a=>this._input=a,onKeyDown:this.props.onKeyDown,onFocus:this.props.onFocus,onBlur:this.props.onBlur,onClick:this.props.onClick,"aria-disabled":e||void 0,disabled:e||void 0,readOnly:this.props.readOnly||void 0,title:this.props.title,"aria-haspopup":"listbox","aria-expanded":t,"aria-owns":this.props.owns,"aria-activedescendant":t?this.props.activedescendant:void 0,"aria-describedby":this.props.ariaDescribedBy,"aria-labelledby":this.props.ariaLabelledBy,"aria-required":this.props.ariaRequired});return i?i.call(void 0,n):n}}module.exports=b;
+"use client";"use strict";const u=require("@progress/kendo-react-common"),h=require("react");function b(a){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(a){for(const e in a)if(e!=="default"){const s=Object.getOwnPropertyDescriptor(a,e);Object.defineProperty(t,e,s.get?s:{enumerable:!0,get:()=>a[e]})}}return t.default=a,Object.freeze(t)}const c=b(h);class g extends c.Component{constructor(){super(...arguments),this._input=null}get input(){return this._input}componentDidUpdate(t){const e=t.value,s=t.suggestedText,{value:n,suggestedText:i,focused:o}=this.props,r=this.input,p=e!==n||i!==s,l=p&&e.startsWith(n)&&!(s&&i&&s.endsWith(i)),d=u.getActiveElement(document);o&&r&&d!==r&&r.focus(),i&&p&&!l&&r&&r.setSelectionRange(n.length-i.length,n.length)}render(){const{expanded:t=!1,disabled:e,role:s="listbox",render:n}=this.props,i=c.createElement("input",{autoComplete:"off",id:this.props.id,type:"text",key:"searchbar",size:this.props.size,placeholder:this.props.placeholder,className:"k-input-inner",tabIndex:this.props.tabIndex,accessKey:this.props.accessKey,role:s,name:this.props.name,value:this.props.value,onChange:this.props.onChange,ref:o=>this._input=o,onKeyDown:this.props.onKeyDown,onFocus:this.props.onFocus,onBlur:this.props.onBlur,onClick:this.props.onClick,"aria-disabled":e||void 0,disabled:e||void 0,readOnly:this.props.readOnly||void 0,title:this.props.title,"aria-haspopup":"listbox","aria-expanded":t,"aria-owns":this.props.owns,"aria-activedescendant":t?this.props.activedescendant:void 0,"aria-describedby":this.props.ariaDescribedBy,"aria-labelledby":this.props.ariaLabelledBy,"aria-label":this.props.ariaLabel,"aria-required":this.props.ariaRequired});return n?n.call(void 0,i):i}}module.exports=g;

package/common/SearchBar.mjs

@@ -8,7 +8,7 @@
 "use client";
 import { getActiveElement as c } from "@progress/kendo-react-common";
 import * as p from "react";
-class g extends p.Component {
+class b extends p.Component {
   constructor() {
     super(...arguments), this._input = null;
   }
@@ -19,8 +19,8 @@ class g extends p.Component {
     return this._input;
   }
   componentDidUpdate(t) {
-    const i = t.value, a = t.suggestedText, { value: s, suggestedText: e, focused: n } = this.props, o = this.input, r = i !== s || e !== a, d = r && i.startsWith(s) && !(a && e && a.endsWith(e)), l = c(document);
-    n && o && l !== o && o.focus(), e && r && !d && o && o.setSelectionRange(s.length - e.length, s.length);
+    const i = t.value, a = t.suggestedText, { value: s, suggestedText: e, focused: r } = this.props, o = this.input, n = i !== s || e !== a, l = n && i.startsWith(s) && !(a && e && a.endsWith(e)), d = c(document);
+    r && o && d !== o && o.focus(), e && n && !l && o && o.setSelectionRange(s.length - e.length, s.length);
   }
   render() {
     const { expanded: t = !1, disabled: i, role: a = "listbox", render: s } = this.props, e = /* @__PURE__ */ p.createElement(
@@ -39,7 +39,7 @@ class g extends p.Component {
         name: this.props.name,
         value: this.props.value,
         onChange: this.props.onChange,
-        ref: (n) => this._input = n,
+        ref: (r) => this._input = r,
         onKeyDown: this.props.onKeyDown,
         onFocus: this.props.onFocus,
         onBlur: this.props.onBlur,
@@ -54,6 +54,7 @@ class g extends p.Component {
         "aria-activedescendant": t ? this.props.activedescendant : void 0,
         "aria-describedby": this.props.ariaDescribedBy,
         "aria-labelledby": this.props.ariaLabelledBy,
+        "aria-label": this.props.ariaLabel,
         "aria-required": this.props.ariaRequired
       }
     );
@@ -61,5 +62,5 @@ class g extends p.Component {
   }
 }
 export {
-  g as default
+  b as default
 };

package/common/utils.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 f=e=>e!=null,I=(e,t)=>{for(let s=0;s<e.length;s++)if(e.charAt(s)!==t)return!1;return!0},d=(e,t,s)=>{let n=e;return s&&(n=[s].concat(n)),n.slice(t).concat(n.slice(0,t))},m=(e,t,s)=>{if(!f(e))return!1;let n=String(e);return s&&(n=n.toLowerCase()),n.indexOf(t)===0},D=(e,t,s,n,r)=>{const o=e.offsetHeight,h=t.children.item(s),i=h.offsetTop+(r?n-e.scrollTop:0),u=h.offsetHeight;if(r){let l=0;i+u>o?l=i+u-o:i<0&&(l=i),l!==0?e.scrollTop+=l:e.scrollTop===0&&n!==0&&(e.scrollTop=n)}else i+u>o+e.scrollTop?e.scrollTop=i+u-o:i<e.scrollTop&&(e.scrollTop-=e.scrollTop-i)},a=(e,t,s)=>{let n=-1;if(t){t=t.toLowerCase();for(let r=0;r<e.length;r++){const o=(c(e[r],s)||"")+"";if(o&&o.toLowerCase().startsWith(t)){n=r;break}}}return n},p=(e,t,s,n=!1)=>{const r=o=>n?o:o.toLowerCase();return e.findIndex(o=>s?r(c(o,s))===r(t):r(t)===r(o.toString()))},c=(e,t)=>{if(t&&f(e)){const s=t.split(".");let n=e;return s.forEach(r=>{n=n?n[r]:void 0}),n}return e},x=(e,t,s)=>{if(!e)return;const n=e.findIndex(r=>c(r,t)===s);return e[n]},T=(e=[],t=[],s)=>{if(e===t)return!0;if(e.length!==t.length)return!1;for(let n=0;n<e.length;n++)if(!g(e[n],t[n],s))return!1;return!0},C=(e,t,s)=>{t.forEach(n=>{const r=e.findIndex(o=>g(o,n,s));r!==-1&&e.splice(r,1)})},g=(e,t,s)=>e===t||f(e)===f(t)&&c(e,s)===c(t,s),y=(e,t,s)=>{if(t){const n=p(e,t,s,!0);return n!==-1?e[n]:e[a(e,t,s)]}return e[0]},S=(e,t=[],s)=>{let n="";if(e){const r=t[a(t,e,s)];if(r){const o=c(r,s);e.toLowerCase()!==o.toLowerCase()&&(n=o.substring(e.length))}}return n},w=e=>{e.target.nodeName!=="INPUT"&&e.preventDefault()},L=(e,t,s)=>!!e!=!!t||e.text!==t.text?!1:e===t||T(e.data,t.data,s),P=e=>{const t=e.filter((s,n)=>e.some((r,o)=>r===s&&o!==n));return Array.from(new Set(t))};exports.areSame=g;exports.findByFieldValue=x;exports.getFocusedItem=y;exports.getItemIndexByText=p;exports.getItemValue=c;exports.getPlainDataDuplicates=P;exports.isPresent=f;exports.itemIndexStartsWith=a;exports.matchDataCollections=T;exports.matchTags=L;exports.matchText=m;exports.preventDefaultNonInputs=w;exports.removeDataItems=C;exports.sameCharsOnly=I;exports.scrollToItem=D;exports.shuffleData=d;exports.suggestValue=S;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const f=e=>e!=null,d=(e,t)=>{for(let r=0;r<e.length;r++)if(e.charAt(r)!==t)return!1;return!0},I=(e,t,r)=>{let n=e;return r&&(n=[r].concat(n)),n.slice(t).concat(n.slice(0,t))},m=(e,t,r)=>{if(!f(e))return!1;let n=String(e);return r&&(n=n.toLowerCase()),n.indexOf(t)===0},D=(e,t,r,n,s)=>{const o=e.offsetHeight,h=t.children.item(r),i=h.offsetTop+(s?n-e.scrollTop:0),u=h.offsetHeight;if(s){let l=0;i+u>o?l=i+u-o:i<0&&(l=i),l!==0?e.scrollTop+=l:e.scrollTop===0&&n!==0&&(e.scrollTop=n)}else i+u>o+e.scrollTop?e.scrollTop=i+u-o:i<e.scrollTop&&(e.scrollTop-=e.scrollTop-i)},a=(e,t,r)=>{let n=-1;if(t){t=t.toLowerCase();for(let s=0;s<e.length;s++){const o=(c(e[s],r)||"")+"";if(o&&o.toLowerCase().startsWith(t)){n=s;break}}}return n},p=(e,t,r,n=!1)=>{const s=o=>n?o:o.toLowerCase();return e.findIndex(o=>r?s(c(o,r))===s(t):s(t)===s(o.toString()))},c=(e,t)=>{if(t&&f(e)){const r=t.split(".");let n=e;return r.forEach(s=>{n=n?n[s]:void 0}),n}return e},x=(e,t,r)=>{if(!e)return;const n=e.findIndex(s=>c(s,t)===r);return e[n]},T=(e=[],t=[],r)=>{if(e===t)return!0;if(e.length!==t.length)return!1;for(let n=0;n<e.length;n++)if(!g(e[n],t[n],r))return!1;return!0},C=(e,t,r)=>{t.forEach(n=>{const s=e.findIndex(o=>g(o,n,r));s!==-1&&e.splice(s,1)})},g=(e,t,r)=>e===t||f(e)===f(t)&&c(e,r)===c(t,r),y=(e,t,r)=>{if(t){const n=p(e,t,r,!0);return n!==-1?e[n]:e[a(e,t,r)]}return e[0]},S=(e,t=[],r)=>{let n="";if(e){const s=t[a(t,e,r)];if(s){const o=c(s,r);e.toLowerCase()!==o.toLowerCase()&&(n=o.substring(e.length))}}return n},w=e=>{e.target.nodeName!=="INPUT"&&e.preventDefault()},L=(e,t,r)=>!!e!=!!t||e.text!==t.text?!1:e===t||T(e.data,t.data,r),P=e=>{const t=e.filter((r,n)=>e.some((s,o)=>s===r&&o!==n));return Array.from(new Set(t))},V=e=>{const{data:t=[],groupField:r}=e;return r?t.filter(n=>r&&n[r]!==void 0):t};exports.areSame=g;exports.findByFieldValue=x;exports.getFilteredData=V;exports.getFocusedItem=y;exports.getItemIndexByText=p;exports.getItemValue=c;exports.getPlainDataDuplicates=P;exports.isPresent=f;exports.itemIndexStartsWith=a;exports.matchDataCollections=T;exports.matchTags=L;exports.matchText=m;exports.preventDefaultNonInputs=w;exports.removeDataItems=C;exports.sameCharsOnly=d;exports.scrollToItem=D;exports.shuffleData=I;exports.suggestValue=S;

package/common/utils.mjs

@@ -6,12 +6,12 @@
  *-------------------------------------------------------------------------------------------
  */
 "use client";
-const l = (e) => e != null, a = (e, t) => {
+const l = (e) => e != null, d = (e, t) => {
   for (let r = 0; r < e.length; r++)
     if (e.charAt(r) !== t)
       return !1;
   return !0;
-}, d = (e, t, r) => {
+}, I = (e, t, r) => {
   let n = e;
   return r && (n = [r].concat(n)), n.slice(t).concat(n.slice(0, t));
 }, x = (e, t, r) => {
@@ -20,18 +20,18 @@ const l = (e) => e != null, a = (e, t) => {
   let n = String(e);
   return r && (n = n.toLowerCase()), n.indexOf(t) === 0;
 }, C = (e, t, r, n, s) => {
-  const o = e.offsetHeight, g = t.children.item(r), f = g.offsetTop + (s ? n - e.scrollTop : 0), c = g.offsetHeight;
+  const o = e.offsetHeight, g = t.children.item(r), i = g.offsetTop + (s ? n - e.scrollTop : 0), c = g.offsetHeight;
   if (s) {
     let u = 0;
-    f + c > o ? u = f + c - o : f < 0 && (u = f), u !== 0 ? e.scrollTop += u : e.scrollTop === 0 && n !== 0 && (e.scrollTop = n);
+    i + c > o ? u = i + c - o : i < 0 && (u = i), u !== 0 ? e.scrollTop += u : e.scrollTop === 0 && n !== 0 && (e.scrollTop = n);
   } else
-    f + c > o + e.scrollTop ? e.scrollTop = f + c - o : f < e.scrollTop && (e.scrollTop -= e.scrollTop - f);
+    i + c > o + e.scrollTop ? e.scrollTop = i + c - o : i < e.scrollTop && (e.scrollTop -= e.scrollTop - i);
 }, h = (e, t, r) => {
   let n = -1;
   if (t) {
     t = t.toLowerCase();
     for (let s = 0; s < e.length; s++) {
-      const o = (i(e[s], r) || "") + "";
+      const o = (f(e[s], r) || "") + "";
       if (o && o.toLowerCase().startsWith(t)) {
         n = s;
         break;
@@ -41,8 +41,8 @@ const l = (e) => e != null, a = (e, t) => {
   return n;
 }, T = (e, t, r, n = !1) => {
   const s = (o) => n ? o : o.toLowerCase();
-  return e.findIndex((o) => r ? s(i(o, r)) === s(t) : s(t) === s(o.toString()));
-}, i = (e, t) => {
+  return e.findIndex((o) => r ? s(f(o, r)) === s(t) : s(t) === s(o.toString()));
+}, f = (e, t) => {
   if (t && l(e)) {
     const r = t.split(".");
     let n = e;
@@ -51,12 +51,12 @@ const l = (e) => e != null, a = (e, t) => {
     }), n;
   }
   return e;
-}, w = (e, t, r) => {
+}, D = (e, t, r) => {
   if (!e)
     return;
-  const n = e.findIndex((s) => i(s, t) === r);
+  const n = e.findIndex((s) => f(s, t) === r);
   return e[n];
-}, I = (e = [], t = [], r) => {
+}, a = (e = [], t = [], r) => {
   if (e === t)
     return !0;
   if (e.length !== t.length)
@@ -65,12 +65,12 @@ const l = (e) => e != null, a = (e, t) => {
     if (!p(e[n], t[n], r))
       return !1;
   return !0;
-}, D = (e, t, r) => {
+}, w = (e, t, r) => {
   t.forEach((n) => {
     const s = e.findIndex((o) => p(o, n, r));
     s !== -1 && e.splice(s, 1);
   });
-}, p = (e, t, r) => e === t || l(e) === l(t) && i(e, r) === i(t, r), L = (e, t, r) => {
+}, p = (e, t, r) => e === t || l(e) === l(t) && f(e, r) === f(t, r), L = (e, t, r) => {
   if (t) {
     const n = T(e, t, r, !0);
     return n !== -1 ? e[n] : e[h(e, t, r)];
@@ -81,33 +81,37 @@ const l = (e) => e != null, a = (e, t) => {
   if (e) {
     const s = t[h(t, e, r)];
     if (s) {
-      const o = i(s, r);
+      const o = f(s, r);
       e.toLowerCase() !== o.toLowerCase() && (n = o.substring(e.length));
     }
   }
   return n;
 }, S = (e) => {
   e.target.nodeName !== "INPUT" && e.preventDefault();
-}, y = (e, t, r) => !!e != !!t || e.text !== t.text ? !1 : e === t || I(e.data, t.data, r), N = (e) => {
+}, 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));
   return Array.from(new Set(t));
+}, O = (e) => {
+  const { data: t = [], groupField: r } = e;
+  return r ? t.filter((n) => r && n[r] !== void 0) : t;
 };
 export {
   p as areSame,
-  w as findByFieldValue,
+  D as findByFieldValue,
+  O as getFilteredData,
   L as getFocusedItem,
   T as getItemIndexByText,
-  i as getItemValue,
+  f as getItemValue,
   N as getPlainDataDuplicates,
   l as isPresent,
   h as itemIndexStartsWith,
-  I as matchDataCollections,
+  a as matchDataCollections,
   y as matchTags,
   x as matchText,
   S as preventDefaultNonInputs,
-  D as removeDataItems,
-  a as sameCharsOnly,
+  w as removeDataItems,
+  d as sameCharsOnly,
   C as scrollToItem,
-  d as shuffleData,
+  I as shuffleData,
   H as suggestValue
 };