@progress/kendo-react-treelist 15.2.0-develop.1 → 15.2.0-develop.3

package/TreeListNoRecords.d.ts

@@ -7,13 +7,15 @@
  */
 import { TreeListNoRecordsProps } from './interfaces/TreeListNoRecordsProps';
 import * as React from 'react';
+/**
+ * Represent the `ref` of the TreeListNoRecords component.
+ */
+export interface TreeListNoRecordsHandle {
+    /** The props of the TreeListNoRecords component. */
+    readonly props: Readonly<TreeListNoRecordsProps>;
+}
 /**
  * Represents the TreeListNoRecords component.
  * The component is rendered when the `data` property of the TreeList is an empty array or undefined.
  */
-export declare class TreeListNoRecords extends React.Component<TreeListNoRecordsProps, {}> {
-    /**
-     * @hidden
-     */
-    render(): any;
-}
+export declare const TreeListNoRecords: React.ForwardRefExoticComponent<TreeListNoRecordsProps & React.RefAttributes<TreeListNoRecordsHandle>>;

package/TreeListNoRecords.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("react"),c=require("@progress/kendo-react-intl"),o=require("./messages/index.js");function a(e){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const n=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,n.get?n:{enumerable:!0,get:()=>e[t]})}}return r.default=e,Object.freeze(r)}const u=a(s);class i extends u.Component{render(){return this.props.children||c.provideLocalizationService(this).toLanguageString(o.noRecords,o.messages[o.noRecords])}}c.registerForLocalization(i);exports.TreeListNoRecords=i;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react"),i=require("@progress/kendo-react-intl"),c=require("./messages/index.js");function u(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 n=u(s),a=n.forwardRef((e,r)=>{const t=n.useRef(null);n.useImperativeHandle(t,()=>({props:e})),n.useImperativeHandle(r,()=>t.current);const o=i.useLocalization();return e.children||o.toLanguageString(c.noRecords,c.messages[c.noRecords])});a.displayName="KendoReactTreeListNoRecords";exports.TreeListNoRecords=a;

package/TreeListNoRecords.mjs

@@ -6,17 +6,20 @@
  *-------------------------------------------------------------------------------------------
  */
 import * as e from "react";
-import { provideLocalizationService as o, registerForLocalization as t } from "@progress/kendo-react-intl";
-import { noRecords as r, messages as i } from "./messages/index.mjs";
-class s extends e.Component {
-  /**
-   * @hidden
-   */
-  render() {
-    return this.props.children || o(this).toLanguageString(r, i[r]);
-  }
-}
-t(s);
+import { useLocalization as n } from "@progress/kendo-react-intl";
+import { noRecords as t, messages as i } from "./messages/index.mjs";
+const c = e.forwardRef((o, a) => {
+  const r = e.useRef(null);
+  e.useImperativeHandle(
+    r,
+    () => ({
+      props: o
+    })
+  ), e.useImperativeHandle(a, () => r.current);
+  const s = n();
+  return o.children || s.toLanguageString(t, i[t]);
+});
+c.displayName = "KendoReactTreeListNoRecords";
 export {
-  s as TreeListNoRecords
+  c as TreeListNoRecords
 };

package/cells/EditCells/TreeListBooleanEditor.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("react"),c=require("@progress/kendo-react-common"),u=require("@progress/kendo-react-data-tools"),m=require("../../constants/index.js");function b(e){const a=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const l=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(a,t,l.get?l:{enumerable:!0,get:()=>e[t]})}}return a.default=e,Object.freeze(a)}const n=b(s),o=e=>{const a=n.useCallback(d=>{e.onChange&&e.onChange({dataItem:e.dataItem,level:e.level,field:e.field,syntheticEvent:d,value:d.target.checked})},[e.onChange,e.dataItem,e.level,e.field]),t=c.useId(),l=u.useTableKeyboardNavigation(e.id),r=c.classNames({"k-selected":e.isSelected},e.className),i=n.createElement("td",{style:e.style,className:r,"aria-colindex":e.ariaColumnIndex,"aria-selected":e.isSelected,role:"gridcell",...l,[m.TREELIST_COL_INDEX_ATTRIBUTE]:e.colIndex},n.createElement("input",{checked:c.getNestedValue(e.field,e.dataItem)||!1,id:t,type:"checkbox",className:"k-checkbox",onChange:a}),n.createElement("label",{className:"k-checkbox-label",htmlFor:t}));return e.render?e.render.call(void 0,i,e):i};o.displayName="KendoReactTreeListBooleanEditor";exports.TreeListBooleanEditor=o;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react"),c=require("@progress/kendo-react-common"),u=require("@progress/kendo-react-data-tools"),m=require("../../constants/index.js");function b(e){const a=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const l=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(a,t,l.get?l:{enumerable:!0,get:()=>e[t]})}}return a.default=e,Object.freeze(a)}const n=b(s),o=e=>{const a=n.useCallback(d=>{e.onChange&&e.onChange({dataItem:e.dataItem,level:e.level,field:e.field,syntheticEvent:d,value:d.target.checked})},[e.onChange,e.dataItem,e.level,e.field]),t=c.useId(),l=u.useTableKeyboardNavigation(e.id),r=c.classNames({"k-selected":e.isSelected},e.className),i=n.createElement("td",{style:e.style,className:r,"aria-colindex":e.ariaColumnIndex,"aria-selected":e.isSelected,role:"gridcell",...l,[m.TREELIST_COL_INDEX_ATTRIBUTE]:e.colIndex},n.createElement("input",{checked:c.getNestedValue(e.field,e.dataItem)||!1,id:t,type:"checkbox",className:"k-checkbox",onChange:a}),n.createElement("label",{className:"k-checkbox-label",htmlFor:t}));return e.render?e.render(i,e):i};o.displayName="KendoReactTreeListBooleanEditor";exports.TreeListBooleanEditor=o;

package/cells/EditCells/TreeListBooleanEditor.mjs

@@ -10,7 +10,7 @@ import { useId as m, classNames as o, getNestedValue as s } from "@progress/kend
 import { useTableKeyboardNavigation as r } from "@progress/kendo-react-data-tools";
 import { TREELIST_COL_INDEX_ATTRIBUTE as f } from "../../constants/index.mjs";
 const h = (e) => {
-  const d = t.useCallback(
+  const n = t.useCallback(
     (c) => {
       e.onChange && e.onChange({
         dataItem: e.dataItem,
@@ -21,7 +21,7 @@ const h = (e) => {
       });
     },
     [e.onChange, e.dataItem, e.level, e.field]
-  ), a = m(), n = r(e.id), i = o(
+  ), a = m(), d = r(e.id), i = o(
     {
       "k-selected": e.isSelected
     },
@@ -34,7 +34,7 @@ const h = (e) => {
       "aria-colindex": e.ariaColumnIndex,
       "aria-selected": e.isSelected,
       role: "gridcell",
-      ...n,
+      ...d,
       [f]: e.colIndex
     },
     /* @__PURE__ */ t.createElement(
@@ -44,12 +44,12 @@ const h = (e) => {
         id: a,
         type: "checkbox",
         className: "k-checkbox",
-        onChange: d
+        onChange: n
       }
     ),
     /* @__PURE__ */ t.createElement("label", { className: "k-checkbox-label", htmlFor: a })
   );
-  return e.render ? e.render.call(void 0, l, e) : l;
+  return e.render ? e.render(l, e) : l;
 };
 h.displayName = "KendoReactTreeListBooleanEditor";
 export {

package/cells/EditCells/TreeListDateEditor.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 o=require("react"),u=require("@progress/kendo-react-dateinputs"),s=require("@progress/kendo-react-data-tools"),m=require("../../constants/index.js"),d=require("@progress/kendo-react-common");function f(e){const a=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const n=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(a,t,n.get?n:{enumerable:!0,get:()=>e[t]})}}return a.default=e,Object.freeze(a)}const l=f(o),r=e=>{const a=l.useCallback(c=>{e.onChange&&e.onChange({dataItem:e.dataItem,level:e.level,field:e.field,syntheticEvent:c.syntheticEvent,value:c.value})},[e.onChange,e.dataItem,e.level,e.field]),t=s.useTableKeyboardNavigation(e.id),n=d.classNames({"k-selected":e.isSelected},e.className),i=l.createElement("td",{style:e.style,className:n,"aria-colindex":e.ariaColumnIndex,"aria-selected":e.isSelected,role:"gridcell",...t,[m.TREELIST_COL_INDEX_ATTRIBUTE]:e.colIndex},l.createElement(u.DatePicker,{width:"100%",value:d.getNestedValue(e.field,e.dataItem),onChange:a}));return e.render?e.render.call(void 0,i,e):i};r.displayName="KendoReactTreeListDateEditor";exports.TreeListDateEditor=r;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react"),u=require("@progress/kendo-react-dateinputs"),s=require("@progress/kendo-react-data-tools"),m=require("../../constants/index.js"),d=require("@progress/kendo-react-common");function f(e){const a=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const n=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(a,t,n.get?n:{enumerable:!0,get:()=>e[t]})}}return a.default=e,Object.freeze(a)}const l=f(o),r=e=>{const a=l.useCallback(c=>{e.onChange&&e.onChange({dataItem:e.dataItem,level:e.level,field:e.field,syntheticEvent:c.syntheticEvent,value:c.value})},[e.onChange,e.dataItem,e.level,e.field]),t=s.useTableKeyboardNavigation(e.id),n=d.classNames({"k-selected":e.isSelected},e.className),i=l.createElement("td",{style:e.style,className:n,"aria-colindex":e.ariaColumnIndex,"aria-selected":e.isSelected,role:"gridcell",...t,[m.TREELIST_COL_INDEX_ATTRIBUTE]:e.colIndex},l.createElement(u.DatePicker,{width:"100%",value:d.getNestedValue(e.field,e.dataItem),onChange:a}));return e.render?e.render(i,e):i};r.displayName="KendoReactTreeListDateEditor";exports.TreeListDateEditor=r;

package/cells/EditCells/TreeListDateEditor.mjs

@@ -9,8 +9,8 @@ import * as t from "react";
 import { DatePicker as c } from "@progress/kendo-react-dateinputs";
 import { useTableKeyboardNavigation as m } from "@progress/kendo-react-data-tools";
 import { TREELIST_COL_INDEX_ATTRIBUTE as r } from "../../constants/index.mjs";
-import { classNames as f, getNestedValue as o } from "@progress/kendo-react-common";
-const s = (e) => {
+import { classNames as f, getNestedValue as s } from "@progress/kendo-react-common";
+const o = (e) => {
   const i = t.useCallback(
     (l) => {
       e.onChange && e.onChange({
@@ -22,7 +22,7 @@ const s = (e) => {
       });
     },
     [e.onChange, e.dataItem, e.level, e.field]
-  ), d = m(e.id), n = f(
+  ), n = m(e.id), d = f(
     {
       "k-selected": e.isSelected
     },
@@ -31,18 +31,18 @@ const s = (e) => {
     "td",
     {
       style: e.style,
-      className: n,
+      className: d,
       "aria-colindex": e.ariaColumnIndex,
       "aria-selected": e.isSelected,
       role: "gridcell",
-      ...d,
+      ...n,
       [r]: e.colIndex
     },
-    /* @__PURE__ */ t.createElement(c, { width: "100%", value: o(e.field, e.dataItem), onChange: i })
+    /* @__PURE__ */ t.createElement(c, { width: "100%", value: s(e.field, e.dataItem), onChange: i })
   );
-  return e.render ? e.render.call(void 0, a, e) : a;
+  return e.render ? e.render(a, e) : a;
 };
-s.displayName = "KendoReactTreeListDateEditor";
+o.displayName = "KendoReactTreeListDateEditor";
 export {
-  s as TreeListDateEditor
+  o as TreeListDateEditor
 };

package/cells/EditCells/TreeListNumericEditor.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 o=require("react"),s=require("@progress/kendo-react-inputs"),m=require("@progress/kendo-react-data-tools"),f=require("../../constants/index.js"),d=require("@progress/kendo-react-common");function g(e){const a=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const n=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(a,t,n.get?n:{enumerable:!0,get:()=>e[t]})}}return a.default=e,Object.freeze(a)}const l=g(o),r=e=>{const a=l.useCallback(c=>{e.onChange&&e.onChange({dataItem:e.dataItem,level:e.level,field:e.field,syntheticEvent:c.syntheticEvent,value:c.value})},[e.onChange,e.dataItem,e.level,e.field]),t=d.getNestedValue(e.field,e.dataItem),n=m.useTableKeyboardNavigation(e.id),u=d.classNames({"k-selected":e.isSelected},e.className),i=l.createElement("td",{style:e.style,className:u,"aria-colindex":e.ariaColumnIndex,"aria-selected":e.isSelected,role:"gridcell",...n,[f.TREELIST_COL_INDEX_ATTRIBUTE]:e.colIndex},l.createElement(s.NumericTextBox,{width:"100%",value:t===void 0?null:t,onChange:a}));return e.render?e.render.call(void 0,i,e):i};r.displayName="KendoReactTreeListNumericEditor";exports.TreeListNumericEditor=r;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react"),s=require("@progress/kendo-react-inputs"),m=require("@progress/kendo-react-data-tools"),f=require("../../constants/index.js"),d=require("@progress/kendo-react-common");function g(e){const a=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const n=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(a,t,n.get?n:{enumerable:!0,get:()=>e[t]})}}return a.default=e,Object.freeze(a)}const l=g(o),r=e=>{const a=l.useCallback(c=>{e.onChange&&e.onChange({dataItem:e.dataItem,level:e.level,field:e.field,syntheticEvent:c.syntheticEvent,value:c.value})},[e.onChange,e.dataItem,e.level,e.field]),t=d.getNestedValue(e.field,e.dataItem),n=m.useTableKeyboardNavigation(e.id),u=d.classNames({"k-selected":e.isSelected},e.className),i=l.createElement("td",{style:e.style,className:u,"aria-colindex":e.ariaColumnIndex,"aria-selected":e.isSelected,role:"gridcell",...n,[f.TREELIST_COL_INDEX_ATTRIBUTE]:e.colIndex},l.createElement(s.NumericTextBox,{width:"100%",value:t===void 0?null:t,onChange:a}));return e.render?e.render(i,e):i};r.displayName="KendoReactTreeListNumericEditor";exports.TreeListNumericEditor=r;

package/cells/EditCells/TreeListNumericEditor.mjs

@@ -7,11 +7,11 @@
  */
 import * as t from "react";
 import { NumericTextBox as m } from "@progress/kendo-react-inputs";
-import { useTableKeyboardNavigation as o } from "@progress/kendo-react-data-tools";
-import { TREELIST_COL_INDEX_ATTRIBUTE as r } from "../../constants/index.mjs";
-import { getNestedValue as u, classNames as s } from "@progress/kendo-react-common";
+import { useTableKeyboardNavigation as r } from "@progress/kendo-react-data-tools";
+import { TREELIST_COL_INDEX_ATTRIBUTE as u } from "../../constants/index.mjs";
+import { getNestedValue as o, classNames as s } from "@progress/kendo-react-common";
 const f = (e) => {
-  const d = t.useCallback(
+  const n = t.useCallback(
     (i) => {
       e.onChange && e.onChange({
         dataItem: e.dataItem,
@@ -22,7 +22,7 @@ const f = (e) => {
       });
     },
     [e.onChange, e.dataItem, e.level, e.field]
-  ), a = u(e.field, e.dataItem), n = o(e.id), c = s(
+  ), a = o(e.field, e.dataItem), d = r(e.id), c = s(
     {
       "k-selected": e.isSelected
     },
@@ -35,12 +35,12 @@ const f = (e) => {
       "aria-colindex": e.ariaColumnIndex,
       "aria-selected": e.isSelected,
       role: "gridcell",
-      ...n,
-      [r]: e.colIndex
+      ...d,
+      [u]: e.colIndex
     },
-    /* @__PURE__ */ t.createElement(m, { width: "100%", value: a === void 0 ? null : a, onChange: d })
+    /* @__PURE__ */ t.createElement(m, { width: "100%", value: a === void 0 ? null : a, onChange: n })
   );
-  return e.render ? e.render.call(void 0, l, e) : l;
+  return e.render ? e.render(l, e) : l;
 };
 f.displayName = "KendoReactTreeListNumericEditor";
 export {

package/cells/EditCells/TreeListTextEditor.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 u=require("react"),o=require("@progress/kendo-react-data-tools"),s=require("../../constants/index.js"),d=require("@progress/kendo-react-common");function m(e){const a=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const n=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(a,t,n.get?n:{enumerable:!0,get:()=>e[t]})}}return a.default=e,Object.freeze(a)}const l=m(u),r=e=>{const a=l.useCallback(c=>{e.onChange&&e.onChange({dataItem:e.dataItem,level:e.level,field:e.field,syntheticEvent:c,value:c.target.value})},[e.onChange,e.dataItem,e.level,e.field]),t=o.useTableKeyboardNavigation(e.id),n=d.classNames({"k-selected":e.isSelected},e.className),i=l.createElement("td",{style:e.style,className:n,"aria-colindex":e.ariaColumnIndex,"aria-selected":e.isSelected,role:"gridcell",...t,[s.TREELIST_COL_INDEX_ATTRIBUTE]:e.colIndex},l.createElement("input",{style:{width:"100%"},className:"k-input",value:d.getNestedValue(e.field,e.dataItem)||"",onChange:a}));return e.render?e.render.call(void 0,i,e):i};r.displayName="KendoReactTreeListTextEditor";exports.TreeListTextEditor=r;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("react"),o=require("@progress/kendo-react-data-tools"),s=require("../../constants/index.js"),d=require("@progress/kendo-react-common");function m(e){const a=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const n=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(a,t,n.get?n:{enumerable:!0,get:()=>e[t]})}}return a.default=e,Object.freeze(a)}const l=m(u),r=e=>{const a=l.useCallback(c=>{e.onChange&&e.onChange({dataItem:e.dataItem,level:e.level,field:e.field,syntheticEvent:c,value:c.target.value})},[e.onChange,e.dataItem,e.level,e.field]),t=o.useTableKeyboardNavigation(e.id),n=d.classNames({"k-selected":e.isSelected},e.className),i=l.createElement("td",{style:e.style,className:n,"aria-colindex":e.ariaColumnIndex,"aria-selected":e.isSelected,role:"gridcell",...t,[s.TREELIST_COL_INDEX_ATTRIBUTE]:e.colIndex},l.createElement("input",{style:{width:"100%"},className:"k-input",value:d.getNestedValue(e.field,e.dataItem)||"",onChange:a}));return e.render?e.render(i,e):i};r.displayName="KendoReactTreeListTextEditor";exports.TreeListTextEditor=r;

package/cells/EditCells/TreeListTextEditor.mjs

@@ -21,7 +21,7 @@ const f = (e) => {
       });
     },
     [e.onChange, e.dataItem, e.level, e.field]
