@progress/kendo-react-grid 11.0.0-develop.2 → 11.0.0-develop.21

package/GridPdfExportButton.js

@@ -0,0 +1,8 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2025 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react"),u=require("./utils/GridContext.js"),d=require("@progress/kendo-svg-icons"),f=require("@progress/kendo-react-common"),g=require("@progress/kendo-react-intl"),c=require("./messages/index.js"),m=require("@progress/kendo-react-buttons");function x(e){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const o=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,o.get?o:{enumerable:!0,get:()=>e[t]})}}return n.default=e,Object.freeze(n)}const i=x(l),k=e=>{const n=g.useLocalization(),t=i.useContext(u.GridContext),o=s=>{t.exportAsPdf(),e.onClick&&e.onClick.call(void 0,s)},a=f.classNames("k-grid-pdf",e.className),r=n.toLanguageString(c.exportPDF,c.messages[c.exportPDF]);return i.createElement(m.Button,{title:r,type:"button",...e,icon:"file-pdf",svgIcon:d.filePdfIcon,className:a,onClick:o},e.children||r)};exports.GridPdfExportButton=k;

package/GridPdfExportButton.mjs

@@ -0,0 +1,35 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2025 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import * as e from "react";
+import { GridContext as l } from "./utils/GridContext.mjs";
+import { filePdfIcon as s } from "@progress/kendo-svg-icons";
+import { classNames as f } from "@progress/kendo-react-common";
+import { useLocalization as d } from "@progress/kendo-react-intl";
+import { exportPDF as i, messages as u } from "./messages/index.mjs";
+import { Button as x } from "@progress/kendo-react-buttons";
+const N = (t) => {
+  const n = d(), r = e.useContext(l), c = (a) => {
+    r.exportAsPdf(), t.onClick && t.onClick.call(void 0, a);
+  }, m = f("k-grid-pdf", t.className), o = n.toLanguageString(i, u[i]);
+  return /* @__PURE__ */ e.createElement(
+    x,
+    {
+      title: o,
+      type: "button",
+      ...t,
+      icon: "file-pdf",
+      svgIcon: s,
+      className: m,
+      onClick: c
+    },
+    t.children || o
+  );
+};
+export {
+  N as GridPdfExportButton
+};

package/GridSearchBox.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 s=require("@progress/kendo-react-inputs"),h=require("react"),m=require("./GridClientWrapper.js"),f=require("@progress/kendo-svg-icons"),i=require("@progress/kendo-react-common"),x=require("./GridState.js"),S=require("@progress/kendo-react-data-tools"),b=require("@progress/kendo-react-intl"),a=require("./messages/index.js");function C(e){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const o=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,o.get?o:{enumerable:!0,get:()=>e[t]})}}return n.default=e,Object.freeze(n)}const r=C(h),q=e=>{const n=b.useLocalization(),t=r.useContext(m.GridContext),[o]=x.useGridState(),l=c=>{t.searchChange(c),e.onChange&&e.onChange.call(void 0,c)},u=S.getStringFromSearch(o.search),d=i.classNames("k-grid-search","k-searchbox",e.className),g=n.toLanguageString(a.searchboxPlaceholder,a.messages[a.searchboxPlaceholder]);return r.createElement(s.TextBox,{placeholder:g,value:u,prefix:()=>r.createElement(s.InputPrefix,{orientation:"horizontal"},r.createElement(i.SvgIcon,{icon:f.searchIcon})),...e,className:d,onChange:l})};exports.GridSearchBox=q;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("@progress/kendo-react-inputs"),h=require("react"),m=require("./utils/GridContext.js"),x=require("@progress/kendo-svg-icons"),i=require("@progress/kendo-react-common"),f=require("./GridState.js"),S=require("@progress/kendo-react-data-tools"),b=require("@progress/kendo-react-intl"),c=require("./messages/index.js");function C(e){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const o=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,o.get?o:{enumerable:!0,get:()=>e[t]})}}return n.default=e,Object.freeze(n)}const r=C(h),q=e=>{const n=b.useLocalization(),t=r.useContext(m.GridContext),[o]=f.useGridState(),l=a=>{t.searchChange(a),e.onChange&&e.onChange.call(void 0,a)},u=S.getStringFromSearch(o.search),d=i.classNames("k-grid-search","k-searchbox",e.className),g=n.toLanguageString(c.searchboxPlaceholder,c.messages[c.searchboxPlaceholder]);return r.createElement(s.TextBox,{placeholder:g,value:u,prefix:()=>r.createElement(s.InputPrefix,{orientation:"horizontal"},r.createElement(i.SvgIcon,{icon:x.searchIcon})),...e,className:d,onChange:l})};exports.GridSearchBox=q;

package/GridSearchBox.mjs

@@ -7,7 +7,7 @@
  */
 import { TextBox as h, InputPrefix as g } from "@progress/kendo-react-inputs";
 import * as o from "react";
-import { GridContext as f } from "./GridClientWrapper.mjs";
+import { GridContext as f } from "./utils/GridContext.mjs";
 import { searchIcon as x } from "@progress/kendo-svg-icons";
 import { classNames as d, SvgIcon as C } from "@progress/kendo-react-common";
 import { useGridState as p } from "./GridState.mjs";

package/GridToolbar.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 i=require("react"),r=require("@progress/kendo-react-common");function s(o){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(o){for(const t in o)if(t!=="default"){const a=Object.getOwnPropertyDescriptor(o,t);Object.defineProperty(e,t,a.get?a:{enumerable:!0,get:()=>o[t]})}}return e.default=o,Object.freeze(e)}const b=s(i),l=o=>{const{size:e,className:t,ariaLabel:a,ariaControls:n,children:c}=o;return b.createElement("div",{className:r.classNames("k-toolbar k-grid-toolbar k-toolbar-solid",{"k-toolbar-md":!e,[`k-toolbar-${r.kendoThemeMaps.sizeMap[e]||e}`]:e},t),"aria-label":a,"aria-controls":n,role:"toolbar"},c)};l.displayName="KendoReactGridToolbar";exports.GridToolbar=l;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react"),i=require("@progress/kendo-react-buttons");function s(e){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const o=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,o.get?o:{enumerable:!0,get:()=>e[t]})}}return r.default=e,Object.freeze(r)}const u=s(c),a=e=>{const{ariaLabel:r,_ariaControls:t,children:o,overflow:n="scroll",...l}=e;return u.createElement(i.Toolbar,{className:"k-grid-toolbar",role:"toolbar",ariaLabel:r,_ariaControls:t,overflow:n,...l},o)};a.displayName="KendoReactGridToolbar";exports.GridToolbar=a;