-  ), d = c(e.id), n = s(
+  ), n = c(e.id), d = s(
     {
       "k-selected": e.isSelected
     },
@@ -30,11 +30,11 @@ const f = (e) => {
     "td",
     {
       style: e.style,
-      className: n,
+      className: d,
       "aria-colindex": e.ariaColumnIndex,
       "aria-selected": e.isSelected,
       role: "gridcell",
-      ...d,
+      ...n,
       [m]: e.colIndex
     },
     /* @__PURE__ */ t.createElement(
@@ -47,7 +47,7 @@ const f = (e) => {
       }
     )
   );
-  return e.render ? e.render.call(void 0, a, e) : a;
+  return e.render ? e.render(a, e) : a;
 };
 f.displayName = "KendoReactTreeListTextEditor";
 export {

package/cells/TreeListCell.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 C=require("react"),N=require("@progress/kendo-react-intl"),d=require("@progress/kendo-react-common"),S=require("@progress/kendo-react-data-tools"),E=require("@progress/kendo-svg-icons"),b=require("../constants/index.js");function R(e){const a=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const l=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(a,t,l.get?l:{enumerable:!0,get:()=>e[t]})}}return a.default=e,Object.freeze(a)}const i=R(C),h=e=>{const{hasChildren:a,level:t=[0],expanded:l,dataItem:r,format:u,id:x,ariaColumnIndex:T,isSelected:g}=e,s=d.getNestedValue(e.field,r),k=N.useInternationalization(),v=S.useTableKeyboardNavigation(x);let m="";const y=i.useCallback(n=>{n.isDefaultPrevented()||n.keyCode===d.Keys.enter&&e.expandable&&(n.preventDefault(),e.onExpandChange(n,r,t))},[e.expandable,r,t]);s!=null&&(m=u?k.format(u,s):s.toString());const o=[];if(e.expandable){const n=c=>i.createElement("span",{key:c,className:"k-treelist-toggle k-icon k-svg-icon"},i.createElement("svg",{"aria-hidden":"true",focusable:"false",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"}));o.push(...t.slice(1).map((c,I)=>n(I))),a?o.push(i.createElement(d.IconWrap,{className:"k-treelist-toggle",name:l?"chevron-down":"chevron-right",icon:l?E.chevronDownIcon:E.chevronRightIcon,key:"expand-collapse",onClick:c=>e.onExpandChange(c.syntheticEvent||c,r,t),[b.TREELIST_PREVENT_SELECTION_ELEMENT]:!0})):o.push(n(o.length))}const f=i.createElement("td",{style:e.style,className:d.classNames("k-table-td",e.className,{"k-text-nowrap":e.expandable,"k-selected":g}),colSpan:e.colSpan,"aria-colindex":T,"aria-expanded":a?l:void 0,"aria-selected":g,role:"gridcell",onKeyDown:y,[b.TREELIST_COL_INDEX_ATTRIBUTE]:e.colIndex,...v},o,m);return e.render?e.render.call(void 0,f,e):f};h.displayName="KendoReactTreeListCell";exports.TreeListCell=h;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const C=require("react"),N=require("@progress/kendo-react-intl"),d=require("@progress/kendo-react-common"),S=require("@progress/kendo-react-data-tools"),E=require("@progress/kendo-svg-icons"),b=require("../constants/index.js");function R(e){const a=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const l=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(a,t,l.get?l:{enumerable:!0,get:()=>e[t]})}}return a.default=e,Object.freeze(a)}const i=R(C),h=e=>{const{hasChildren:a,level:t=[0],expanded:l,dataItem:r,format:u,id:x,ariaColumnIndex:T,isSelected:g}=e,s=d.getNestedValue(e.field,r),k=N.useInternationalization(),v=S.useTableKeyboardNavigation(x);let m="";const y=i.useCallback(n=>{n.isDefaultPrevented()||n.keyCode===d.Keys.enter&&e.expandable&&(n.preventDefault(),e.onExpandChange(n,r,t))},[e.expandable,r,t]);s!=null&&(m=u?k.format(u,s):s.toString());const o=[];if(e.expandable){const n=c=>i.createElement("span",{key:c,className:"k-treelist-toggle k-icon k-svg-icon"},i.createElement("svg",{"aria-hidden":"true",focusable:"false",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"}));o.push(...t.slice(1).map((c,I)=>n(I))),a?o.push(i.createElement(d.IconWrap,{className:"k-treelist-toggle",name:l?"chevron-down":"chevron-right",icon:l?E.chevronDownIcon:E.chevronRightIcon,key:"expand-collapse",onClick:c=>e.onExpandChange(c.syntheticEvent||c,r,t),[b.TREELIST_PREVENT_SELECTION_ELEMENT]:!0})):o.push(n(o.length))}const f=i.createElement("td",{style:e.style,className:d.classNames("k-table-td",e.className,{"k-text-nowrap":e.expandable,"k-selected":g}),colSpan:e.colSpan,"aria-colindex":T,"aria-expanded":a?l:void 0,"aria-selected":g,role:"gridcell",onKeyDown:y,[b.TREELIST_COL_INDEX_ATTRIBUTE]:e.colIndex,...v},o,m);return e.render?e.render(f,e):f};h.displayName="KendoReactTreeListCell";exports.TreeListCell=h;

package/cells/TreeListCell.mjs

@@ -6,31 +6,31 @@
  *-------------------------------------------------------------------------------------------
  */
 import * as l from "react";
-import { useInternationalization as T } from "@progress/kendo-react-intl";
+import { useInternationalization as v } from "@progress/kendo-react-intl";
 import { getNestedValue as N, Keys as k, IconWrap as C, classNames as b } from "@progress/kendo-react-common";
 import { useTableKeyboardNavigation as w } from "@progress/kendo-react-data-tools";
 import { chevronDownIcon as y, chevronRightIcon as R } from "@progress/kendo-svg-icons";
 import { TREELIST_PREVENT_SELECTION_ELEMENT as S, TREELIST_COL_INDEX_ATTRIBUTE as L } from "../constants/index.mjs";
 const _ = (e) => {
-  const { hasChildren: d, level: o = [0], expanded: r, dataItem: i, format: s, id: f, ariaColumnIndex: u, isSelected: m } = e, c = N(e.field, i), h = T(), x = w(f);
+  const { hasChildren: d, level: o = [0], expanded: c, dataItem: i, format: s, id: f, ariaColumnIndex: u, isSelected: m } = e, r = N(e.field, i), h = v(), x = w(f);
   let g = "";
-  const v = l.useCallback(
+  const I = l.useCallback(
     (a) => {
       a.isDefaultPrevented() || a.keyCode === k.enter && e.expandable && (a.preventDefault(), e.onExpandChange(a, i, o));
     },
     [e.expandable, i, o]
   );
-  c != null && (g = s ? h.format(s, c) : c.toString());
+  r != null && (g = s ? h.format(s, r) : r.toString());
   const t = [];
   if (e.expandable) {
     const a = (n) => /* @__PURE__ */ l.createElement("span", { key: n, className: "k-treelist-toggle k-icon k-svg-icon" }, /* @__PURE__ */ l.createElement("svg", { "aria-hidden": "true", focusable: "false", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24" }));
-    t.push(...o.slice(1).map((n, I) => a(I))), d ? t.push(
+    t.push(...o.slice(1).map((n, T) => a(T))), d ? t.push(
       /* @__PURE__ */ l.createElement(
         C,
         {
           className: "k-treelist-toggle",
-          name: r ? "chevron-down" : "chevron-right",
-          icon: r ? y : R,
+          name: c ? "chevron-down" : "chevron-right",
+          icon: c ? y : R,
           key: "expand-collapse",
           onClick: (n) => e.onExpandChange(n.syntheticEvent || n, i, o),
           [S]: !0
@@ -48,17 +48,17 @@ const _ = (e) => {
       }),
       colSpan: e.colSpan,
       "aria-colindex": u,
-      "aria-expanded": d ? r : void 0,
+      "aria-expanded": d ? c : void 0,
       "aria-selected": m,
       role: "gridcell",
-      onKeyDown: v,
+      onKeyDown: I,
       [L]: e.colIndex,
       ...x
     },
     t,
     g
   );
-  return e.render ? e.render.call(void 0, E, e) : E;
+  return e.render ? e.render(E, e) : E;
 };
 _.displayName = "KendoReactTreeListCell";
 export {

package/cells/TreeListSelectionCell.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"),c=require("@progress/kendo-react-common"),u=require("@progress/kendo-react-data-tools");function b(e){const a=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const n=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(a,t,n.get?n:{enumerable:!0,get:()=>e[t]})}}return a.default=e,Object.freeze(a)}const l=b(d),i=e=>{const a=l.useCallback(s=>{e.selectionChange&&e.selectionChange({syntheticEvent:s})},[e.selectionChange]),t=c.useId(),n=c.getNestedValue(e.field,e.dataItem),r=u.useTableKeyboardNavigation(e.id),o=l.createElement("td",{style:e.style,className:c.classNames("k-table-td",e.className),"aria-colindex":e.ariaColumnIndex,role:"gridcell",...r},l.createElement("input",{checked:typeof n=="boolean"&&n,id:t,type:"checkbox",className:"k-checkbox",onChange:a}),l.createElement("label",{className:"k-checkbox-label",htmlFor:t}));return e.render?e.render.call(void 0,o,e):o};i.displayName="KendoReactTreeListSelectionCell";exports.TreeListSelectionCell=i;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("react"),c=require("@progress/kendo-react-common"),u=require("@progress/kendo-react-data-tools");function b(e){const a=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const n=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(a,t,n.get?n:{enumerable:!0,get:()=>e[t]})}}return a.default=e,Object.freeze(a)}const l=b(d),i=e=>{const a=l.useCallback(s=>{e.selectionChange&&e.selectionChange({syntheticEvent:s})},[e.selectionChange]),t=c.useId(),n=c.getNestedValue(e.field,e.dataItem),r=u.useTableKeyboardNavigation(e.id),o=l.createElement("td",{style:e.style,className:c.classNames("k-table-td",e.className),"aria-colindex":e.ariaColumnIndex,role:"gridcell",...r},l.createElement("input",{checked:typeof n=="boolean"&&n,id:t,type:"checkbox",className:"k-checkbox",onChange:a}),l.createElement("label",{className:"k-checkbox-label",htmlFor:t}));return e.render?e.render(o,e):o};i.displayName="KendoReactTreeListSelectionCell";exports.TreeListSelectionCell=i;

package/cells/TreeListSelectionCell.mjs

@@ -35,7 +35,7 @@ const b = (e) => {
     ),
     /* @__PURE__ */ t.createElement("label", { className: "k-checkbox-label", htmlFor: a })
   );
-  return e.render ? e.render.call(void 0, n, e) : n;
+  return e.render ? e.render(n, e) : n;
 };
 b.displayName = "KendoReactTreeListSelectionCell";
 export {

package/dist/cdn/js/kendo-react-treelist.js

@@ -12,4 +12,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("react"),require("prop-types"),require("@progress/kendo-react-common"),require("@progress/kendo-react-data-tools"),require("@progress/kendo-react-intl"),require("@progress/kendo-svg-icons"),require("react-dom"),require("@progress/kendo-react-buttons"),require("@progress/kendo-react-inputs"),require("@progress/kendo-react-dateinputs")):"function"==typeof define&&define.amd?define(["exports","react","prop-types","@progress/kendo-react-common","@progress/kendo-react-data-tools","@progress/kendo-react-intl","@progress/kendo-svg-icons","react-dom","@progress/kendo-react-buttons","@progress/kendo-react-inputs","@progress/kendo-react-dateinputs"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).KendoReactTreelist={},e.React,e.PropTypes,e.KendoReactCommon,e.KendoReactDataTools,e.KendoReactIntl,e.KendoSvgIcons,e.ReactDOM,e.KendoReactButtons,e.KendoReactInputs,e.KendoReactDateinputs)}(this,function(e,t,o,a,r,n,l,s,i,d,c){"use strict";function h(e){var t=Object.create(null);return e&&Object.keys(e).forEach(function(o){if("default"!==o){var a=Object.getOwnPropertyDescriptor(e,o);Object.defineProperty(t,o,a.get?a:{enumerable:!0,get:function(){return e[o]}})}}),t.default=e,Object.freeze(t)}var p=h(t),u=h(s);function g(e,t,o){const a=Array.from(e.tHead&&e.tHead.rows||[]),r=[t],n=o||(e=>window.getComputedStyle(e).height||void 0);a.forEach(e=>{const t=n(e);r.push(function(e){return void 0!==e&&("number"==typeof e||/px$/i.test(String(e)))}(t)?parseFloat(String(t)):e.offsetHeight)});for(let e=0;e<a.length;e++){const t=r.slice(0,e+1).reduce((e,t)=>e+t,0);Array.from(a[e].cells).forEach(e=>e.style.top=t+"px")}}const m=1e6;function f(e){const{rows:t,tableViewPortHeight:o,scrollTop:a}=e;if(0===t.length)return[];const r=t[0].height,n=Math.min(Math.round(a/r),t.length),l=Math.round(o/r),s=Math.max(0,n-l),i=Math.min(t.length,n+2*l),d=t.slice(s,i),c=d[d.length-1];return s>0&&d.unshift({dataItem:{},level:[m],offsetTop:0,height:d[0].offsetTop,levelCount:0}),i<t.length-1&&d.push({dataItem:{},level:[m,m],offsetTop:c.offsetTop+c.height,height:(t.length-i)*r,levelCount:0}),d}const v=r.TABLE_ROW_INDEX_ATTRIBUTE,b=r.TABLE_COL_INDEX_ATTRIBUTE,C=r.TABLE_PREVENT_SELECTION_ELEMENT,x=e=>{const{hasChildren:t,level:o=[0],expanded:s,dataItem:i,format:d,id:c,ariaColumnIndex:h,isSelected:u}=e,g=a.getNestedValue(e.field,i),m=n.useInternationalization(),f=r.useTableKeyboardNavigation(c);let v="";const x=p.useCallback(t=>{t.isDefaultPrevented()||t.keyCode===a.Keys.enter&&e.expandable&&(t.preventDefault(),e.onExpandChange(t,i,o))},[e.expandable,i,o]);null!=g&&(v=d?m.format(d,g):g.toString());const I=[];if(e.expandable){const r=e=>p.createElement("span",{key:e,className:"k-treelist-toggle k-icon k-svg-icon"},p.createElement("svg",{"aria-hidden":"true",focusable:"false",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"}));I.push(...o.slice(1).map((e,t)=>r(t))),t?I.push(p.createElement(a.IconWrap,{className:"k-treelist-toggle",name:s?"chevron-down":"chevron-right",icon:s?l.chevronDownIcon:l.chevronRightIcon,key:"expand-collapse",onClick:t=>e.onExpandChange(t.syntheticEvent||t,i,o),[C]:!0})):I.push(r(I.length))}const y=p.createElement("td",{style:e.style,className:a.classNames("k-table-td",e.className,{"k-text-nowrap":e.expandable,"k-selected":u}),colSpan:e.colSpan,"aria-colindex":h,"aria-expanded":t?s:void 0,"aria-selected":u,role:"gridcell",onKeyDown:x,[b]:e.colIndex,...f},I,v);return e.render?e.render.call(void 0,y,e):y};x.displayName="KendoReactTreeListCell";const I="treelist.filterClearButton",y="treelist.filterEqOperator",E="treelist.filterNotEqOperator",S="treelist.filterIsNullOperator",R="treelist.filterIsNotNullOperator",w="treelist.filterIsEmptyOperator",T="treelist.filterIsNotEmptyOperator",k="treelist.filterStartsWithOperator",N="treelist.filterContainsOperator",D="treelist.filterNotContainsOperator",L="treelist.filterEndsWithOperator",O="treelist.filterGteOperator",F="treelist.filterGtOperator",K="treelist.filterLteOperator",P="treelist.filterLtOperator",M="treelist.filterIsTrue",z="treelist.filterIsFalse",A="treelist.filterBooleanAll",H="treelist.filterAfterOrEqualOperator",B="treelist.filterAfterOperator",V="treelist.filterBeforeOperator",j="treelist.filterBeforeOrEqualOperator",q="treelist.noRecords",_={[I]:"Clear",[y]:"Is equal to",[E]:"Is not equal to",[S]:"Is null",[R]:"Is not null",[w]:"Is empty",[T]:"Is not empty",[k]:"Starts with",[N]:"Contains",[D]:"Does not contain",[L]:"Ends with",[O]:"Is greater than or equal to",[F]:"Is greater than",[K]:"Is less than or equal to",[P]:"Is less than",[M]:"Is true",[z]:"Is false",[A]:"(All)",[H]:"Is after or equal to",[B]:"Is after",[V]:"Is before",[j]:"Is before or equal to",[q]:"No records available"};let U=class extends p.Component{render(){return this.props.children||n.provideLocalizationService(this).toLanguageString(q,_[q])}};n.registerForLocalization(U);const W=p.forwardRef((e,t)=>{const{isSelected:o,rowHeight:r,isAltRow:n,expanded:l,ariaRowIndex:s,level:i,ariaSetSize:d,ariaPosInSet:c}=e,h=a.classNames("k-table-row","k-master-row",{"k-selected":o,"k-table-alt-row":n}),u=p.useMemo(()=>void 0!==r?{height:r+"px"}:void 0,[r]),g=p.createElement("tr",{onClick:e.onClick,onDoubleClick:e.onDoubleClick,onContextMenu:e.onContextMenu,className:h,style:u,ref:t,"aria-expanded":l,role:"row","aria-rowindex":s,"aria-level":i.length,"aria-posinset":c,"aria-setsize":d,[v]:e.rowIndex},e.children);return p.createElement(p.Fragment,null,e.render?e.render.call(void 0,g,e):g)});W.displayName="KendoReactTreeListRow";const $=Object.freeze({name:"@progress/kendo-react-treelist",productName:"KendoReact",productCode:"KENDOUIREACT",productCodes:["KENDOUIREACT"],publishDate:0,version:"15.2.0-develop.1",licensingDocsUrl:"https://www.telerik.com/kendo-react-ui/components/my-license/"}),X=class extends p.Component{constructor(e){super(e),this.element=null,this.wrapperScrollLeft=0,this.wrapperScrollTop=0,this.updateOnScroll=!1,this.tbodyOffsetTop=0,this.prevData=[],this.flattedData=[],this.extendedColumn=[],this.columnsMap=[],this.contextStateRef={current:void 0},this.navigationStateRef={current:void 0},this.showLicenseWatermark=!1,this.licenseMessage=void 0,this.scrollIntoView=e=>{if(!this.element)return;const{rowIndex:t=0}=e,{scrollable:o,rowHeight:a=0}=this.props;if("virtual"===o||a)this.element.scroll(0,(t-1)*a);else{const e=this.element.querySelector(`tbody > tr:nth-child(${t})`);if(e){const t=e.offsetTop-this.tbodyOffsetTop;this.element.scroll(0,t)}}},this.getExtendedColumn=a.memoizeOne((e,t)=>r.readColumns(e,{prevId:0,idPrefix:t})),this.getColumnsMap=a.memoizeOne((e,t)=>r.mapColumns(e,t)),this.onKeyDown=e=>{if(r.tableKeyboardNavigation.onKeyDown(e,{navigatable:!1,contextStateRef:this.contextStateRef,navigationStateRef:this.navigationStateRef}),this.props.onKeyDown){const{mode:t,cell:o}=r.getSelectionOptions(this.props.selectable),a={dataItems:this.getLeafDataItems(),mode:t,cell:o,componentId:this._treeListId,selectedField:this.props.selectedField||"",...this.getArguments(e)};this.props.onKeyDown.call(void 0,a)}},this.onFocus=e=>{r.tableKeyboardNavigation.onFocus(e,{contextStateRef:this.contextStateRef})},this.onRowDrag=e=>{this.props.onRowDrag&&this.props.onRowDrag.call(void 0,{...e,target:this})},this.onRowDrop=e=>{this.props.onRowDrop&&this.props.onRowDrop.call(void 0,{...e,target:this})},this.columnReorder=(e,t,o)=>{const a=this.extendedColumn[e].depth,r=e=>{do{e++}while(e<this.extendedColumn.length&&this.extendedColumn[e].depth>a);return e},n=this.extendedColumn.splice(e,r(e)-e);if(this.extendedColumn.splice(e<t?r(t-n.length):t,0,...n),this.extendedColumn.filter(e=>e.declarationIndex>=0).forEach((e,t)=>e.orderIndex=t),this.props.onColumnReorder){const e={target:this,columns:this.columns,nativeEvent:o};this.props.onColumnReorder.call(void 0,e)}},this.onResize=(e,t,o,a,r)=>{if(this.props.onColumnResize){const n=this.extendedColumn.filter(e=>0===e.children.length).reduce((e,t)=>e+parseFloat(String(t.width)),0),l={columns:this.columns,totalWidth:n,index:e,nativeEvent:a,newWidth:t,oldWidth:o,end:r,target:this};this.props.onColumnResize.call(void 0,l)}},this.handleOnScroll=e=>{const t=e.currentTarget.scrollLeft,o=e.currentTarget.scrollTop,{columnVirtualization:a,scrollable:r,rowHeight:n=0}=this.props,l=n;let s=!1;a&&Math.abs(this.wrapperScrollLeft-t)>0&&(this.wrapperScrollLeft=t,s=!0),"virtual"===r&&Math.abs(this.wrapperScrollTop-o)>l&&(this.wrapperScrollTop=o,s=!0),s&&(this.updateOnScroll=!0,this.forceUpdate())},this.calculateSizes=e=>{if(!e||"none"===this.props.scrollable)return;const t=Array.from(e.childNodes),o=t.find(e=>"TABLE"===e.nodeName),a=this.props.toolbar&&t.find(e=>1===e.nodeType&&e.classList.contains("k-grid-toolbar"));let r=0;if(a){const e=a.style.boxSizing;a.style.boxSizing="border-box",r=parseFloat(String(window.getComputedStyle(a).height))||a.offsetHeight,a.style.boxSizing=e,a.getAttribute("style")||a.removeAttribute("style")}this.tbodyOffsetTop=o.tBodies[0].offsetTop,g(o,r)},this.itemChange=e=>{const t=this.props.onItemChange;if(e.field===this.props.expandField){const t=this.props.onExpandChange;if(t){const o={...this.getArguments(e.syntheticEvent),dataItem:e.dataItem,level:e.level,value:e.value};t.call(void 0,o)}return}if(t){const o={...this.getArguments(e.syntheticEvent),dataItem:e.dataItem,level:e.level,field:e.field,value:e.value};t.call(void 0,o)}},this.onHeaderSelectionChange=e=>{if(this.props.onHeaderSelectionChange){const t={field:e.field,nativeEvent:e.syntheticEvent&&e.syntheticEvent.nativeEvent,syntheticEvent:e.syntheticEvent,target:this,dataItems:this.getLeafDataItems()};this.props.onHeaderSelectionChange.call(void 0,t)}},this.selectionRelease=e=>{if(this.props.onSelectionChange){const t={syntheticEvent:void 0,target:this,selectedField:this.props.selectedField||"",componentId:this._treeListId,dataItems:this.getLeafDataItems(),dataItem:null,level:[],...e};this.props.onSelectionChange.call(void 0,t)}},this.sortChange=(e,t,o)=>{this.raiseDataEvent(this.props.onSortChange,{sort:t,field:o},e)},this.headerFilterChange=(e,t,o)=>{this.raiseDataEvent(this.props.onFilterChange,{filter:t,field:o},e)},this.filterChange=e=>{const{filter:t,field:o}=e;this.raiseDataEvent(this.props.onFilterChange,{filter:t,field:o},e.syntheticEvent)},this.columnMenuFilterChange=(e,t,o)=>{const{onColumnMenuFilterChange:a}=this.props;if(!a||!o)return;const r={syntheticEvent:e,filter:t,field:o,target:this,nativeEvent:e.nativeEvent};a.call(void 0,r)},this.expandChange=(e,t,o)=>{const{expandField:a,onExpandChange:r}=this.props;if(a&&r){const a={...this.getArguments(e),dataItem:t,level:o,value:this.expanded(t)};r.call(void 0,a)}},this.rowClick=(e,t)=>{if(this.props.onRowClick&&"TD"===e.target.nodeName){const o={dataItem:t.dataItem,level:t.level,...this.getArguments(e)};this.props.onRowClick.call(void 0,o)}},this.rowDoubleClick=(e,t)=>{if(this.props.onRowDoubleClick&&"TD"===e.target.nodeName){const o={dataItem:t.dataItem,level:t.level,...this.getArguments(e)};this.props.onRowDoubleClick.call(void 0,o)}},this.rowContextMenu=(e,t)=>{if(this.props.onRowContextMenu&&"TD"===e.target.nodeName){const o={dataItem:t.dataItem,level:t.level,...this.getArguments(e)};this.props.onRowContextMenu.call(void 0,o)}},this.onPageChange=e=>{if(this.props.onPageChange){const t={...this.getArguments(e.syntheticEvent),skip:e.skip,take:e.take};this.props.onPageChange.call(void 0,t)}},this.expandedSubItems=e=>{const t=[];return this.expanded(e)&&this.hasChildren(e)&&t.push(...a.getNestedValue(this.props.subItemsField,e)),t},this.getLeafDataItems=()=>this.flatData.map(e=>e.dataItem),this.expanded=e=>!!a.getNestedValue(this.props.expandField,e),this.hasChildren=e=>!!a.getNestedValue(this.props.subItemsField,e),this.showLicenseWatermark=!a.validatePackage($,{component:"TreeList"}),this.licenseMessage=a.getLicenseMessage($),this.dragLogic=new r.CommonDragLogic(this.columnReorder,a.noop,a.noop),this.columnResize=new r.ColumnResize(this.onResize.bind(this)),r.tableKeyboardNavigation.onConstructor({navigatable:!!e.navigatable,contextStateRef:this.contextStateRef,navigationStateRef:this.navigationStateRef})}get _treeListId(){return this.props.id+"-treelist"}get document(){if(a.canUseDOM)return this.element&&this.element.ownerDocument||document}componentDidMount(){this.calculateSizes(this.element),r.tableKeyboardNavigation.onComponentDidMount({scope:this.element||void 0,contextStateRef:this.contextStateRef,navigationStateRef:this.navigationStateRef})}getSnapshotBeforeUpdate(){return r.tableKeyboardNavigation.onGetSnapshotBeforeUpdate({document:this.document,contextStateRef:this.contextStateRef,navigationStateRef:this.navigationStateRef}),null}componentDidUpdate(e){e.columns!==this.props.columns&&this.calculateSizes(this.element),r.tableKeyboardNavigation.onComponentDidUpdate({scope:this.element||void 0,contextStateRef:this.contextStateRef,navigationStateRef:this.navigationStateRef})}componentWillUnmount(){this.columnsMap=[],this.prevData=[],this.flattedData=[],this.updateOnScroll=!1,this.getExtendedColumn.clear(),this.getColumnsMap.clear()}render(){const{columns:e=[],filterRow:t,scrollable:o="scrollable",resizable:n=!1,reorderable:l=!1,skip:s,take:i}=this.props,d=e.some(e=>!!e.filter||!!e.filterCell)||void 0!==t,c=t||r.FilterRow,h=r.tableKeyboardNavigationTools.getIdPrefix(this.navigationStateRef),u=this.getExtendedColumn(e,h),g=u.length!==this.extendedColumn.length;this.extendedColumn=u,this.columnsMap=this.getColumnsMap(this.extendedColumn,g);const m=this.extendedColumn.filter(e=>0===e.children.length);this.columnResize.columns=this.extendedColumn,this.columnResize.resizable=n,this.dragLogic.columns=this.extendedColumn,this.dragLogic.reorderable=l,this.dragLogic.groupable=!1;const v=p.createElement(r.Header,{headerRow:p.createElement(r.HeaderRow,{sort:this.props.sort,sortable:this.props.sortable,sortChange:this.sortChange,selectionChange:this.onHeaderSelectionChange,columns:this.extendedColumn,columnsMap:this.columnsMap,cellRender:this.props.headerCellRender,columnResize:this.columnResize,columnMenu:this.props.columnMenu,columnMenuFilter:this.props.columnMenuFilter,columnMenuFilterChange:this.columnMenuFilterChange,pressHandler:this.dragLogic.pressHandler,dragHandler:this.dragLogic.dragHandler,releaseHandler:this.dragLogic.releaseHandler,filterChange:this.headerFilterChange}),reorderable:this.props.reorderable,filterRow:d&&p.createElement(c,{columns:m,filter:this.props.filter,filterChange:this.filterChange,sort:this.props.sort,ariaRowIndex:this.columnsMap.length+1})||void 0,columnResize:this.columnResize}),b=this.props.style||{},{colSpans:C,hiddenColumns:I}=r.tableColumnsVirtualization({enabled:this.props.columnVirtualization,columns:m,scrollLeft:this.wrapperScrollLeft,tableViewPortWidth:parseFloat((b.width||"").toString())}),y=(e,t,o,a,n,l)=>m.map((s,i)=>{if(I[i])return null;const d=s.id?s.id:i,c=`${s.className?s.className+" ":""}${s.locked?"k-grid-content-sticky":""}`,u={id:r.tableKeyboardNavigationTools.generateNavigatableId(`${o}-${String(i)}`,h),colSpan:C[i],dataItem:e.dataItem,field:s.field,format:s.format,className:c||void 0,render:this.props.cellRender,onChange:this.itemChange,selectionChange:this.props.onSelectionChange?t=>{this.selectionChange({event:t,item:e,columnIndex:i,dataIndex:n})}:void 0,level:e.level,expandable:s.expandable,expanded:a,hasChildren:this.hasChildren(e.dataItem),onExpandChange:this.expandChange,colIndex:i,ariaColumnIndex:s.ariaColumnIndex,style:void 0!==s.left&&{left:s.left,right:s.right,borderRightWidth:s.rightBorder?"1px":""}||{},isSelected:Array.isArray(l)&&l.indexOf(i)>-1};return t&&s.editCell?p.createElement(s.editCell,{key:d,...u,onChange:this.itemChange}):s.cell?p.createElement(s.cell,{key:d,...u}):p.createElement(x,{key:d,...u})});let E=this.flatData;const S=E.length;void 0!==s&&void 0!==i&&(E=E.slice(s,s+i)),"virtual"===o&&(E=f({rows:E,tableViewPortHeight:parseFloat((b.height||b.maxHeight||"").toString()),scrollTop:this.wrapperScrollTop}),this.updateOnScroll=!1);const R=E.map(e=>e.level),w=this.columnsMap.length+(d?1:0)+1,T=E.length>0&&E.map((e,t)=>{const r=a.getAbsoluteVirtualRowIndex(o,e,t),n=a.getNestedValue(this.props.editField,e.dataItem),l=this.props.dataItemKey&&a.getter(this.props.dataItemKey)(e.dataItem),s=String(l||e.level.join(".")),i=this.expanded(e.dataItem),d=this.props.selectedField?a.getNestedValue(this.props.selectedField,e.dataItem):void 0,c={key:s,level:e.level,levels:R,dataItem:e.dataItem,selectedField:this.props.selectedField,rowHeight:"virtual"===o?e.height:this.props.rowHeight,render:this.props.rowRender,onDrop:this.onRowDrop,onDrag:this.onRowDrag,onClick:t=>this.rowClick(t,e),onDoubleClick:t=>this.rowDoubleClick(t,e),onContextMenu:t=>this.rowContextMenu(t,e),isAltRow:r%2!=0,expanded:i,rowIndex:r,ariaRowIndex:w+r,ariaSetSize:e.levelCount,ariaPosInSet:e.level[e.level.length-1]+1,isSelected:"boolean"==typeof d&&d},h=this.props.editRow,u=this.props.row||W,g=y(e,n,s,i,r,d);return n&&h?p.createElement(h,{...c,key:c.key},g):p.createElement(u,{...c,key:c.key},g)})||p.createElement("tr",{className:"k-table-row k-grid-norecords"},p.createElement("td",{colSpan:m.length},this.props.noRecords||p.createElement(U,null))),k=e=>this.props.sort&&this.props.sort.some(t=>t.field===e),N=p.createElement("colgroup",{ref:e=>{this.columnResize.colGroupMain=e}},m.map((e,t)=>p.createElement("col",{key:t.toString(),className:k(e.field)?"k-sorted":void 0,style:void 0!==e.width?{width:e.width}:void 0}))),D=this.props.columnVirtualization||"virtual"===this.props.scrollable,L=this.props.selectable&&this.props.selectable.drag?"none":void 0,O=this.props.tableProps||{};return p.createElement(r.TableKeyboardNavigationContext.Provider,{value:this.contextStateRef.current},p.createElement("div",{id:this.props.id,style:this.props.style,className:a.classNames("k-grid","k-treelist",this.props.className,{"k-treelist-scrollable":"none"!==o}),ref:e=>{this.element=e},onScroll:D?this.handleOnScroll:void 0,onKeyDown:this.onKeyDown,onFocus:this.onFocus,"aria-rowcount":S,"aria-colcount":m.length,role:"treegrid",...r.tableKeyboardNavigationScopeAttributes},this.props.toolbar,p.createElement(r.TableSelection,{selectable:this.props.selectable,onRelease:this.selectionRelease},p.createElement("table",{className:"k-table k-grid-table",...O,style:{...O.style||{},userSelect:L},role:"presentation"},N,v,p.createElement("tbody",{className:"k-table-tbody",...r.tableKeyboardNavigationBodyAttributes,role:"presentation"},T))),this.props.pager&&p.createElement(this.props.pager,{className:"k-grid-pager",total:S,skip:s,take:i,onPageChange:this.onPageChange}),l&&p.createElement(p.Fragment,null,p.createElement(r.DropClue,{ref:this.dragLogic.refDropElementClue}),p.createElement(r.DragClue,{ref:this.dragLogic.refDragElementClue})),this.showLicenseWatermark&&p.createElement(a.WatermarkOverlay,{message:this.licenseMessage})))}get columns(){const e=this.extendedColumn.filter(e=>e.declarationIndex>=0&&-1===e.parentIndex),t=e=>(e.sort((e,t)=>e.declarationIndex-t.declarationIndex),e.map(e=>{const{declarationIndex:o,parentIndex:a,depth:r,colSpan:n,rowSpan:l,index:s,kFirst:i,groupable:d,children:c,...h}=e;return c.length?{children:t(c),...h}:h}));return t(e)}get flatData(){const{data:e=[],rowHeight:t=0}=this.props;let o=0;const a=this.updateOnScroll&&this.prevData===e&&this.tbodyOffsetTop>0&&this.flattedData.length?this.flattedData:r.flatData(e,this.expandedSubItems,e=>{const a={height:t,offsetTop:o};return o+=a.height,a});return this.prevData=e,this.flattedData=a,a}selectionChange(e){if(this.props.onSelectionChange){const{event:t,item:o,dataIndex:a,columnIndex:n}=e,{mode:l,cell:s}=r.getSelectionOptions(this.props.selectable),i={...this.getArguments(t.syntheticEvent),dataItem:o.dataItem,level:o.level,startColIndex:n,endColIndex:n,startRowIndex:a,endRowIndex:a,dataItems:this.getLeafDataItems(),altKey:!1,ctrlKey:!1,shiftKey:!1,metaKey:!1,mode:l,cell:s,isDrag:!1,componentId:this._treeListId,selectedField:this.props.selectedField||""};this.props.onSelectionChange.call(void 0,i)}}raiseDataEvent(e,t,o){const a=this.props.onDataStateChange;if(e)e.call(void 0,{...this.getArguments(o),...t});else if(a){const e={...this.getArguments(o),dataState:{...this.getDataState(),...t}};a.call(void 0,e)}}getDataState(){return{filter:this.props.filter,sort:this.props.sort}}getArguments(e){return{nativeEvent:e&&e.nativeEvent,syntheticEvent:e,target:this}}};X.propTypes={data:o.array,resizable:o.bool,reorderable:o.bool,sortable:o.oneOfType([o.bool,o.shape({mode:o.oneOf(["single","multiple"]),allowUnsort:o.bool})]),onSortChange:o.func,sort:o.array,columns:o.arrayOf(o.object),columnVirtualization:o.bool,filter:o.array,onFilterChange:o.func,filterRow:o.any,toolbar:o.any,noRecords:o.any,onExpandChange:o.func,expandField:o.string,subItemsField:o.string,selectedField:o.string,onSelectionChange:o.func,onHeaderSelectionChange:o.func,onRowClick:o.func,onItemChange:o.func,editField:o.string,scrollable:o.oneOf(["none","scrollable","virtual"]),rowHeight:o.number,style:o.object,tableProps:o.object,pager:o.any,skip:o.number,take:o.number,onPageChange:o.func,onDataStateChange:o.func,onColumnResize:o.func,onColumnReorder:o.func,dataItemKey:o.string,navigatable:o.bool},X.contextType=r.TableKeyboardNavigationContext;let G=X;const Y=p.forwardRef((e,t)=>{const[o,r]=a.useMergedRef(t);return a.useWebMcpRegister("treelist",o,e,e.webMcp),p.createElement(G,{...e,ref:r})});Y.displayName="KendoReactTreeList";const J=e=>{const t=p.useCallback(t=>{e.selectionChange&&e.selectionChange({syntheticEvent:t})},[e.selectionChange]),o=a.useId(),n=a.getNestedValue(e.field,e.dataItem),l=r.useTableKeyboardNavigation(e.id),s=p.createElement("td",{style:e.style,className:a.classNames("k-table-td",e.className),"aria-colindex":e.ariaColumnIndex,role:"gridcell",...l},p.createElement("input",{checked:"boolean"==typeof n&&n,id:o,type:"checkbox",className:"k-checkbox",onChange:t}),p.createElement("label",{className:"k-checkbox-label",htmlFor:o}));return e.render?e.render.call(void 0,s,e):s};J.displayName="KendoReactTreeListSelectionCell";let Q=class extends p.Component{constructor(){super(...arguments),this._inputId=a.guid()}render(){return p.createElement(r.HeaderSelectionCell,{inputId:this._inputId,...this.props})}};const Z=e=>e.visible&&a.canUseDOM?u.createPortal(p.createElement("div",{className:"k-header k-drag-clue",style:{display:"block",position:"absolute",zIndex:2e4,padding:"8px 12px",top:e.top+"px",left:e.left+"px"}},p.createElement(a.IconWrap,{className:a.classNames("k-drag-status"),name:e.allowDrop?"plus":"cancel",icon:e.allowDrop?l.plusIcon:l.cancelIcon}),e.text),document.body):null;function ee(e,t,o){const a=o?o.elementFromPoint(e.clientX,e.clientY):null;return t&&a?a.closest(t):null}const te={visible:!1,top:0,left:0,text:"",allowDrop:!1};class oe extends p.Component{constructor(){super(...arguments),this.state={clueProps:{...te}},this.draggable=p.createRef(),this.dragged=null,this.draggedOver=null,this.onPress=()=>this.dragged=this.props.level,this.onDrag=e=>{if(!a.canUseDOM)return;const t=this.draggable.current&&this.draggable.current.element,o=t?t.ownerDocument:document;if(!o)return;const r=e.event,n=this.dragged;if(t&&n){!r.isTouch&&"scroll"!==r.type&&r.originalEvent.preventDefault();const e=this.props.levels[function(e,t,o){if(!e.originalEvent)return-1;const a=ee(e,"tr",o);if(a){const e=t?t.childNodes:[];for(let t=0;t<e.length;t++)if(e[t]===a)return t}return-1}(r,t.parentNode,o)];this.draggedOver=e;const a=e?!n.every((t,o)=>t===e[o]):!!ee(r,"k-grid",o);this.setState({clueProps:{visible:!0,top:r.pageY+10,left:r.pageX,text:t.innerText,allowDrop:a}}),this.props.onDrag&&this.props.onDrag.call(void 0,{nativeEvent:r.originalEvent,dragged:n,draggedOver:e,draggedItem:this.props.dataItem})}},this.onRelease=e=>{const t=e.event;if(this.dragged){const e=[...this.dragged],o=this.draggedOver&&[...this.draggedOver],a=this.state.clueProps.allowDrop;this.dragged=null,this.draggedOver=null,this.setState({clueProps:{...te}});const r=this.props.dataItem;a&&this.props.onDrop&&this.props.onDrop.call(void 0,{nativeEvent:t.originalEvent,dragged:e,draggedOver:o,draggedItem:r})}}}render(){const{clueProps:e}=this.state;return p.createElement(p.Fragment,null,p.createElement(a.Draggable,{ref:this.draggable,onPress:this.onPress,onDrag:this.onDrag,onRelease:this.onRelease},p.createElement(W,{...this.props})),p.createElement(Z,{...e}))}}const ae=p.forwardRef((e,t)=>{const{className:o,...r}=e,n=p.useRef(null),l=p.useRef(null);p.useImperativeHandle(l,()=>({element:n.current,props:e})),p.useImperativeHandle(t,()=>l.current);const s=p.useMemo(()=>a.classNames("k-grid-toolbar",o),[o]);return p.createElement(i.Toolbar,{id:e.id,ref:e=>{e&&(n.current=e.element)},className:s,...r},e.children)});ae.displayName="KendoReactTreeListToolbar";const re=[{text:N,operator:"contains"},{text:D,operator:"doesnotcontain"},{text:y,operator:"eq"},{text:E,operator:"neq"},{text:k,operator:"startswith"},{text:L,operator:"endswith"},{text:S,operator:"isnull"},{text:R,operator:"isnotnull"},{text:w,operator:"isempty"},{text:T,operator:"isnotempty"}],ne=[{text:y,operator:"eq"},{text:E,operator:"neq"},{text:O,operator:"gte"},{text:F,operator:"gt"},{text:K,operator:"lte"},{text:P,operator:"lt"},{text:S,operator:"isnull"},{text:R,operator:"isnotnull"}],le=[{text:y,operator:"eq"},{text:E,operator:"neq"},{text:H,operator:"gte"},{text:B,operator:"gt"},{text:V,operator:"lt"},{text:j,operator:"lte"},{text:S,operator:"isnull"},{text:R,operator:"isnotnull"}],se=[{text:A,operator:""},{text:M,operator:!0},{text:z,operator:!1}];function ie(e,t){return{clearButtonTitle:e.toLanguageString(I,_[I]),operators:t.map(t=>({text:e.toLanguageString(t.text,_[t.text]),operator:t.operator}))}}const de=e=>{const t=p.useCallback(t=>{e.onChange&&e.onChange({dataItem:e.dataItem,level:e.level,field:e.field,syntheticEvent:t,value:t.target.value})},[e.onChange,e.dataItem,e.level,e.field]),o=r.useTableKeyboardNavigation(e.id),n=a.classNames({"k-selected":e.isSelected},e.className),l=p.createElement("td",{style:e.style,className:n,"aria-colindex":e.ariaColumnIndex,"aria-selected":e.isSelected,role:"gridcell",...o,[b]:e.colIndex},p.createElement("input",{style:{width:"100%"},className:"k-input",value:a.getNestedValue(e.field,e.dataItem)||"",onChange:t}));return e.render?e.render.call(void 0,l,e):l};de.displayName="KendoReactTreeListTextEditor";const ce=e=>{const t=p.useCallback(t=>{e.onChange&&e.onChange({dataItem:e.dataItem,level:e.level,field:e.field,syntheticEvent:t.syntheticEvent,value:t.value})},[e.onChange,e.dataItem,e.level,e.field]),o=a.getNestedValue(e.field,e.dataItem),n=r.useTableKeyboardNavigation(e.id),l=a.classNames({"k-selected":e.isSelected},e.className),s=p.createElement("td",{style:e.style,className:l,"aria-colindex":e.ariaColumnIndex,"aria-selected":e.isSelected,role:"gridcell",...n,[b]:e.colIndex},p.createElement(d.NumericTextBox,{width:"100%",value:void 0===o?null:o,onChange:t}));return e.render?e.render.call(void 0,s,e):s};ce.displayName="KendoReactTreeListNumericEditor";const he=e=>{const t=p.useCallback(t=>{e.onChange&&e.onChange({dataItem:e.dataItem,level:e.level,field:e.field,syntheticEvent:t,value:t.target.checked})},[e.onChange,e.dataItem,e.level,e.field]),o=a.useId(),n=r.useTableKeyboardNavigation(e.id),l=a.classNames({"k-selected":e.isSelected},e.className),s=p.createElement("td",{style:e.style,className:l,"aria-colindex":e.ariaColumnIndex,"aria-selected":e.isSelected,role:"gridcell",...n,[b]:e.colIndex},p.createElement("input",{checked:a.getNestedValue(e.field,e.dataItem)||!1,id:o,type:"checkbox",className:"k-checkbox",onChange:t}),p.createElement("label",{className:"k-checkbox-label",htmlFor:o}));return e.render?e.render.call(void 0,s,e):s};he.displayName="KendoReactTreeListBooleanEditor";const pe=e=>{const t=p.useCallback(t=>{e.onChange&&e.onChange({dataItem:e.dataItem,level:e.level,field:e.field,syntheticEvent:t.syntheticEvent,value:t.value})},[e.onChange,e.dataItem,e.level,e.field]),o=r.useTableKeyboardNavigation(e.id),n=a.classNames({"k-selected":e.isSelected},e.className),l=p.createElement("td",{style:e.style,className:n,"aria-colindex":e.ariaColumnIndex,"aria-selected":e.isSelected,role:"gridcell",...o,[b]:e.colIndex},p.createElement(c.DatePicker,{width:"100%",value:a.getNestedValue(e.field,e.dataItem),onChange:t}));return e.render?e.render.call(void 0,l,e):l};pe.displayName="KendoReactTreeListDateEditor";const ue=Y;Object.defineProperty(e,"getAbsoluteVirtualRowIndex",{enumerable:!0,get:function(){return a.getAbsoluteVirtualRowIndex}}),Object.defineProperty(e,"getNestedValue",{enumerable:!0,get:function(){return a.getNestedValue}}),Object.defineProperty(e,"mapTree",{enumerable:!0,get:function(){return a.mapTree}}),Object.defineProperty(e,"mapTreeItem",{enumerable:!0,get:function(){return a.mapTreeItem}}),Object.defineProperty(e,"createDataTree",{enumerable:!0,get:function(){return r.createDataTree}}),Object.defineProperty(e,"extendDataItem",{enumerable:!0,get:function(){return r.extendDataItem}}),Object.defineProperty(e,"filterBy",{enumerable:!0,get:function(){return r.filterBy}}),Object.defineProperty(e,"flatData",{enumerable:!0,get:function(){return r.flatData}}),Object.defineProperty(e,"getItemPath",{enumerable:!0,get:function(){return r.getItemPath}}),Object.defineProperty(e,"getSelectedState",{enumerable:!0,get:function(){return r.getSelectedState}}),Object.defineProperty(e,"getSelectedStateFromKeyDown",{enumerable:!0,get:function(){return r.getSelectedStateFromKeyDown}}),Object.defineProperty(e,"modifySubItems",{enumerable:!0,get:function(){return r.modifySubItems}}),Object.defineProperty(e,"moveTreeItem",{enumerable:!0,get:function(){return r.moveTreeItem}}),Object.defineProperty(e,"orderBy",{enumerable:!0,get:function(){return r.orderBy}}),Object.defineProperty(e,"removeItems",{enumerable:!0,get:function(){return r.removeItems}}),Object.defineProperty(e,"setSelectedState",{enumerable:!0,get:function(){return r.setSelectedState}}),Object.defineProperty(e,"treeToFlat",{enumerable:!0,get:function(){return r.treeToFlat}}),e.TREELIST_COL_INDEX_ATTRIBUTE=b,e.TREELIST_PREVENT_SELECTION_ELEMENT=C,e.TREELIST_ROW_INDEX_ATTRIBUTE=v,e.TreeList=ue,e.TreeListBooleanEditor=he,e.TreeListBooleanFilter=function(e){const{operators:t,...o}=e;return p.createElement(r.BooleanFilterCell,{ariaLabel:"boolean filter",...ie(n.useLocalization(),t||se),...o})},e.TreeListCell=x,e.TreeListDateEditor=pe,e.TreeListDateFilter=function(e){const{operators:t,...o}=e;return p.createElement(r.DateFilterCell,{ariaLabel:"date filter",...ie(n.useLocalization(),t||le),...o})},e.TreeListDraggableRow=oe,e.TreeListHeaderCell=e=>p.createElement(r.HeaderCell,{...e}),e.TreeListHeaderSelectionCell=Q,e.TreeListNoRecords=U,e.TreeListNumericEditor=ce,e.TreeListNumericFilter=function(e){const{operators:t,...o}=e;return p.createElement(r.NumericFilterCell,{ariaLabel:"numeric filter",...ie(n.useLocalization(),t||ne),...o})},e.TreeListRow=W,e.TreeListSelectionCell=J,e.TreeListTextEditor=de,e.TreeListTextFilter=function(e){const{operators:t,...o}=e;return p.createElement(r.TextFilterCell,{ariaLabel:"text filter",...ie(n.useLocalization(),t||re),...o})},e.TreeListToolbar=ae,e.setHeaderRowsTop=g,e.tableRowsVirtualization=f});
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("react"),require("prop-types"),require("@progress/kendo-react-common"),require("@progress/kendo-react-data-tools"),require("@progress/kendo-react-intl"),require("@progress/kendo-svg-icons"),require("react-dom"),require("@progress/kendo-react-buttons"),require("@progress/kendo-react-inputs"),require("@progress/kendo-react-dateinputs")):"function"==typeof define&&define.amd?define(["exports","react","prop-types","@progress/kendo-react-common","@progress/kendo-react-data-tools","@progress/kendo-react-intl","@progress/kendo-svg-icons","react-dom","@progress/kendo-react-buttons","@progress/kendo-react-inputs","@progress/kendo-react-dateinputs"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).KendoReactTreelist={},e.React,e.PropTypes,e.KendoReactCommon,e.KendoReactDataTools,e.KendoReactIntl,e.KendoSvgIcons,e.ReactDOM,e.KendoReactButtons,e.KendoReactInputs,e.KendoReactDateinputs)}(this,function(e,t,r,n,a,l,o,c,i,s,u){"use strict";function d(e){var t=Object.create(null);return e&&Object.keys(e).forEach(function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}}),t.default=e,Object.freeze(t)}var m=d(t),g=d(c);function f(e,t,r){const n=Array.from(e.tHead&&e.tHead.rows||[]),a=[t],l=r||(e=>window.getComputedStyle(e).height||void 0);n.forEach(e=>{const t=l(e);a.push(function(e){return void 0!==e&&("number"==typeof e||/px$/i.test(String(e)))}(t)?parseFloat(String(t)):e.offsetHeight)});for(let e=0;e<n.length;e++){const t=a.slice(0,e+1).reduce((e,t)=>e+t,0);Array.from(n[e].cells).forEach(e=>e.style.top=t+"px")}}const p=1e6;function v(e){const{rows:t,tableViewPortHeight:r,scrollTop:n}=e;if(0===t.length)return[];const a=t[0].height,l=Math.min(Math.round(n/a),t.length),o=Math.round(r/a),c=Math.max(0,l-o),i=Math.min(t.length,l+2*o),s=t.slice(c,i),u=s[s.length-1];return c>0&&s.unshift({dataItem:{},level:[p],offsetTop:0,height:s[0].offsetTop,levelCount:0}),i<t.length-1&&s.push({dataItem:{},level:[p,p],offsetTop:u.offsetTop+u.height,height:(t.length-i)*a,levelCount:0}),s}const h=a.TABLE_ROW_INDEX_ATTRIBUTE,b=a.TABLE_COL_INDEX_ATTRIBUTE,y=a.TABLE_PREVENT_SELECTION_ELEMENT,E=e=>{const{hasChildren:t,level:r=[0],expanded:c,dataItem:i,format:s,id:u,ariaColumnIndex:d,isSelected:g}=e,f=n.getNestedValue(e.field,i),p=l.useInternationalization(),v=a.useTableKeyboardNavigation(u);let h="";const E=m.useCallback(t=>{t.isDefaultPrevented()||t.keyCode===n.Keys.enter&&e.expandable&&(t.preventDefault(),e.onExpandChange(t,i,r))},[e.expandable,i,r]);null!=f&&(h=s?p.format(s,f):f.toString());const I=[];if(e.expandable){const a=e=>m.createElement("span",{key:e,className:"k-treelist-toggle k-icon k-svg-icon"},m.createElement("svg",{"aria-hidden":"true",focusable:"false",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"}));I.push(...r.slice(1).map((e,t)=>a(t))),t?I.push(m.createElement(n.IconWrap,{className:"k-treelist-toggle",name:c?"chevron-down":"chevron-right",icon:c?o.chevronDownIcon:o.chevronRightIcon,key:"expand-collapse",onClick:t=>e.onExpandChange(t.syntheticEvent||t,i,r),[y]:!0})):I.push(a(I.length))}const C=m.createElement("td",{style:e.style,className:n.classNames("k-table-td",e.className,{"k-text-nowrap":e.expandable,"k-selected":g}),colSpan:e.colSpan,"aria-colindex":d,"aria-expanded":t?c:void 0,"aria-selected":g,role:"gridcell",onKeyDown:E,[b]:e.colIndex,...v},I,h);return e.render?e.render(C,e):C};E.displayName="KendoReactTreeListCell";const I="treelist.filterClearButton",C="treelist.filterEqOperator",x="treelist.filterNotEqOperator",k="treelist.filterIsNullOperator",R="treelist.filterIsNotNullOperator",N="treelist.filterIsEmptyOperator",w="treelist.filterIsNotEmptyOperator",T="treelist.filterStartsWithOperator",S="treelist.filterContainsOperator",D="treelist.filterNotContainsOperator",O="treelist.filterEndsWithOperator",L="treelist.filterGteOperator",F="treelist.filterGtOperator",K="treelist.filterLteOperator",P="treelist.filterLtOperator",H="treelist.filterIsTrue",M="treelist.filterIsFalse",z="treelist.filterBooleanAll",B="treelist.filterAfterOrEqualOperator",V="treelist.filterAfterOperator",A="treelist.filterBeforeOperator",j="treelist.filterBeforeOrEqualOperator",q="treelist.noRecords",_={[I]:"Clear",[C]:"Is equal to",[x]:"Is not equal to",[k]:"Is null",[R]:"Is not null",[N]:"Is empty",[w]:"Is not empty",[T]:"Starts with",[S]:"Contains",[D]:"Does not contain",[O]:"Ends with",[L]:"Is greater than or equal to",[F]:"Is greater than",[K]:"Is less than or equal to",[P]:"Is less than",[H]:"Is true",[M]:"Is false",[z]:"(All)",[B]:"Is after or equal to",[V]:"Is after",[A]:"Is before",[j]:"Is before or equal to",[q]:"No records available"},W=m.forwardRef((e,t)=>{const r=m.useRef(null);m.useImperativeHandle(r,()=>({props:e})),m.useImperativeHandle(t,()=>r.current);const n=l.useLocalization();return e.children||n.toLanguageString(q,_[q])});W.displayName="KendoReactTreeListNoRecords";const U=m.forwardRef((e,t)=>{const{isSelected:r,rowHeight:a,isAltRow:l,expanded:o,ariaRowIndex:c,level:i,ariaSetSize:s,ariaPosInSet:u}=e,d=n.classNames("k-table-row","k-master-row",{"k-selected":r,"k-table-alt-row":l}),g=m.useMemo(()=>void 0!==a?{height:a+"px"}:void 0,[a]),f=m.createElement("tr",{onClick:e.onClick,onDoubleClick:e.onDoubleClick,onContextMenu:e.onContextMenu,className:d,style:g,ref:t,"aria-expanded":o,role:"row","aria-rowindex":c,"aria-level":i.length,"aria-posinset":u,"aria-setsize":s,[h]:e.rowIndex},e.children);return m.createElement(m.Fragment,null,e.render?e.render(f,e):f)});U.displayName="KendoReactTreeListRow";const G=Object.freeze({name:"@progress/kendo-react-treelist",productName:"KendoReact",productCode:"KENDOUIREACT",productCodes:["KENDOUIREACT"],publishDate:0,version:"15.2.0-develop.3",licensingDocsUrl:"https://www.telerik.com/kendo-react-ui/components/my-license/"}),$=m.forwardRef((e,t)=>{var r;const{columns:l=[],filterRow:o,scrollable:c="scrollable",resizable:i=!1,reorderable:s=!1,skip:u,take:d,data:g=[],rowHeight:p,columnVirtualization:h,selectable:b,selectedField:y,editField:I,expandField:C,subItemsField:x,dataItemKey:k,id:R,style:N,className:w,toolbar:T,noRecords:S,tableProps:D,pager:O,sort:L,sortable:F,filter:K,columnMenu:P,columnMenuFilter:H,row:M,editRow:z,rowRender:B,cellRender:V,headerCellRender:A}=e,j=m.useRef(null),q=m.useRef(null),_=m.useRef(null),$=m.useRef(null),X=m.useRef(null),Y=m.useRef(null),J=m.useRef(!1),Q=m.useRef(!1),Z=m.useRef(!1),ee=m.useRef(0),te=m.useRef(0),re=m.useRef(!1),ne=m.useRef(0),ae=m.useRef([]),le=m.useRef([]),oe=m.useRef([]),ce=m.useRef([]),ie=m.useRef(e);ie.current=e;const se=m.useRef({current:void 0}),ue=m.useRef({current:void 0}),de=m.useMemo(()=>!n.validatePackage(G,{component:"TreeList"}),[]),me=m.useMemo(()=>n.getLicenseMessage(G),[]),ge=m.useRef(null),fe=m.useRef(null),[,pe]=m.useReducer(e=>!e,!0),ve=R?R+"-treelist":void 0,he=()=>{var e;if(n.canUseDOM)return(null==(e=j.current)?void 0:e.ownerDocument)||document},be=m.useCallback(e=>!!n.getNestedValue(C,e),[C]),ye=m.useCallback(e=>!!n.getNestedValue(x,e),[x]),Ee=m.useCallback(e=>{const t=[];return be(e)&&ye(e)&&t.push(...n.getNestedValue(x,e)),t},[be,ye,x]),Ie=m.useMemo(()=>n.memoizeOne((e,t)=>a.readColumns(e,{prevId:0,idPrefix:t})),[]),Ce=m.useMemo(()=>n.memoizeOne((e,t)=>a.mapColumns(e,t)),[]),xe=m.useRef(null),ke=m.useCallback(e=>{if(!j.current)return;const{rowIndex:t=0}=e,r=ie.current,n=r.rowHeight||0,a=_.current||j.current;if("virtual"===r.scrollable||n)a.scroll(0,(t-1)*n);else{const e=(_.current||j.current).querySelector(`tbody > tr:nth-child(${t})`);if(e){const t=e.offsetTop-ne.current;a.scroll(0,t)}}},[]);if(m.useImperativeHandle(xe,()=>({get element(){return j.current},props:e,scrollIntoView:ke})),m.useImperativeHandle(t,()=>xe.current),n.useWebMcpRegister("treelist",xe,e,e.webMcp),!ge.current){const e=(e,t,r,n,a)=>{var l,o,c;const i=null==(l=ge.current)?void 0:l.colGroupMain;if(i){let e=0;const t=i.children;for(let r=0;r<t.length;r++){const n=t[r].style.width;if(!n){e=0;break}e+=parseFloat(n)}e=Math.round(e);const r=e?e+"px":"";X.current&&(X.current.style.width=r),Y.current&&(Y.current.style.width=r)}if(ie.current.onColumnResize){let l=0;const i=null==(c=null==(o=ge.current)?void 0:o.colGroupMain)?void 0:c.children;if(i)for(let e=0;e<i.length;e++)l+=parseFloat(i[e].style.width||"0");const s=oe.current.filter(e=>e.declarationIndex>=0&&-1===e.parentIndex),u=e=>(e.sort((e,t)=>e.declarationIndex-t.declarationIndex),e.map(e=>{const{declarationIndex:t,parentIndex:r,depth:n,colSpan:a,rowSpan:l,index:o,kFirst:c,groupable:i,children:s,...d}=e;return s.length?{children:u(s),...d}:d})),d={columns:u(s),totalWidth:l,index:e,nativeEvent:n,newWidth:t,oldWidth:r,end:a,target:xe.current};ie.current.onColumnResize(d)}};ge.current=new a.ColumnResize(e);const t=(e,t,r)=>{const n=oe.current,a=n[e].depth,l=e=>{do{e++}while(e<n.length&&n[e].depth>a);return e},o=n.splice(e,l(e)-e);if(n.splice(e<t?l(t-o.length):t,0,...o),n.filter(e=>e.declarationIndex>=0).forEach((e,t)=>e.orderIndex=t),ie.current.onColumnReorder){const e=n.filter(e=>e.declarationIndex>=0&&-1===e.parentIndex),t=e=>(e.sort((e,t)=>e.declarationIndex-t.declarationIndex),e.map(e=>{const{declarationIndex:r,parentIndex:n,depth:a,colSpan:l,rowSpan:o,index:c,kFirst:i,groupable:s,children:u,...d}=e;return u.length?{children:t(u),...d}:d})),a={target:xe.current,columns:t(e),nativeEvent:r};ie.current.onColumnReorder(a)}};fe.current=new a.CommonDragLogic(t,n.noop,n.noop);const r=ge.current.dragHandler.bind(ge.current);ge.current.dragHandler=(e,t,n,a)=>{Ne(),r(e,t,n,a)},a.tableKeyboardNavigation.onConstructor({navigatable:!!ie.current.navigatable,contextStateRef:se.current,navigationStateRef:ue.current})}const Re=m.useCallback(e=>{var t;if(!e||"none"===ie.current.scrollable)return;if(_.current){const e=_.current.querySelector("table");null!=e&&e.tBodies[0]&&(ne.current=e.tBodies[0].offsetTop);const r=null==(t=$.current)?void 0:t.parentElement;if(r){const e=_.current.offsetWidth-_.current.clientWidth;r.style.paddingInlineEnd=e+"px"}return}const r=Array.from(e.childNodes),n=r.find(e=>"TABLE"===e.nodeName),a=ie.current.toolbar&&r.find(e=>1===e.nodeType&&e.classList.contains("k-grid-toolbar"));let l=0;if(a){const e=a.style.boxSizing;a.style.boxSizing="border-box",l=parseFloat(String(window.getComputedStyle(a).height))||a.offsetHeight,a.style.boxSizing=e,a.getAttribute("style")||a.removeAttribute("style")}ne.current=n.tBodies[0].offsetTop,f(n,l)},[]),Ne=()=>{var e,t;const r=null==(e=ge.current)?void 0:e.colGroupMain;if(!r||!X.current)return;const n=r.children,a=oe.current.filter(e=>0===e.children.length),l=null==(t=ge.current)?void 0:t.colGroupHeader,o=X.current.offsetWidth;let c=0,i=!0;for(let e=0;e<a.length;e++){if(void 0===a[e].width){i=!1;break}c+=parseFloat(String(a[e].width))}if(!i||!o||!c||Math.abs(o-c)<=1)return;J.current=!0;const s=o/c;let u=0;for(let e=0;e<a.length;e++){const t=parseFloat(String(a[e].width));let r;r=e===a.length-1?o-u:Math.round(t*s),u+=r,a[e].width=r,n[e]&&(n[e].style.width=r+"px"),null!=l&&l.children[e]&&(l.children[e].style.width=r+"px")}X.current&&(X.current.style.width=o+"px"),Y.current&&(Y.current.style.width=o+"px")},we=()=>le.current.map(e=>e.dataItem),Te=m.useCallback((e,t,r)=>{const n=ie.current;if(e)e({nativeEvent:null==r?void 0:r.nativeEvent,syntheticEvent:r,target:xe.current,...t});else if(n.onDataStateChange){const e={nativeEvent:null==r?void 0:r.nativeEvent,syntheticEvent:r,target:xe.current,dataState:{filter:n.filter,sort:n.sort,...t}};n.onDataStateChange(e)}},[]),Se=m.useCallback((e,t,r)=>{Te(ie.current.onSortChange,{sort:t,field:r},e)},[Te]),De=m.useCallback((e,t,r)=>{Te(ie.current.onFilterChange,{filter:t,field:r},e)},[Te]),Oe=m.useCallback(e=>{Te(ie.current.onFilterChange,{filter:e.filter,field:e.field},e.syntheticEvent)},[Te]),Le=m.useCallback((e,t,r)=>{const n=ie.current;if(!n.onColumnMenuFilterChange)return;const a={syntheticEvent:e,filter:t,field:r,target:xe.current,nativeEvent:e.nativeEvent};n.onColumnMenuFilterChange(a)},[]),Fe=m.useCallback((e,t,r)=>{const a=ie.current;if(a.expandField&&a.onExpandChange){const l={nativeEvent:null==e?void 0:e.nativeEvent,syntheticEvent:e,target:xe.current,dataItem:t,level:r,value:!!n.getNestedValue(a.expandField,t)};a.onExpandChange(l)}},[]),Ke=m.useCallback(e=>{var t,r;const n=ie.current;if(e.field!==n.expandField){if(n.onItemChange){const t={nativeEvent:null==(r=e.syntheticEvent)?void 0:r.nativeEvent,syntheticEvent:e.syntheticEvent,target:xe.current,dataItem:e.dataItem,level:e.level,field:e.field,value:e.value};n.onItemChange(t)}}else if(n.onExpandChange){const r={nativeEvent:null==(t=e.syntheticEvent)?void 0:t.nativeEvent,syntheticEvent:e.syntheticEvent,target:xe.current,dataItem:e.dataItem,level:e.level,value:e.value};n.onExpandChange(r)}},[]),Pe=m.useCallback(e=>{var t;const r=ie.current;if(r.onSelectionChange){const{event:n,item:l,dataIndex:o,columnIndex:c}=e,{mode:i,cell:s}=a.getSelectionOptions(r.selectable),u={nativeEvent:null==(t=n.syntheticEvent)?void 0:t.nativeEvent,syntheticEvent:n.syntheticEvent,target:xe.current,dataItem:l.dataItem,level:l.level,startColIndex:c,endColIndex:c,startRowIndex:o,endRowIndex:o,dataItems:we(),altKey:!1,ctrlKey:!1,shiftKey:!1,metaKey:!1,mode:i,cell:s,isDrag:!1,componentId:ve,selectedField:r.selectedField||""};r.onSelectionChange(u)}},[ve]),He=m.useCallback(e=>{var t;const r=ie.current;if(r.onHeaderSelectionChange){const n={field:e.field,nativeEvent:null==(t=e.syntheticEvent)?void 0:t.nativeEvent,syntheticEvent:e.syntheticEvent,target:xe.current,dataItems:we()};r.onHeaderSelectionChange(n)}},[]),Me=m.useCallback(e=>{const t=ie.current;if(t.onSelectionChange){const r={syntheticEvent:void 0,target:xe.current,selectedField:t.selectedField||"",componentId:ve,dataItems:we(),dataItem:null,level:[],...e};t.onSelectionChange(r)}},[ve]),ze=m.useCallback((e,t)=>{if(ie.current.onRowClick&&"TD"===e.target.nodeName){const r={dataItem:t.dataItem,level:t.level,nativeEvent:null==e?void 0:e.nativeEvent,syntheticEvent:e,target:xe.current};ie.current.onRowClick(r)}},[]),Be=m.useCallback((e,t)=>{if(ie.current.onRowDoubleClick&&"TD"===e.target.nodeName){const r={dataItem:t.dataItem,level:t.level,nativeEvent:null==e?void 0:e.nativeEvent,syntheticEvent:e,target:xe.current};ie.current.onRowDoubleClick(r)}},[]),Ve=m.useCallback((e,t)=>{if(ie.current.onRowContextMenu&&"TD"===e.target.nodeName){const r={dataItem:t.dataItem,level:t.level,nativeEvent:null==e?void 0:e.nativeEvent,syntheticEvent:e,target:xe.current};ie.current.onRowContextMenu(r)}},[]),Ae=m.useCallback(e=>{var t;if(ie.current.onPageChange){const r={nativeEvent:null==(t=e.syntheticEvent)?void 0:t.nativeEvent,syntheticEvent:e.syntheticEvent,target:xe.current,skip:e.skip,take:e.take};ie.current.onPageChange(r)}},[]),je=m.useCallback(e=>{ie.current.onRowDrag&&ie.current.onRowDrag({...e,target:xe.current})},[]),qe=m.useCallback(e=>{ie.current.onRowDrop&&ie.current.onRowDrop({...e,target:xe.current})},[]),_e=m.useCallback(e=>{if(a.tableKeyboardNavigation.onKeyDown(e,{navigatable:!!ie.current.navigatable,contextStateRef:se.current,navigationStateRef:ue.current}),ie.current.onKeyDown){const{mode:t,cell:r}=a.getSelectionOptions(ie.current.selectable),n={dataItems:we(),mode:t,cell:r,componentId:ve,selectedField:ie.current.selectedField,nativeEvent:null==e?void 0:e.nativeEvent,syntheticEvent:e,target:xe.current};ie.current.onKeyDown(n)}},[ve]),We=m.useCallback(e=>{a.tableKeyboardNavigation.onFocus(e,{contextStateRef:se.current})},[]),Ue=m.useCallback(e=>{var t;const r=e.currentTarget.scrollLeft,n=e.currentTarget.scrollTop,l=ie.current,o=l.rowHeight||0;let c=!1;if(l.columnVirtualization&&Math.abs(ee.current-r)>0&&(ee.current=r,c=!0),"virtual"===l.scrollable&&Math.abs(te.current-n)>o&&(te.current=n,c=!0),c){if(se.current.current&&ue.current.current){const e=null==(t=he())?void 0:t.activeElement,r=e&&a.tableKeyboardNavigationTools.getNavigatableId(e);r&&r===se.current.current.activeId&&(ue.current.current.activeElementIsFocused=!0)}re.current=!0,pe()}$.current&&!Z.current&&(Q.current=!0,$.current.scrollLeft=r),Z.current=!1},[]),Ge=m.useCallback(e=>{if(Q.current)return void(Q.current=!1);const t=e.currentTarget.scrollLeft;_.current&&_.current.scrollLeft!==t&&(Z.current=!0,_.current.scrollLeft=t)},[]),$e=m.useRef(!1);m.useLayoutEffect(()=>(Re(j.current),a.tableKeyboardNavigation.onComponentDidMount({scope:q.current||j.current||void 0,contextStateRef:se.current,navigationStateRef:ue.current}),()=>{$e.current=!1,ce.current=[],ae.current=[],le.current=[],re.current=!1,Ie.clear(),Ce.clear()}),[Re,Ie,Ce]),m.useLayoutEffect(()=>{a.tableKeyboardNavigation.onGetSnapshotBeforeUpdate({document:he(),contextStateRef:se.current,navigationStateRef:ue.current})});const Xe=m.useRef(l);m.useLayoutEffect(()=>{$e.current?(Xe.current!==l&&Re(j.current),Xe.current=l,a.tableKeyboardNavigation.onComponentDidUpdate({scope:q.current||j.current||void 0,contextStateRef:se.current,navigationStateRef:ue.current})):$e.current=!0});const Ye=l.some(e=>!!e.filter||!!e.filterCell)||void 0!==o,Je=o||a.FilterRow,Qe=a.tableKeyboardNavigationTools.getIdPrefix(ue.current),Ze=Ie(l,Qe),et=Ze.length!==oe.current.length;oe.current=Ze,ce.current=Ce(oe.current,et);const tt=oe.current.filter(e=>0===e.children.length);ge.current.columns=oe.current,ge.current.resizable=i,fe.current.columns=oe.current,fe.current.reorderable=s,fe.current.groupable=!1;let rt=(()=>{let e=0;const t=re.current&&ae.current===g&&ne.current>0&&le.current.length?le.current:a.flatData(g,Ee,t=>{const r={height:p||0,offsetTop:e};return e+=r.height,r});return ae.current=g,le.current=t,t})();const nt=rt.length;void 0!==u&&void 0!==d&&(rt=rt.slice(u,u+d));const at=N||{};"virtual"===c&&(rt=v({rows:rt,tableViewPortHeight:parseFloat((at.height||at.maxHeight||"").toString()),scrollTop:te.current}),re.current=!1);const{colSpans:lt,hiddenColumns:ot}=a.tableColumnsVirtualization({enabled:h,columns:tt,scrollLeft:ee.current,tableViewPortWidth:parseFloat((at.width||"").toString())}),ct=rt.map(e=>e.level),it=ce.current.length+(Ye?1:0)+1,st=m.createElement(a.Header,{headerRow:m.createElement(a.HeaderRow,{sort:L,sortable:F,sortChange:Se,selectionChange:He,columns:oe.current,columnsMap:ce.current,cellRender:A,columnResize:ge.current,columnMenu:P,columnMenuFilter:H,columnMenuFilterChange:Le,pressHandler:fe.current.pressHandler,dragHandler:fe.current.dragHandler,releaseHandler:fe.current.releaseHandler,filterChange:De}),reorderable:s,className:"none"!==c?"k-table-thead":void 0,role:"none"!==c?"rowgroup":void 0,filterRow:Ye&&m.createElement(Je,{columns:tt,filter:K,filterChange:Oe,sort:L,ariaRowIndex:ce.current.length+1})||void 0,columnResize:ge.current}),ut=rt.length>0&&rt.map((t,r)=>{const l=n.getNestedValue(I,t.dataItem),o=k&&n.getter(k)(t.dataItem),i=String(o||t.level.join(".")),s=!!n.getNestedValue(C,t.dataItem),u=y?n.getNestedValue(y,t.dataItem):void 0,d={key:i,level:t.level,levels:ct,dataItem:t.dataItem,selectedField:y,rowHeight:"virtual"===c?t.height:p,render:B,onDrop:qe,onDrag:je,onClick:e=>ze(e,t),onDoubleClick:e=>Be(e,t),onContextMenu:e=>Ve(e,t),isAltRow:r%2!=0,expanded:s,rowIndex:r,ariaRowIndex:it+r,ariaSetSize:t.levelCount,ariaPosInSet:t.level[t.level.length-1]+1,isSelected:"boolean"==typeof u&&u},g=M||U,f=((t,r,l,o,c,i)=>tt.map((s,u)=>{if(ot[u])return null;const d=s.id?s.id:u,g=`${s.className?s.className+" ":""}${s.locked?"k-grid-content-sticky":""}`,f={id:a.tableKeyboardNavigationTools.generateNavigatableId(`${l}-${String(u)}`,Qe),colSpan:lt[u],dataItem:t.dataItem,field:s.field,format:s.format,className:g||void 0,render:V,onChange:Ke,selectionChange:e.onSelectionChange?e=>{Pe({event:e,item:t,columnIndex:u,dataIndex:c})}:void 0,level:t.level,expandable:s.expandable,expanded:o,hasChildren:!!n.getNestedValue(x,t.dataItem),onExpandChange:Fe,colIndex:u,ariaColumnIndex:s.ariaColumnIndex,style:void 0!==s.left&&{left:s.left,right:s.right,borderRightWidth:s.rightBorder?"1px":""}||{},isSelected:Array.isArray(i)&&i.indexOf(u)>-1};return r&&s.editCell?m.createElement(s.editCell,{key:d,...f,onChange:Ke}):s.cell?m.createElement(s.cell,{key:d,...f}):m.createElement(E,{key:d,...f})}))(t,l,i,s,r,u);return l&&z?m.createElement(z,{...d,key:d.key},f):m.createElement(g,{...d,key:d.key},f)})||m.createElement("tr",{className:"k-table-row k-grid-norecords"},m.createElement("td",{colSpan:tt.length},S||m.createElement(W,null))),dt=e=>null==L?void 0:L.some(t=>t.field===e),mt=tt.map(e=>m.createElement("col",{key:e.declarationIndex,className:dt(e.field)?"k-sorted":void 0,style:void 0!==e.width?{width:e.width}:void 0})),gt=null!=b&&b.drag?"none":void 0,ft=D||{},pt="none"!==c;let vt,ht=0;if(pt&&i&&J.current){let e=!0;for(let t=0;t<tt.length;t++){if(void 0===tt[t].width){e=!1;break}ht+=parseFloat(String(tt[t].width))}e||(ht=0)}return ht?vt={width:ht}:null!=(r=ft.style)&&r.width&&(vt={width:ft.style.width}),pt?m.createElement(a.TableKeyboardNavigationContext.Provider,{value:se.current.current},m.createElement("div",{id:R,style:N,className:n.classNames("k-grid","k-treelist","k-treelist-scrollable",w),ref:e=>{j.current=e},onKeyDown:_e,onFocus:We},T,m.createElement("div",{className:"k-grid-aria-root k-treelist",role:"treegrid","aria-rowcount":nt,"aria-colcount":tt.length,ref:e=>{q.current=e},...a.tableKeyboardNavigationScopeAttributes},m.createElement("div",{className:n.classNames("k-grid-header",{"k-grid-draggable-header":s})},m.createElement("div",{className:"k-grid-header-wrap",ref:e=>{$.current=e},onScroll:Ge},m.createElement("table",{className:"k-table k-grid-header-table",role:"presentation",style:vt,ref:e=>{X.current=e}},m.createElement("colgroup",{ref:e=>{ge.current.colGroupHeader=e}},mt),st))),m.createElement("div",{className:"k-grid-container"},m.createElement("div",{className:"k-grid-content",ref:e=>{_.current=e},onScroll:Ue},m.createElement(a.TableSelection,{selectable:b,onRelease:Me},m.createElement("table",{className:"k-table k-grid-table",...ft,style:{...ft.style||{},userSelect:gt,...ht?{width:ht}:{}},role:"presentation",ref:e=>{Y.current=e}},m.createElement("colgroup",{ref:e=>{ge.current.colGroupMain=e}},mt),m.createElement("tbody",{className:"k-table-tbody",...a.tableKeyboardNavigationBodyAttributes,role:"rowgroup"},ut)))))),O&&m.createElement(O,{className:"k-grid-pager",total:nt,skip:u,take:d,onPageChange:Ae}),s&&m.createElement(m.Fragment,null,m.createElement(a.DropClue,{ref:fe.current.refDropElementClue}),m.createElement(a.DragClue,{ref:fe.current.refDragElementClue})),de&&m.createElement(n.WatermarkOverlay,{message:me}))):m.createElement(a.TableKeyboardNavigationContext.Provider,{value:se.current.current},m.createElement("div",{id:R,style:N,className:n.classNames("k-grid","k-treelist",w),ref:e=>{j.current=e},onKeyDown:_e,onFocus:We,"aria-rowcount":nt,"aria-colcount":tt.length,role:"treegrid",...a.tableKeyboardNavigationScopeAttributes},T,m.createElement(a.TableSelection,{selectable:b,onRelease:Me},m.createElement("table",{className:"k-table k-grid-table",...ft,style:{...ft.style||{},userSelect:gt},role:"presentation"},m.createElement("colgroup",{ref:e=>{ge.current.colGroupMain=e}},mt),st,m.createElement("tbody",{className:"k-table-tbody",...a.tableKeyboardNavigationBodyAttributes,role:"presentation"},ut))),O&&m.createElement(O,{className:"k-grid-pager",total:nt,skip:u,take:d,onPageChange:Ae}),s&&m.createElement(m.Fragment,null,m.createElement(a.DropClue,{ref:fe.current.refDropElementClue}),m.createElement(a.DragClue,{ref:fe.current.refDragElementClue})),de&&m.createElement(n.WatermarkOverlay,{message:me})))});$.propTypes={data:r.array,resizable:r.bool,reorderable:r.bool,sortable:r.oneOfType([r.bool,r.shape({mode:r.oneOf(["single","multiple"]),allowUnsort:r.bool})]),onSortChange:r.func,sort:r.array,columns:r.arrayOf(r.object),columnVirtualization:r.bool,filter:r.array,onFilterChange:r.func,filterRow:r.any,toolbar:r.any,noRecords:r.any,onExpandChange:r.func,expandField:r.string,subItemsField:r.string,selectedField:r.string,onSelectionChange:r.func,onHeaderSelectionChange:r.func,onRowClick:r.func,onItemChange:r.func,editField:r.string,scrollable:r.oneOf(["none","scrollable","virtual"]),rowHeight:r.number,style:r.object,tableProps:r.object,pager:r.any,skip:r.number,take:r.number,onPageChange:r.func,onDataStateChange:r.func,onColumnResize:r.func,onColumnReorder:r.func,dataItemKey:r.string,navigatable:r.bool},$.displayName="KendoReactTreeList";const X=e=>{const t=m.useCallback(t=>{e.selectionChange&&e.selectionChange({syntheticEvent:t})},[e.selectionChange]),r=n.useId(),l=n.getNestedValue(e.field,e.dataItem),o=a.useTableKeyboardNavigation(e.id),c=m.createElement("td",{style:e.style,className:n.classNames("k-table-td",e.className),"aria-colindex":e.ariaColumnIndex,role:"gridcell",...o},m.createElement("input",{checked:"boolean"==typeof l&&l,id:r,type:"checkbox",className:"k-checkbox",onChange:t}),m.createElement("label",{className:"k-checkbox-label",htmlFor:r}));return e.render?e.render(c,e):c};X.displayName="KendoReactTreeListSelectionCell";const Y=m.forwardRef((e,t)=>{const r=m.useRef(n.guid()),l=m.useRef(null);return m.useImperativeHandle(l,()=>({props:e})),m.useImperativeHandle(t,()=>l.current),m.createElement(a.HeaderSelectionCell,{inputId:r.current,...e})});Y.displayName="KendoReactTreeListHeaderSelectionCell";const J=e=>e.visible&&n.canUseDOM?g.createPortal(m.createElement("div",{className:"k-header k-drag-clue",style:{display:"block",position:"absolute",zIndex:2e4,padding:"8px 12px",top:e.top+"px",left:e.left+"px"}},m.createElement(n.IconWrap,{className:n.classNames("k-drag-status"),name:e.allowDrop?"plus":"cancel",icon:e.allowDrop?o.plusIcon:o.cancelIcon}),e.text),document.body):null;function Q(e,t,r){const n=r?r.elementFromPoint(e.clientX,e.clientY):null;return t&&n?n.closest(t):null}const Z="k-grid",ee={visible:!1,top:0,left:0,text:"",allowDrop:!1},te=m.forwardRef((e,t)=>{const[r,a]=m.useState({...ee}),l=m.useRef(null),o=m.useRef(null),c=m.useRef(null),i=m.useRef(null),s=m.useRef(r);s.current=r;const u=m.useRef(e);u.current=e;const d=m.useRef(null);m.useImperativeHandle(d,()=>({props:e})),m.useImperativeHandle(t,()=>d.current),m.useEffect(()=>()=>{i.current&&(i.current.style.userSelect="",i.current=null)},[]);const g=m.useCallback(()=>{var e;o.current=u.current.level;const t=null==(e=l.current)?void 0:e.element;t&&(i.current=t.closest("."+Z),i.current&&(i.current.style.userSelect="none"))},[l]),f=m.useCallback(e=>{var t;if(!n.canUseDOM)return;const r=null==(t=l.current)?void 0:t.element,i=(null==r?void 0:r.ownerDocument)||document;if(!i)return;const s=e.event,d=o.current;if(r&&d){!s.isTouch&&"scroll"!==s.type&&s.originalEvent.preventDefault();const e=u.current.levels[function(e,t,r){if(!e.originalEvent)return-1;const n=Q(e,"tr",r);if(n){const e=t?t.childNodes:[];for(let t=0;t<e.length;t++)if(e[t]===n)return t}return-1}(s,r.parentNode,i)];c.current=e;const t=e?!d.every((t,r)=>t===e[r]):!!Q(s,Z,i);a({visible:!0,top:s.pageY+10,left:s.pageX,text:r.innerText,allowDrop:t}),u.current.onDrag&&u.current.onDrag({nativeEvent:s.originalEvent,dragged:d,draggedOver:e,draggedItem:u.current.dataItem})}},[l]),p=m.useCallback(e=>{i.current&&(i.current.style.userSelect="",i.current=null);const t=e.event;if(o.current){const e=[...o.current],r=c.current&&[...c.current],n=s.current.allowDrop;o.current=null,c.current=null,a({...ee});const l=u.current.dataItem;n&&u.current.onDrop&&u.current.onDrop({nativeEvent:t.originalEvent,dragged:e,draggedOver:r,draggedItem:l})}},[]);return m.createElement(m.Fragment,null,m.createElement(n.Draggable,{ref:l,onPress:g,onDrag:f,onRelease:p},m.createElement(U,{...e})),m.createElement(J,{...r}))});te.displayName="KendoReactTreeListDraggableRow";const re=m.forwardRef((e,t)=>{const{className:r,...a}=e,l=m.useRef(null),o=m.useRef(null);m.useImperativeHandle(o,()=>({element:l.current,props:e})),m.useImperativeHandle(t,()=>o.current);const c=m.useMemo(()=>n.classNames("k-grid-toolbar",r),[r]);return m.createElement(i.Toolbar,{id:e.id,ref:e=>{e&&(l.current=e.element)},className:c,...a},e.children)});re.displayName="KendoReactTreeListToolbar";const ne=[{text:S,operator:"contains"},{text:D,operator:"doesnotcontain"},{text:C,operator:"eq"},{text:x,operator:"neq"},{text:T,operator:"startswith"},{text:O,operator:"endswith"},{text:k,operator:"isnull"},{text:R,operator:"isnotnull"},{text:N,operator:"isempty"},{text:w,operator:"isnotempty"}],ae=[{text:C,operator:"eq"},{text:x,operator:"neq"},{text:L,operator:"gte"},{text:F,operator:"gt"},{text:K,operator:"lte"},{text:P,operator:"lt"},{text:k,operator:"isnull"},{text:R,operator:"isnotnull"}],le=[{text:C,operator:"eq"},{text:x,operator:"neq"},{text:B,operator:"gte"},{text:V,operator:"gt"},{text:A,operator:"lt"},{text:j,operator:"lte"},{text:k,operator:"isnull"},{text:R,operator:"isnotnull"}],oe=[{text:z,operator:""},{text:H,operator:!0},{text:M,operator:!1}];function ce(e,t){return{clearButtonTitle:e.toLanguageString(I,_[I]),operators:t.map(t=>({text:e.toLanguageString(t.text,_[t.text]),operator:t.operator}))}}const ie=e=>{const t=m.useCallback(t=>{e.onChange&&e.onChange({dataItem:e.dataItem,level:e.level,field:e.field,syntheticEvent:t,value:t.target.value})},[e.onChange,e.dataItem,e.level,e.field]),r=a.useTableKeyboardNavigation(e.id),l=n.classNames({"k-selected":e.isSelected},e.className),o=m.createElement("td",{style:e.style,className:l,"aria-colindex":e.ariaColumnIndex,"aria-selected":e.isSelected,role:"gridcell",...r,[b]:e.colIndex},m.createElement("input",{style:{width:"100%"},className:"k-input",value:n.getNestedValue(e.field,e.dataItem)||"",onChange:t}));return e.render?e.render(o,e):o};ie.displayName="KendoReactTreeListTextEditor";const se=e=>{const t=m.useCallback(t=>{e.onChange&&e.onChange({dataItem:e.dataItem,level:e.level,field:e.field,syntheticEvent:t.syntheticEvent,value:t.value})},[e.onChange,e.dataItem,e.level,e.field]),r=n.getNestedValue(e.field,e.dataItem),l=a.useTableKeyboardNavigation(e.id),o=n.classNames({"k-selected":e.isSelected},e.className),c=m.createElement("td",{style:e.style,className:o,"aria-colindex":e.ariaColumnIndex,"aria-selected":e.isSelected,role:"gridcell",...l,[b]:e.colIndex},m.createElement(s.NumericTextBox,{width:"100%",value:void 0===r?null:r,onChange:t}));return e.render?e.render(c,e):c};se.displayName="KendoReactTreeListNumericEditor";const ue=e=>{const t=m.useCallback(t=>{e.onChange&&e.onChange({dataItem:e.dataItem,level:e.level,field:e.field,syntheticEvent:t,value:t.target.checked})},[e.onChange,e.dataItem,e.level,e.field]),r=n.useId(),l=a.useTableKeyboardNavigation(e.id),o=n.classNames({"k-selected":e.isSelected},e.className),c=m.createElement("td",{style:e.style,className:o,"aria-colindex":e.ariaColumnIndex,"aria-selected":e.isSelected,role:"gridcell",...l,[b]:e.colIndex},m.createElement("input",{checked:n.getNestedValue(e.field,e.dataItem)||!1,id:r,type:"checkbox",className:"k-checkbox",onChange:t}),m.createElement("label",{className:"k-checkbox-label",htmlFor:r}));return e.render?e.render(c,e):c};ue.displayName="KendoReactTreeListBooleanEditor";const de=e=>{const t=m.useCallback(t=>{e.onChange&&e.onChange({dataItem:e.dataItem,level:e.level,field:e.field,syntheticEvent:t.syntheticEvent,value:t.value})},[e.onChange,e.dataItem,e.level,e.field]),r=a.useTableKeyboardNavigation(e.id),l=n.classNames({"k-selected":e.isSelected},e.className),o=m.createElement("td",{style:e.style,className:l,"aria-colindex":e.ariaColumnIndex,"aria-selected":e.isSelected,role:"gridcell",...r,[b]:e.colIndex},m.createElement(u.DatePicker,{width:"100%",value:n.getNestedValue(e.field,e.dataItem),onChange:t}));return e.render?e.render(o,e):o};de.displayName="KendoReactTreeListDateEditor",Object.defineProperty(e,"getAbsoluteVirtualRowIndex",{enumerable:!0,get:function(){return n.getAbsoluteVirtualRowIndex}}),Object.defineProperty(e,"getNestedValue",{enumerable:!0,get:function(){return n.getNestedValue}}),Object.defineProperty(e,"mapTree",{enumerable:!0,get:function(){return n.mapTree}}),Object.defineProperty(e,"mapTreeItem",{enumerable:!0,get:function(){return n.mapTreeItem}}),Object.defineProperty(e,"createDataTree",{enumerable:!0,get:function(){return a.createDataTree}}),Object.defineProperty(e,"extendDataItem",{enumerable:!0,get:function(){return a.extendDataItem}}),Object.defineProperty(e,"filterBy",{enumerable:!0,get:function(){return a.filterBy}}),Object.defineProperty(e,"flatData",{enumerable:!0,get:function(){return a.flatData}}),Object.defineProperty(e,"getItemPath",{enumerable:!0,get:function(){return a.getItemPath}}),Object.defineProperty(e,"getSelectedState",{enumerable:!0,get:function(){return a.getSelectedState}}),Object.defineProperty(e,"getSelectedStateFromKeyDown",{enumerable:!0,get:function(){return a.getSelectedStateFromKeyDown}}),Object.defineProperty(e,"modifySubItems",{enumerable:!0,get:function(){return a.modifySubItems}}),Object.defineProperty(e,"moveTreeItem",{enumerable:!0,get:function(){return a.moveTreeItem}}),Object.defineProperty(e,"orderBy",{enumerable:!0,get:function(){return a.orderBy}}),Object.defineProperty(e,"removeItems",{enumerable:!0,get:function(){return a.removeItems}}),Object.defineProperty(e,"setSelectedState",{enumerable:!0,get:function(){return a.setSelectedState}}),Object.defineProperty(e,"treeToFlat",{enumerable:!0,get:function(){return a.treeToFlat}}),e.TREELIST_COL_INDEX_ATTRIBUTE=b,e.TREELIST_PREVENT_SELECTION_ELEMENT=y,e.TREELIST_ROW_INDEX_ATTRIBUTE=h,e.TreeList=$,e.TreeListBooleanEditor=ue,e.TreeListBooleanFilter=function(e){const{operators:t,...r}=e;return m.createElement(a.BooleanFilterCell,{ariaLabel:"boolean filter",...ce(l.useLocalization(),t||oe),...r})},e.TreeListCell=E,e.TreeListDateEditor=de,e.TreeListDateFilter=function(e){const{operators:t,...r}=e;return m.createElement(a.DateFilterCell,{ariaLabel:"date filter",...ce(l.useLocalization(),t||le),...r})},e.TreeListDraggableRow=te,e.TreeListHeaderCell=e=>m.createElement(a.HeaderCell,{...e}),e.TreeListHeaderSelectionCell=Y,e.TreeListNoRecords=W,e.TreeListNumericEditor=se,e.TreeListNumericFilter=function(e){const{operators:t,...r}=e;return m.createElement(a.NumericFilterCell,{ariaLabel:"numeric filter",...ce(l.useLocalization(),t||ae),...r})},e.TreeListRow=U,e.TreeListSelectionCell=X,e.TreeListTextEditor=ie,e.TreeListTextFilter=function(e){const{operators:t,...r}=e;return m.createElement(a.TextFilterCell,{ariaLabel:"text filter",...ce(l.useLocalization(),t||ne),...r})},e.TreeListToolbar=re,e.setHeaderRowsTop=f,e.tableRowsVirtualization=v});

package/header/TreeListHeaderSelectionCell.d.ts

@@ -9,10 +9,14 @@ import { HeaderCellProps } from '@progress/kendo-react-data-tools';
 import * as React from 'react';
 export interface TreeListHeaderSelectionCellProps extends HeaderCellProps {
 }
-export declare class TreeListHeaderSelectionCell extends React.Component<TreeListHeaderSelectionCellProps> {
-    private _inputId;
-    /**
-     * @hidden
-     */
-    render(): React.JSX.Element;
+/**
+ * Represent the `ref` of the TreeListHeaderSelectionCell component.
+ */
+export interface TreeListHeaderSelectionCellHandle {
+    /** The props of the TreeListHeaderSelectionCell component. */
+    readonly props: Readonly<TreeListHeaderSelectionCellProps>;
 }
+/**
+ * The TreeList header selection cell component.
+ */
+export declare const TreeListHeaderSelectionCell: React.ForwardRefExoticComponent<TreeListHeaderSelectionCellProps & React.RefAttributes<TreeListHeaderSelectionCellHandle>>;

package/header/TreeListHeaderSelectionCell.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 c=require("react"),i=require("@progress/kendo-react-common"),a=require("@progress/kendo-react-data-tools");function s(e){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const n=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,n.get?n:{enumerable:!0,get:()=>e[t]})}}return r.default=e,Object.freeze(r)}const o=s(c);class l extends o.Component{constructor(){super(...arguments),this._inputId=i.guid()}render(){return o.createElement(a.HeaderSelectionCell,{inputId:this._inputId,...this.props})}}exports.TreeListHeaderSelectionCell=l;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react"),c=require("@progress/kendo-react-common"),i=require("@progress/kendo-react-data-tools");function u(e){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const l=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,l.get?l:{enumerable:!0,get:()=>e[t]})}}return n.default=e,Object.freeze(n)}const r=u(a),o=r.forwardRef((e,n)=>{const t=r.useRef(c.guid()),l=r.useRef(null);return r.useImperativeHandle(l,()=>({props:e})),r.useImperativeHandle(n,()=>l.current),r.createElement(i.HeaderSelectionCell,{inputId:t.current,...e})});o.displayName="KendoReactTreeListHeaderSelectionCell";exports.TreeListHeaderSelectionCell=o;