package/GridToolbar.mjs

@@ -5,29 +5,24 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-import * as s from "react";
-import { classNames as i, kendoThemeMaps as m } from "@progress/kendo-react-common";
-const b = (o) => {
-  const { size: a, className: r, ariaLabel: e, ariaControls: l, children: t } = o;
-  return /* @__PURE__ */ s.createElement(
-    "div",
+import * as i from "react";
+import { Toolbar as s } from "@progress/kendo-react-buttons";
+const c = (o) => {
+  const { ariaLabel: r, _ariaControls: a, children: e, overflow: l = "scroll", ...t } = o;
+  return /* @__PURE__ */ i.createElement(
+    s,
     {
-      className: i(
-        "k-toolbar k-grid-toolbar k-toolbar-solid",
-        {
-          "k-toolbar-md": !a,
-          [`k-toolbar-${m.sizeMap[a] || a}`]: a
-        },
-        r
-      ),
-      "aria-label": e,
-      "aria-controls": l,
-      role: "toolbar"
+      className: "k-grid-toolbar",
+      role: "toolbar",
+      ariaLabel: r,
+      _ariaControls: a,
+      overflow: l,
+      ...t
     },
-    t
+    e
   );
 };
-b.displayName = "KendoReactGridToolbar";
+c.displayName = "KendoReactGridToolbar";
 export {
-  b as GridToolbar
+  c as GridToolbar
 };

package/StatusBar.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 D=require("react"),i=require("@progress/kendo-react-common"),E=require("./package-metadata.js");function M(a){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(a){for(const r in a)if(r!=="default"){const s=Object.getOwnPropertyDescriptor(a,r);Object.defineProperty(n,r,s.get?s:{enumerable:!0,get:()=>a[r]})}}return n.default=a,Object.freeze(n)}const l=M(D),b=a=>{const{data:n=[]}=a,r=!i.validatePackage(E.packageMetadata,{component:"StatusBar"});return l.createElement("div",{className:"k-selection-aggregates k-grid-selection-aggregates"},n.map((s,u)=>l.createElement("div",{key:u},l.createElement("span",{className:"k-selection-aggregates-item-text"},s.type,": "),l.createElement("span",{className:"k-selection-aggregates-item-value"},s.formattedValue))),r&&l.createElement(i.WatermarkOverlay,null))};b.displayName="KendoReactGridStatusBar";const y=a=>{var r;const n=a.slice();for(let s=0;s<n.length;s++)for(;n[s]&&((r=n[s].children)!=null&&r.length);)n.splice(s,1,...n[s].children);return n},O=a=>{const{dataItems:n,target:r}=a,u=y(r.columns).map(e=>e.field).filter(e=>e&&typeof e=="string").map(e=>i.getter(e)),S="selectedField"in a?i.getter(a.selectedField):e=>a.select[i.getter(a.dataItemKey)(e)],t={dates:[],numbers:[],booleans:[],others:[]},k=e=>{typeof e=="number"?t.numbers.push(e):typeof e=="boolean"?t.booleans.push(e):e instanceof Date?t.dates.push(e):t.others.push(e)};n.forEach(e=>{const o=S(e);o&&o.forEach(c=>{k(u[c](e))})});const d=t.dates.map(e=>e.getTime()),g=t.booleans.filter(e=>e).length,f=t.booleans.filter(e=>!e).length,m=t.numbers.length?t.numbers.reduce((e,o)=>e+=o,0):void 0,h={sum:m,average:typeof m=="number"?m/t.numbers.length:void 0,min:t.numbers.length?Math.min(...t.numbers):void 0,max:t.numbers.length?Math.max(...t.numbers):void 0,count:t.numbers.length+t.booleans.length+t.dates.length+t.others.length,isTrue:g>0?g:void 0,isFalse:f>0?f:void 0,earliest:t.dates.length?new Date(Math.min(...d)):void 0,latest:t.dates.length?new Date(Math.max(...d)):void 0},v=(e,o)=>(o==="sum"||o==="average")&&typeof e=="number"?e.toFixed(2):(o==="earliest"||o==="latest")&&e instanceof Date?e.toLocaleDateString():String(e),p=[];return Object.keys(h).forEach(e=>{const o=e,c=h[o];c!==void 0&&p.push({type:o,value:c,formattedValue:v(c,o)})}),p};exports.StatusBar=b;exports.getStatusData=O;exports.leafColumns=y;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const D=require("react"),i=require("@progress/kendo-react-common"),E=require("./package-metadata.js");function M(s){const a=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(s){for(const o in s)if(o!=="default"){const n=Object.getOwnPropertyDescriptor(s,o);Object.defineProperty(a,o,n.get?n:{enumerable:!0,get:()=>s[o]})}}return a.default=s,Object.freeze(a)}const l=M(D),b=s=>{const{data:a=[]}=s,o=!i.validatePackage(E.packageMetadata,{component:"StatusBar"});return l.createElement("div",{className:"k-selection-aggregates k-grid-selection-aggregates"},a.map((n,u)=>l.createElement("div",{key:u},l.createElement("span",{className:"k-selection-aggregates-item-text"},n.type,": "),l.createElement("span",{className:"k-selection-aggregates-item-value"},n.formattedValue))),o&&l.createElement(i.WatermarkOverlay,null))};b.displayName="KendoReactGridStatusBar";const y=s=>{var o;const a=s.slice();for(let n=0;n<a.length;n++)for(;a[n]&&((o=a[n].children)!=null&&o.length);)a.splice(n,1,...a[n].children);return a},O=s=>{const{dataItems:a,target:o}=s,u=y(o.columns).map(e=>e.field).filter(e=>e&&typeof e=="string").map(e=>i.getter(e)),S=e=>s.select[i.getter(s.dataItemKey)(e)],t={dates:[],numbers:[],booleans:[],others:[]},k=e=>{typeof e=="number"?t.numbers.push(e):typeof e=="boolean"?t.booleans.push(e):e instanceof Date?t.dates.push(e):t.others.push(e)};a.forEach(e=>{const r=S(e);Array.isArray(r)&&r.forEach(c=>{k(u[c](e))})});const g=t.dates.map(e=>e.getTime()),d=t.booleans.filter(e=>e).length,f=t.booleans.filter(e=>!e).length,m=t.numbers.length?t.numbers.reduce((e,r)=>e+=r,0):void 0,h={sum:m,average:typeof m=="number"?m/t.numbers.length:void 0,min:t.numbers.length?Math.min(...t.numbers):void 0,max:t.numbers.length?Math.max(...t.numbers):void 0,count:t.numbers.length+t.booleans.length+t.dates.length+t.others.length,isTrue:d>0?d:void 0,isFalse:f>0?f:void 0,earliest:t.dates.length?new Date(Math.min(...g)):void 0,latest:t.dates.length?new Date(Math.max(...g)):void 0},v=(e,r)=>(r==="sum"||r==="average")&&typeof e=="number"?e.toFixed(2):(r==="earliest"||r==="latest")&&e instanceof Date?e.toLocaleDateString():String(e),p=[];return Object.keys(h).forEach(e=>{const r=e,c=h[r];c!==void 0&&p.push({type:r,value:c,formattedValue:v(c,r)})}),p};exports.StatusBar=b;exports.getStatusData=O;exports.leafColumns=y;

package/StatusBar.mjs

@@ -6,50 +6,50 @@
  *-------------------------------------------------------------------------------------------
  */
 import * as c from "react";
-import { validatePackage as k, WatermarkOverlay as v, getter as d } from "@progress/kendo-react-common";
+import { validatePackage as k, WatermarkOverlay as v, getter as p } from "@progress/kendo-react-common";
 import { packageMetadata as S } from "./package-metadata.mjs";
 const x = (o) => {
-  const { data: n = [] } = o, r = !k(S, { component: "StatusBar" });
-  return /* @__PURE__ */ c.createElement("div", { className: "k-selection-aggregates k-grid-selection-aggregates" }, n.map((a, i) => /* @__PURE__ */ c.createElement("div", { key: i }, /* @__PURE__ */ c.createElement("span", { className: "k-selection-aggregates-item-text" }, a.type, ": "), /* @__PURE__ */ c.createElement("span", { className: "k-selection-aggregates-item-value" }, a.formattedValue))), r && /* @__PURE__ */ c.createElement(v, null));
+  const { data: a = [] } = o, r = !k(S, { component: "StatusBar" });
+  return /* @__PURE__ */ c.createElement("div", { className: "k-selection-aggregates k-grid-selection-aggregates" }, a.map((n, i) => /* @__PURE__ */ c.createElement("div", { key: i }, /* @__PURE__ */ c.createElement("span", { className: "k-selection-aggregates-item-text" }, n.type, ": "), /* @__PURE__ */ c.createElement("span", { className: "k-selection-aggregates-item-value" }, n.formattedValue))), r && /* @__PURE__ */ c.createElement(v, null));
 };
 x.displayName = "KendoReactGridStatusBar";
 const D = (o) => {
   var r;
-  const n = o.slice();
-  for (let a = 0; a < n.length; a++)
-    for (; n[a] && ((r = n[a].children) != null && r.length); )
-      n.splice(a, 1, ...n[a].children);
-  return n;
-}, N = (o) => {
-  const { dataItems: n, target: r } = o, i = D(r.columns).map((e) => e.field).filter((e) => e && typeof e == "string").map(
-    (e) => d(e)
-  ), b = "selectedField" in o ? d(o.selectedField) : (e) => o.select[d(o.dataItemKey)(e)], t = { dates: [], numbers: [], booleans: [], others: [] }, y = (e) => {
+  const a = o.slice();
+  for (let n = 0; n < a.length; n++)
+    for (; a[n] && ((r = a[n].children) != null && r.length); )
+      a.splice(n, 1, ...a[n].children);
+  return a;
+}, w = (o) => {
+  const { dataItems: a, target: r } = o, i = D(r.columns).map((e) => e.field).filter((e) => e && typeof e == "string").map(
+    (e) => p(e)
+  ), b = (e) => o.select[p(o.dataItemKey)(e)], t = { dates: [], numbers: [], booleans: [], others: [] }, y = (e) => {
     typeof e == "number" ? t.numbers.push(e) : typeof e == "boolean" ? t.booleans.push(e) : e instanceof Date ? t.dates.push(e) : t.others.push(e);
   };
-  n.forEach((e) => {
+  a.forEach((e) => {
     const s = b(e);
-    s && s.forEach((l) => {
+    Array.isArray(s) && s.forEach((l) => {
       y(i[l](e));
     });
   });
-  const g = t.dates.map((e) => e.getTime()), u = t.booleans.filter((e) => e).length, h = t.booleans.filter((e) => !e).length, m = t.numbers.length ? t.numbers.reduce((e, s) => e += s, 0) : void 0, f = {
+  const g = t.dates.map((e) => e.getTime()), d = t.booleans.filter((e) => e).length, u = t.booleans.filter((e) => !e).length, m = t.numbers.length ? t.numbers.reduce((e, s) => e += s, 0) : void 0, h = {
     sum: m,
     average: typeof m == "number" ? m / t.numbers.length : void 0,
     min: t.numbers.length ? Math.min(...t.numbers) : void 0,
     max: t.numbers.length ? Math.max(...t.numbers) : void 0,
     count: t.numbers.length + t.booleans.length + t.dates.length + t.others.length,
-    isTrue: u > 0 ? u : void 0,
-    isFalse: h > 0 ? h : void 0,
+    isTrue: d > 0 ? d : void 0,
+    isFalse: u > 0 ? u : void 0,
     earliest: t.dates.length ? new Date(Math.min(...g)) : void 0,
     latest: t.dates.length ? new Date(Math.max(...g)) : void 0
-  }, E = (e, s) => (s === "sum" || s === "average") && typeof e == "number" ? e.toFixed(2) : (s === "earliest" || s === "latest") && e instanceof Date ? e.toLocaleDateString() : String(e), p = [];
-  return Object.keys(f).forEach((e) => {
-    const s = e, l = f[s];
-    l !== void 0 && p.push({ type: s, value: l, formattedValue: E(l, s) });
-  }), p;
+  }, E = (e, s) => (s === "sum" || s === "average") && typeof e == "number" ? e.toFixed(2) : (s === "earliest" || s === "latest") && e instanceof Date ? e.toLocaleDateString() : String(e), f = [];
+  return Object.keys(h).forEach((e) => {
+    const s = e, l = h[s];
+    l !== void 0 && f.push({ type: s, value: l, formattedValue: E(l, s) });
+  }), f;
 };
 export {
   x as StatusBar,
-  N as getStatusData,
+  w as getStatusData,
   D as leafColumns
 };

package/VirtualScroll.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 p=require("react");function g(r){const i=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(r){for(const t in r)if(t!=="default"){const s=Object.getOwnPropertyDescriptor(r,t);Object.defineProperty(i,t,s.get?s:{enumerable:!0,get:()=>r[t]})}}return i.default=r,Object.freeze(i)}const u=g(p);class f{constructor(i){this.table=null,this.containerHeight=0,this.topCacheCount=0,this.attendedSkip=0,this.propsSkip=0,this.total=0,this.scrollableVirtual=!1,this.realSkip=0,this.pageSize=0,this.PageChange=null,this.tableBodyRef=null,this.fixedScroll=!1,this.askedSkip=void 0,this.containerRef=null,this.tableTransform="",this.prevScrollPos=0,this.tableTranslate=0,this.scrollSyncing=!1,this.reactVersion=Number.parseFloat(u.version),this.topItems=(t,s)=>{if(!this.container||s)return{topItemsCount:0,topItemsHeight:0};const l=this.container.clientHeight,e=Math.ceil(l/t[0].line),n=Math.ceil((t.length-e)/2);let o=0;for(let a=0;a<n;a++)o+=t[a].line+t[a].acc;return{topItemsCount:n,topItemsHeight:o,itemsNeededOnScreen:e+e/2}},this.horizontalScrollbarHeight=()=>this.container?this.container.offsetHeight-this.container.clientHeight:0,i&&(this.topCacheCount=4,this.attendedSkip=-this.topCacheCount),this.scrollHandler=this.scrollHandler.bind(this)}get container(){var i;return(i=this.containerRef)==null?void 0:i.current}get rowHeights(){var l,e;const i=[],t=((l=this.tableBodyRef)==null?void 0:l.current)&&((e=this.tableBodyRef)==null?void 0:e.current.children)||[];let s=0;for(let n=0;n<t.length;n++){if(t[n].className.indexOf("k-grouping-row")>-1){s+=t[n].scrollHeight;continue}t[n].className.indexOf("k-detail-row")>-1?i[i.length-1].line+=t[n].scrollHeight:(i.push({line:t[n].scrollHeight,acc:s}),s=0)}return i}changePage(i,t){this.attendedSkip=i-this.topCacheCount,this.PageChange&&this.PageChange({skip:Math.max(0,i-this.topCacheCount),take:this.pageSize},t)}translate(i,t){this.tableTranslate=i,this.scrollableVirtual&&this.table&&(this.reactVersion<=17||t?this.table.style.transform="translateY("+i+"px)":this.tableTransform="translateY("+i+"px)")}reset(){this.scrollSyncing=!0,!this.fixedScroll&&(this.container&&(this.container.scrollTop=0),this.translate(0,!0))}localScrollUp(i){if(!this.container)return;const t=this.rowHeights,s=this.container.scrollTop;let l=this.tableTranslate,e=0;const{topItemsCount:n,topItemsHeight:o,itemsNeededOnScreen:a}=this.topItems(t,!!this.topCacheCount),h=s-l;if(!(h>o||t.length<=a)){for(;e<this.topCacheCount+this.attendedSkip-this.realSkip+n&&this.propsSkip-e>0&&!(l+(t[t.length-1-e].line+t[t.length-1-e].acc)+h<=s);)l-=t[t.length-1-e].line+t[t.length-1-e].acc,e++;if(e===0&&this.topCacheCount===0&&this.attendedSkip>0&&(l=Math.max(l-t[0].line,0),e=1),this.propsSkip-e<=0&&l>s){this.translate(0),this.changePage(0,i),this.container.scrollTop=0;return}if(l>s&&(l=s),l!==this.tableTranslate){this.translate(Math.max(0,l-o));const c=Math.max(0,this.propsSkip-e-n);this.changePage(c,i)}}}localScrollDown(i){if(!this.container)return;const t=this.rowHeights,s=this.container.scrollTop;let l=this.tableTranslate,e=0;const{topItemsCount:n,topItemsHeight:o,itemsNeededOnScreen:a}=this.topItems(t,!!this.topCacheCount);for(;e<t.length-this.topCacheCount&&!(l+t[e].line+t[e].acc>s);)l+=t[e].line+t[e].acc,e++;n>this.propsSkip+e||t.length<=a||(e>=t.length-this.topCacheCount&&this.propsSkip+e>=this.total?(this.translate(l-o),this.changePage(this.total-1-n,i)):l!==this.tableTranslate&&this.propsSkip+e-n!==this.propsSkip&&(this.translate(l-o),this.changePage(this.propsSkip+e-n,i)))}scrollNonStrict(i){const t=this.total*this.prevScrollPos/this.containerHeight;let s=Math.floor(t);s>=this.total&&(s=this.total-1);const l=Math.min(t-s,1);let e=0;const n=s-this.propsSkip,o=this.rowHeights;n>=0&&n<=1?e=-((o[0].line+o[0].acc)*l):n===-1&&(e=-((o[o.length-1].line+o[o.length-1].acc)*l));const{topItemsCount:a,topItemsHeight:h}=this.topItems(o,!!this.topCacheCount);this.translate(Math.max(0,e-h-this.horizontalScrollbarHeight()+this.containerHeight*t/this.total)),this.changePage(s-a,i)}scrollHandler(i){if(!this.scrollableVirtual)return;if(this.scrollSyncing||!this.container||!this.table){this.scrollSyncing=!1;return}const t=this.container.scrollTop,s=this.prevScrollPos;if(this.prevScrollPos=t,this.askedSkip!==void 0){this.translate(this.containerHeight*this.askedSkip/this.total),this.changePage(this.askedSkip,i),this.prevScrollPos=t,this.askedSkip=void 0;return}t-s<0&&t>this.tableTranslate-this.table.scrollHeight/10?this.localScrollUp(i):t-s>0&&t<this.tableTranslate+this.table.scrollHeight*2/3?this.localScrollDown(i):this.scrollNonStrict(i),this.prevScrollPos=t}}exports.VirtualScroll=f;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const f=require("react"),h=require("./utils/index.js");function g(o){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(o){for(const e in o)if(e!=="default"){const i=Object.getOwnPropertyDescriptor(o,e);Object.defineProperty(t,e,i.get?i:{enumerable:!0,get:()=>o[e]})}}return t.default=o,Object.freeze(t)}const d=g(f);class u{constructor(){this.table=null,this.tableBody=null,this.container=null,this.scrollHeightContainer=null,this.total=0,this.scrollableVirtual=!1,this.pageSize=0,this.PageChange=null,this.fixedScroll=!1,this.tableTransform="",this.reactVersion=Number.parseFloat(d.version),this.scrollSyncing=!1,this.firstToLoad=0,this.lastScrollTop=0,this.firstLoaded=0,this.lastLoaded=0,this.scrollHandler=this.scrollHandler.bind(this)}reset(){this.firstToLoad=0,this.firstLoaded=0,this.lastLoaded=0,this.rowHeightService=void 0,!this.fixedScroll&&this.container&&this.container.scrollTop!==0&&(this.scrollSyncing=!0,this.container.scrollTop=0,this.lastScrollTop=0,this.translate(0,!0))}scrollHandler(t){if(this.scrollSyncing){this.scrollSyncing=!1;return}if(!this.scrollableVirtual||!this.container||!this.table||!this.rowHeightService||!this.container)return;const e=this.container.scrollTop,i=this.lastScrollTop>=e,r=!i;this.lastScrollTop=e;const a=this.container.offsetHeight;let s=this.rowHeightService.index(e);const n=this.rowHeightService.index(e+a),l=Math.max(s+this.pageSize-this.total,0);if(s=Math.max(s-l,0),r&&n>=this.lastLoaded&&this.lastLoaded<this.total-1)this.firstToLoad=s,this.loadPage(t);else if(i&&s<this.firstToLoad){const c=Math.max(Math.floor(this.pageSize*.3)-l,0);this.firstToLoad=Math.max(s-c,0),this.loadPage(t)}}update(){var e;const t=this.getItemHeights();if(this.firstLoaded>this.firstToLoad){const i=Math.min(this.firstLoaded-this.firstToLoad,this.pageSize),r=this.getTotalHeight(i,t),a=this.getExpectedTotalHeight(i),s=r-a;s!==0&&this.adjustScroll(s)}(e=this.rowHeightService)==null||e.update(this.firstToLoad,t),this.setScrollHeightContainerHeight(),this.firstLoaded=this.firstToLoad,this.lastLoaded=this.firstLoaded+t.length-1}loadPage(t){this.rowHeightService&&(this.translate(this.rowHeightService.offset(this.firstToLoad)),this.changePage(this.firstToLoad,t))}translate(t,e){this.scrollableVirtual&&this.table&&(this.reactVersion<=17||e?this.table.style.transform="translateY("+t+"px)":this.tableTransform="translateY("+t+"px)")}changePage(t,e){this.PageChange&&this.PageChange({skip:Math.max(0,t),take:this.pageSize},e)}adjustScroll(t){this.scrollSyncing=!0,this.container&&(this.container.scrollTop+=t)}setScrollHeightContainerHeight(){var t;if(this.scrollableVirtual&&this.scrollHeightContainer){let e=((t=this.rowHeightService)==null?void 0:t.totalHeight())||0;e=h.firefox?Math.min(h.firefoxMaxHeight,e):e,this.scrollHeightContainer.style.height=e+"px"}}getItemHeights(){const t=[];return this.tableBody&&Array.from(this.tableBody.children).forEach(e=>{const i=e.getBoundingClientRect().height;e.classList.contains("k-detail-row")?t[t.length-1]+=i:t.push(i)}),t}getTotalHeight(t,e){return e.slice(0,t).reduce((i,r)=>i+r,0)}getExpectedTotalHeight(t){const e=this.rowHeightService;if(!e)return 0;const i=this.firstToLoad+(t-1);return e.offset(i)+e.height(i)-e.offset(this.firstToLoad)}}exports.VirtualScroll=u;

package/VirtualScroll.mjs

@@ -5,128 +5,86 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-import * as c from "react";
-class g {
-  constructor(i) {
-    this.table = null, this.containerHeight = 0, this.topCacheCount = 0, this.attendedSkip = 0, this.propsSkip = 0, this.total = 0, this.scrollableVirtual = !1, this.realSkip = 0, this.pageSize = 0, this.PageChange = null, this.tableBodyRef = null, this.fixedScroll = !1, this.askedSkip = void 0, this.containerRef = null, this.tableTransform = "", this.prevScrollPos = 0, this.tableTranslate = 0, this.scrollSyncing = !1, this.reactVersion = Number.parseFloat(c.version), this.topItems = (t, l) => {
-      if (!this.container || l)
-        return { topItemsCount: 0, topItemsHeight: 0 };
-      const s = this.container.clientHeight, e = Math.ceil(s / t[0].line), o = Math.ceil((t.length - e) / 2);
-      let n = 0;
-      for (let a = 0; a < o; a++)
-        n += t[a].line + t[a].acc;
-      return {
-        topItemsCount: o,
-        topItemsHeight: n,
-        itemsNeededOnScreen: e + e / 2
-      };
-    }, this.horizontalScrollbarHeight = () => this.container ? this.container.offsetHeight - this.container.clientHeight : 0, i && (this.topCacheCount = 4, this.attendedSkip = -this.topCacheCount), this.scrollHandler = this.scrollHandler.bind(this);
+import * as n from "react";
+import { firefox as c, firefoxMaxHeight as f } from "./utils/index.mjs";
+class u {
+  constructor() {
+    this.table = null, this.tableBody = null, this.container = null, this.scrollHeightContainer = null, this.total = 0, this.scrollableVirtual = !1, this.pageSize = 0, this.PageChange = null, this.fixedScroll = !1, this.tableTransform = "", this.reactVersion = Number.parseFloat(n.version), this.scrollSyncing = !1, this.firstToLoad = 0, this.lastScrollTop = 0, this.firstLoaded = 0, this.lastLoaded = 0, this.scrollHandler = this.scrollHandler.bind(this);
   }
-  get container() {
-    var i;
-    return (i = this.containerRef) == null ? void 0 : i.current;
+  reset() {
+    this.firstToLoad = 0, this.firstLoaded = 0, this.lastLoaded = 0, this.rowHeightService = void 0, !this.fixedScroll && this.container && this.container.scrollTop !== 0 && (this.scrollSyncing = !0, this.container.scrollTop = 0, this.lastScrollTop = 0, this.translate(0, !0));
   }
-  /**
-   * @return - The row heights in an array.
-   */
-  get rowHeights() {
-    var s, e;
-    const i = [], t = ((s = this.tableBodyRef) == null ? void 0 : s.current) && ((e = this.tableBodyRef) == null ? void 0 : e.current.children) || [];
-    let l = 0;
-    for (let o = 0; o < t.length; o++) {
-      if (t[o].className.indexOf("k-grouping-row") > -1) {
-        l += t[o].scrollHeight;
-        continue;
-      }
-      t[o].className.indexOf("k-detail-row") > -1 ? i[i.length - 1].line += t[o].scrollHeight : (i.push({
-        line: t[o].scrollHeight,
-        acc: l
-      }), l = 0);
+  scrollHandler(t) {
+    if (this.scrollSyncing) {
+      this.scrollSyncing = !1;
+      return;
+    }
+    if (!this.scrollableVirtual || !this.container || !this.table || !this.rowHeightService || !this.container)
+      return;
+    const i = this.container.scrollTop, e = this.lastScrollTop >= i, o = !e;
+    this.lastScrollTop = i;
+    const r = this.container.offsetHeight;
+    let s = this.rowHeightService.index(i);
+    const a = this.rowHeightService.index(i + r), h = Math.max(s + this.pageSize - this.total, 0);
+    if (s = Math.max(s - h, 0), o && a >= this.lastLoaded && this.lastLoaded < this.total - 1)
+      this.firstToLoad = s, this.loadPage(t);
+    else if (e && s < this.firstToLoad) {
+      const l = Math.max(Math.floor(this.pageSize * 0.3) - h, 0);
+      this.firstToLoad = Math.max(s - l, 0), this.loadPage(t);
     }
-    return i;
   }
-  changePage(i, t) {
-    this.attendedSkip = i - this.topCacheCount, this.PageChange && this.PageChange(
+  update() {
+    var i;
+    const t = this.getItemHeights();
+    if (this.firstLoaded > this.firstToLoad) {
+      const e = Math.min(this.firstLoaded - this.firstToLoad, this.pageSize), o = this.getTotalHeight(e, t), r = this.getExpectedTotalHeight(e), s = o - r;
+      s !== 0 && this.adjustScroll(s);
+    }
+    (i = this.rowHeightService) == null || i.update(this.firstToLoad, t), this.setScrollHeightContainerHeight(), this.firstLoaded = this.firstToLoad, this.lastLoaded = this.firstLoaded + t.length - 1;
+  }
+  loadPage(t) {
+    this.rowHeightService && (this.translate(this.rowHeightService.offset(this.firstToLoad)), this.changePage(this.firstToLoad, t));
+  }
+  translate(t, i) {
+    this.scrollableVirtual && this.table && (this.reactVersion <= 17 || i ? this.table.style.transform = "translateY(" + t + "px)" : this.tableTransform = "translateY(" + t + "px)");
+  }
+  changePage(t, i) {
+    this.PageChange && this.PageChange(
       {
-        skip: Math.max(0, i - this.topCacheCount),
+        skip: Math.max(0, t),
         take: this.pageSize
       },
-      t
+      i
     );
   }
-  translate(i, t) {
-    this.tableTranslate = i, this.scrollableVirtual && this.table && (this.reactVersion <= 17 || t ? this.table.style.transform = "translateY(" + i + "px)" : this.tableTransform = "translateY(" + i + "px)");
+  adjustScroll(t) {
+    this.scrollSyncing = !0, this.container && (this.container.scrollTop += t);
   }
-  reset() {
-    this.scrollSyncing = !0, !this.fixedScroll && (this.container && (this.container.scrollTop = 0), this.translate(0, !0));
-  }
-  localScrollUp(i) {
-    if (!this.container)
-      return;
-    const t = this.rowHeights, l = this.container.scrollTop;
-    let s = this.tableTranslate, e = 0;
-    const { topItemsCount: o, topItemsHeight: n, itemsNeededOnScreen: a } = this.topItems(
-      t,
-      !!this.topCacheCount
-    ), h = l - s;
-    if (!(h > n || t.length <= a)) {
-      for (; e < this.topCacheCount + this.attendedSkip - this.realSkip + o && this.propsSkip - e > 0 && !(s + (t[t.length - 1 - e].line + t[t.length - 1 - e].acc) + h <= l); )
-        s -= t[t.length - 1 - e].line + t[t.length - 1 - e].acc, e++;
-      if (e === 0 && this.topCacheCount === 0 && this.attendedSkip > 0 && (s = Math.max(s - t[0].line, 0), e = 1), this.propsSkip - e <= 0 && s > l) {
-        this.translate(0), this.changePage(0, i), this.container.scrollTop = 0;
-        return;
-      }
-      if (s > l && (s = l), s !== this.tableTranslate) {
-        this.translate(Math.max(0, s - n));
-        const r = Math.max(0, this.propsSkip - e - o);
-        this.changePage(r, i);
-      }
+  setScrollHeightContainerHeight() {
+    var t;
+    if (this.scrollableVirtual && this.scrollHeightContainer) {
+      let i = ((t = this.rowHeightService) == null ? void 0 : t.totalHeight()) || 0;
+      i = c ? Math.min(f, i) : i, this.scrollHeightContainer.style.height = i + "px";
     }
   }
-  localScrollDown(i) {
-    if (!this.container)
-      return;
-    const t = this.rowHeights, l = this.container.scrollTop;
-    let s = this.tableTranslate, e = 0;
-    const { topItemsCount: o, topItemsHeight: n, itemsNeededOnScreen: a } = this.topItems(
-      t,
-      !!this.topCacheCount
-    );
-    for (; e < t.length - this.topCacheCount && !(s + t[e].line + t[e].acc > l); )
-      s += t[e].line + t[e].acc, e++;
-    o > this.propsSkip + e || t.length <= a || (e >= t.length - this.topCacheCount && this.propsSkip + e >= this.total ? (this.translate(s - n), this.changePage(this.total - 1 - o, i)) : s !== this.tableTranslate && this.propsSkip + e - o !== this.propsSkip && (this.translate(s - n), this.changePage(this.propsSkip + e - o, i)));
+  getItemHeights() {
+    const t = [];
+    return this.tableBody && Array.from(this.tableBody.children).forEach((i) => {
+      const e = i.getBoundingClientRect().height;
+      i.classList.contains("k-detail-row") ? t[t.length - 1] += e : t.push(e);
+    }), t;
   }
-  scrollNonStrict(i) {
-    const t = this.total * this.prevScrollPos / this.containerHeight;
-    let l = Math.floor(t);
-    l >= this.total && (l = this.total - 1);
-    const s = Math.min(t - l, 1);
-    let e = 0;
-    const o = l - this.propsSkip, n = this.rowHeights;
-    o >= 0 && o <= 1 ? e = -((n[0].line + n[0].acc) * s) : o === -1 && (e = -((n[n.length - 1].line + n[n.length - 1].acc) * s));
-    const { topItemsCount: a, topItemsHeight: h } = this.topItems(n, !!this.topCacheCount);
-    this.translate(
-      Math.max(
-        0,
-        e - h - this.horizontalScrollbarHeight() + this.containerHeight * t / this.total
-      )
-    ), this.changePage(l - a, i);
+  getTotalHeight(t, i) {
+    return i.slice(0, t).reduce((e, o) => e + o, 0);
   }
-  scrollHandler(i) {
-    if (!this.scrollableVirtual)
-      return;
-    if (this.scrollSyncing || !this.container || !this.table) {
-      this.scrollSyncing = !1;
-      return;
-    }
-    const t = this.container.scrollTop, l = this.prevScrollPos;
-    if (this.prevScrollPos = t, this.askedSkip !== void 0) {
-      this.translate(this.containerHeight * this.askedSkip / this.total), this.changePage(this.askedSkip, i), this.prevScrollPos = t, this.askedSkip = void 0;
-      return;
-    }
-    t - l < 0 && t > this.tableTranslate - this.table.scrollHeight / 10 ? this.localScrollUp(i) : t - l > 0 && t < this.tableTranslate + this.table.scrollHeight * 2 / 3 ? this.localScrollDown(i) : this.scrollNonStrict(i), this.prevScrollPos = t;
+  getExpectedTotalHeight(t) {
+    const i = this.rowHeightService;
+    if (!i)
+      return 0;
+    const e = this.firstToLoad + (t - 1);
+    return i.offset(e) + i.height(e) - i.offset(this.firstToLoad);
   }
 }
 export {
-  g as VirtualScroll
+  u as VirtualScroll
 };

package/cells/GridDetailHierarchyCell.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 n=require("@progress/kendo-react-common"),a=require("react");function l(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const c=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,c.get?c:{enumerable:!0,get:()=>e[r]})}}return t.default=e,Object.freeze(t)}const o=l(a),i=e=>{const t=e.unstyled,r=t&&t.uGrid?t.uGrid:n.uGrid;return o.createElement("td",{className:n.classNames(r.hierarchyTd({})),role:"gridcell"})};exports.GridDetailHierarchyCell=i;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react"),n=require("@progress/kendo-react-common");function l(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const c=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,c.get?c:{enumerable:!0,get:()=>e[r]})}}return t.default=e,Object.freeze(t)}const o=l(a),i=e=>{const t=e.unstyled,r=t&&t.uGrid?t.uGrid:n.uGrid;return o.createElement("td",{className:n.classNames(r.hierarchyTd({})),role:"gridcell"})};exports.GridDetailHierarchyCell=i;

package/cells/GridDetailHierarchyCell.mjs

@@ -5,11 +5,11 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-import { uGrid as t, classNames as l } from "@progress/kendo-react-common";
-import * as a from "react";
+import * as t from "react";
+import { uGrid as l, classNames as a } from "@progress/kendo-react-common";
 const c = (e) => {
-  const r = e.unstyled, s = r && r.uGrid ? r.uGrid : t;
-  return /* @__PURE__ */ a.createElement("td", { className: l(s.hierarchyTd({})), role: "gridcell" });
+  const r = e.unstyled, s = r && r.uGrid ? r.uGrid : l;
+  return /* @__PURE__ */ t.createElement("td", { className: a(s.hierarchyTd({})), role: "gridcell" });
 };
 export {
   c as GridDetailHierarchyCell

package/cells/GridFilterCell.js

@@ -6,4 +6,4 @@
  *-------------------------------------------------------------------------------------------
  */
 "use client";
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const z=require("react"),D=require("@progress/kendo-react-buttons"),m=require("@progress/kendo-react-dropdowns"),h=require("@progress/kendo-react-inputs"),E=require("@progress/kendo-react-dateinputs"),u=require("../messages/index.js"),O=require("@progress/kendo-react-intl"),C=require("@progress/kendo-svg-icons"),g=require("../filterCommon.js"),y=require("@progress/kendo-react-common");function L(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const c in e)if(c!=="default"){const s=Object.getOwnPropertyDescriptor(e,c);Object.defineProperty(t,c,s.get?s:{enumerable:!0,get:()=>e[c]})}}return t.default=e,Object.freeze(t)}const r=L(z),R=e=>{const t=r.useRef(null),c=O.useLocalization(),s=()=>{if(e.filterType==="boolean")return;let n;const l=e.operators.find(o=>o.operator===e.operator)||null;return r.createElement(m.DropDownList,{ref:o=>{n=o},size:e.size,value:l,onChange:b,className:"k-dropdown-operator",svgIcon:C.filterIcon,data:e.operators,textField:"text",title:c.toLanguageString(u.filterChooseOperator,u.messages[u.filterChooseOperator]),popupSettings:{width:"",onMouseDownOutside:function(o){!o.isAnchorClicked&&o.state&&o.state.props.show&&n&&n.togglePopup()}}})},d=(n,l)=>{g.cellInputChange(n,l,e)},b=n=>{g.cellOperatorChange(n,e.value,e.onChange)},v=n=>{g.cellBoolDropdownChange(n,e.onChange)},k=n=>{n.preventDefault(),e.onChange({value:"",operator:"",syntheticEvent:n}),t.current&&(t.current.element.value="",setTimeout(()=>{t.current.element.focus()},0))},w=(n,l,o)=>{switch(n){case"numeric":return r.createElement(h.NumericTextBox,{ref:t,size:e.size,value:l,onChange:a=>{d(a.value,a.syntheticEvent)},title:e.title,ariaLabel:e.ariaLabel});case"date":return r.createElement(E.DatePicker,{ref:t,size:e.size,value:l,onChange:a=>{d(a.value,a.syntheticEvent)},title:e.title,ariaLabel:e.ariaLabel,popupSettings:{onMouseDownOutside:a=>{!a.isAnchorClicked&&a.state&&a.state.props.show&&t&&t.current.togglePopup()}}});case"boolean":{const a=i=>i==null;return r.createElement(m.DropDownList,{ref:t,size:e.size,onChange:v,value:o.find(i=>i.operator===(a(l)?"":l)),data:o,textField:"text",title:e.title,ariaLabel:e.ariaLabel,popupSettings:{onMouseDownOutside:i=>{!i.isAnchorClicked&&i.state&&i.state.props.show&&t&&t.current.togglePopup()}}})}default:return r.createElement(h.TextBox,{ref:t,size:e.size,value:l||"",onChange:a=>{d(a.target.value,a.syntheticEvent)},title:e.title,"aria-label":e.ariaLabel})}},f=r.createElement("div",{className:"k-filtercell"},r.createElement("div",{className:"k-filtercell-wrapper"},w(e.filterType,e.value,e.booleanValues),r.createElement("div",{className:"k-filtercell-operator"},s()," ",r.createElement(D.Button,{size:e.size,svgIcon:C.filterClearIcon,className:y.classNames({"k-clear-button-visible":!!(!(e.value===null||e.value==="")||e.operator)}),title:c.toLanguageString(u.filterClearButton,u.messages[u.filterClearButton]),type:"button",onClick:k,disabled:!(!(e.value===null||e.value==="")||e.operator)}))));return e.render?e.render.call(void 0,f,e):f};exports.GridFilterCell=R;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const w=require("react"),z=require("@progress/kendo-react-buttons"),f=require("@progress/kendo-react-dropdowns"),m=require("@progress/kendo-react-inputs"),D=require("@progress/kendo-react-dateinputs"),u=require("../messages/index.js"),E=require("@progress/kendo-react-intl"),h=require("@progress/kendo-svg-icons"),g=require("../filterCommon.js"),O=require("@progress/kendo-react-common");function y(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const c in e)if(c!=="default"){const s=Object.getOwnPropertyDescriptor(e,c);Object.defineProperty(t,c,s.get?s:{enumerable:!0,get:()=>e[c]})}}return t.default=e,Object.freeze(t)}const r=y(w),L=e=>{const t=r.useRef(null),c=E.useLocalization(),s=()=>{if(e.filterType==="boolean")return;let n;const l=e.operators.find(o=>o.operator===e.operator)||null;return r.createElement(f.DropDownList,{ref:o=>{n=o},size:e.size,value:l,onChange:C,className:"k-dropdown-operator",svgIcon:h.filterIcon,data:e.operators,textField:"text",title:c.toLanguageString(u.filterChooseOperator,u.messages[u.filterChooseOperator]),popupSettings:{width:"",onMouseDownOutside:function(o){!o.isAnchorClicked&&o.state&&o.state.props.show&&n&&n.togglePopup()}}})},d=(n,l)=>{g.cellInputChange(n,l,e)},C=n=>{g.cellOperatorChange(n,e.value,e.onChange)},b=n=>{g.cellBoolDropdownChange(n,e.onChange)},v=n=>{n.preventDefault(),e.onChange({value:"",operator:"",syntheticEvent:n}),t.current&&(t.current.element.value="",setTimeout(()=>{t.current.element.focus()},0))},k=(n,l,o)=>{switch(n){case"numeric":return r.createElement(m.NumericTextBox,{ref:t,size:e.size,value:l,onChange:a=>{d(a.value,a.syntheticEvent)},title:e.title,ariaLabel:e.ariaLabel});case"date":return r.createElement(D.DatePicker,{ref:t,size:e.size,value:l,onChange:a=>{d(a.value,a.syntheticEvent)},title:e.title,ariaLabel:e.ariaLabel,popupSettings:{onMouseDownOutside:a=>{!a.isAnchorClicked&&a.state&&a.state.props.show&&t&&t.current.togglePopup()}}});case"boolean":{const a=i=>i==null;return r.createElement(f.DropDownList,{ref:t,size:e.size,onChange:b,value:o.find(i=>i.operator===(a(l)?"":l)),data:o,textField:"text",title:e.title,ariaLabel:e.ariaLabel,popupSettings:{onMouseDownOutside:i=>{!i.isAnchorClicked&&i.state&&i.state.props.show&&t&&t.current.togglePopup()}}})}default:return r.createElement(m.TextBox,{ref:t,size:e.size,value:l||"",onChange:a=>{d(a.target.value,a.syntheticEvent)},title:e.title,"aria-label":e.ariaLabel})}};return r.createElement("div",{className:"k-filtercell"},r.createElement("div",{className:"k-filtercell-wrapper"},k(e.filterType,e.value,e.booleanValues),r.createElement("div",{className:"k-filtercell-operator"},s()," ",r.createElement(z.Button,{size:e.size,svgIcon:h.filterClearIcon,className:O.classNames({"k-clear-button-visible":!!(!(e.value===null||e.value==="")||e.operator)}),title:c.toLanguageString(u.filterClearButton,u.messages[u.filterClearButton]),type:"button",onClick:v,disabled:!(!(e.value===null||e.value==="")||e.operator)}))))};exports.GridFilterCell=L;